aldy505
/
code
mirror of https://github.com/aldy505/code.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: bump dependencies

This commit is contained in:
Reinaldy Rafli 2022-08-06 15:44:27 +07:00
parent eb810ec8d3
commit 2040c1795b
No known key found for this signature in database
GPG Key ID: EA1B2522C1693EC8
14 changed files with 2404 additions and 1854 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/Home/Main.tsx
View File

@ -23,36 +23,36 @@ const link = [
function Home() { function Home() {
return ( return (
<div class="h-full lg:min-h-screen flex flex-col lg:flex-row items-center justify-around"> <div class='h-full lg:min-h-screen flex flex-col lg:flex-row items-center justify-around'>
<div class="flex-1 pt-12 pb-4 md:pt-0 md:pb-0"> <div class='flex-1 pt-12 pb-4 md:pt-0 md:pb-0'>
<div class="flex flex-row items-center"> <div class='flex flex-row items-center'>
<div class="flex-initial"> <div class='flex-initial'>
<h1 class="text-5xl md:text-8xl font-bold py-4"> <h1 class='text-5xl md:text-8xl font-bold py-4'>
Reinaldy Rafli Reinaldy Rafli
</h1> </h1>
</div> </div>
<div class="flex-initial md:pl-4"> <div class='flex-initial md:pl-4'>
<img <img
src={image.me} src={image.me}
alt="My Memoji" alt='My Memoji'
class="w-full md:w-2/3 h-auto md:py-4" class='w-full md:w-2/3 h-auto md:py-4'
/> />
</div> </div>
</div> </div>
<p class="text-base py-2 md:w-2/3"> <p class='text-base py-2 md:w-2/3'>
Not a CS student, yet currently working in the IT industry, but most of the time I do web development. Always love to be working on a cool project 😉 Not a CS student, yet currently working in the IT industry, but most of the time I do web development. Always love to be working on a cool project 😉
</p> </p>
<div class="text-sm py-2 lg:pt-8 lg:pb-0 hidden md:block"> <div class='text-sm py-2 lg:pt-8 lg:pb-0 hidden md:block'>
<MadeWithLove /> <MadeWithLove />
</div> </div>
</div> </div>
<div class="flex-1 pl-0 lg:pl-12 h-full w-full pb-4 lg:(w-auto pb-0)"> <div class='flex-1 pl-0 lg:pl-12 h-full w-full pb-4 lg:(w-auto pb-0)'>
<ul class="list-none"> <ul class='list-none'>
<For each={link}>{item => <For each={link}>{item =>
<LinkList link={item.link} text={item.text}></LinkList> <LinkList link={item.link} text={item.text} />
}</For> }</For>
</ul> </ul>
</div> </div>

24
components/Home/Projects.tsx
View File

@ -13,43 +13,43 @@ function Projects() {
return ( return (
<> <>
<section id="projects"> <section id='projects'>
<div><h2 class="text-3xl font-bold py-2">Library</h2></div> <div><h2 class='text-3xl font-bold py-2'>Library</h2></div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 grid-flow-row gap-4 py-8"> <div class='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 grid-flow-row gap-4 py-8'>
<For each={libraryProjects.slice(0, 6)}> <For each={libraryProjects.slice(0, 6)}>
{project => <ProjectCard {...project} />} {project => <ProjectCard {...project} />}
</For> </For>
<Show when={moreLibraries.length > 0}> <Show when={moreLibraries.length > 0}>
<Show when={toggleLibrary()} fallback={<div onClick={() => setToggleLibrary(true)} class="text-center py-4 w-full cursor-pointer self-center">See more libraries</div>}> <Show when={toggleLibrary()} fallback={<div onClick={() => setToggleLibrary(true)} class='text-center py-4 w-full cursor-pointer self-center'>See more libraries</div>}>
<For each={moreLibraries}> <For each={moreLibraries}>
{project => <ProjectCard {...project} />} {project => <ProjectCard {...project} />}
</For> </For>
<div onClick={() => setToggleLibrary(false)} class="text-center py-4 w-full cursor-pointer self-center">Show less libraries</div> <div onClick={() => setToggleLibrary(false)} class='text-center py-4 w-full cursor-pointer self-center'>Show less libraries</div>
</Show> </Show>
</Show> </Show>
</div> </div>
</section> </section>
<section> <section>
<div><h2 class="text-3xl font-bold py-2">Application</h2></div> <div><h2 class='text-3xl font-bold py-2'>Application</h2></div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 grid-flow-row gap-4 py-8"> <div class='grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 grid-flow-row gap-4 py-8'>
<For each={applicationProjects.slice(0, 6)}> <For each={applicationProjects.slice(0, 6)}>
{project => <ProjectCard {...project} />} {project => <ProjectCard {...project} />}
</For> </For>
<Show when={moreApplications.length > 0}> <Show when={moreApplications.length > 0}>
<Show when={toggleApplication()} fallback={<div onClick={() => setToggleApplication(true)} class="text-center py-4 w-full cursor-pointer self-center">See more applications</div>}> <Show when={toggleApplication()} fallback={<div onClick={() => setToggleApplication(true)} class='text-center py-4 w-full cursor-pointer self-center'>See more applications</div>}>
<For each={moreApplications}> <For each={moreApplications}>
{project => <ProjectCard {...project} />} {project => <ProjectCard {...project} />}
</For> </For>
<div onClick={() => setToggleApplication(false)} class="text-center py-4 w-full cursor-pointer self-center">Show less applications</div> <div onClick={() => setToggleApplication(false)} class='text-center py-4 w-full cursor-pointer self-center'>Show less applications</div>
</Show> </Show>
</Show> </Show>
</div> </div>
</section> </section>
<section class="py-4"> <section class='py-4'>
<p class="text-sm text-center text-gray-100 pb-8 lg:opacity-80 hover:opacity-100 transition duration-500 ease-in-out"> <p class='text-sm text-center text-gray-100 pb-8 lg:opacity-80 hover:opacity-100 transition duration-500 ease-in-out'>
These are just a few of my projects.&nbsp; These are just a few of my projects.&nbsp;
<a class="hover:underline" href="https://www.github.com/aldy505">Explore more on my Github</a> <a class='hover:underline' href='https://www.github.com/aldy505'>Explore more on my Github</a>
</p> </p>
</section> </section>
</> </>

106
components/Icons.tsx
View File

File diff suppressed because one or more lines are too long

4
components/LinkList.tsx
View File

@ -7,11 +7,11 @@ interface Props {
function LinkList(props: Props) { function LinkList(props: Props) {
return ( return (
<li <li
class="opacity-75 hover:opacity-100 transition duration-500 ease-in-out py-2 text-base lg:text-2xl" class='opacity-75 hover:opacity-100 transition duration-500 ease-in-out py-2 text-base lg:text-2xl'
> >
<a <a
href={props.link} href={props.link}
class="hover:underline-light-300 hover:text-blue-100" class='hover:underline-light-300 hover:text-blue-100'
>{props.text}</a> >{props.text}</a>
</li> </li>
); );

18
components/MadeWithLove.tsx
View File

@ -1,27 +1,27 @@
function MadeWithLove() { function MadeWithLove() {
return ( return (
<> <>
<div class="text-xs opacity-75 hover:opacity-100 transition duration-500 ease-in-out"> <div class='text-xs opacity-75 hover:opacity-100 transition duration-500 ease-in-out'>
<p> <p>
Made with&nbsp; Made with&nbsp;
<svg <svg
class="inline" class='inline'
viewBox="0 0 1792 1792" viewBox='0 0 1792 1792'
preserveAspectRatio="xMidYMid meet" preserveAspectRatio='xMidYMid meet'
xmlns="http://www.w3.org/2000/svg" xmlns='http://www.w3.org/2000/svg'
style={{ height: '0.8rem' }} style={{ height: '0.8rem' }}
> >
<path <path
d="M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26T145 952.5 77 855 23.5 734 0 596q0-220 127-344t351-124q62 0 126.5 21.5t120 58T820 276t76 68q36-36 76-68t95.5-68.5 120-58T1314 128q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z" d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26T145 952.5 77 855 23.5 734 0 596q0-220 127-344t351-124q62 0 126.5 21.5t120 58T820 276t76 68q36-36 76-68t95.5-68.5 120-58T1314 128q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z'
fill="#e25555" fill='#e25555'
/> />
</svg> </svg>
&nbsp;in Indonesia. &nbsp;in Indonesia.
</p> </p>
<p> <p>
Source code available on <a Source code available on <a
class="hover:underline transition duration-350 ease-in-out" class='hover:underline transition duration-350 ease-in-out'
href="https://www.github.com/aldy505/code" href='https://www.github.com/aldy505/code'
>Github.</a> >Github.</a>
</p> </p>
</div> </div>

16
components/Navbar.tsx
View File

@ -2,18 +2,18 @@ import { NavLink } from 'solid-app-router';
function Navbar() { function Navbar() {
return ( return (
<section class="w-full flex flex-col md:flex-row justify-between py-6 items-center"> <section class='w-full flex flex-col md:flex-row justify-between py-6 items-center'>
<div class="flex-3"> <div class='flex-3'>
<NavLink href="/"> <NavLink href='/'>
<h1 class="text-3xl font-bold inline-block">Reinaldy Rafli </h1> <h1 class='text-3xl font-bold inline-block'>Reinaldy Rafli </h1>
<img <img
src="/me.png" src='/me.png'
alt="My Memoji" alt='My Memoji'
class="w-14 h-auto md:py-4 inline pl-4" class='w-14 h-auto md:py-4 inline pl-4'
/> />
</NavLink> </NavLink>
</div> </div>
<div class="flex-1 text-right py-2 text-2xl">Projects</div> <div class='flex-1 text-right py-2 text-2xl'>Projects</div>
</section> </section>
); );
} }

40
components/Project.tsx
View File

@ -6,46 +6,46 @@ import { convertCase } from '../config/case';
function ProjectCard(project: Project) { function ProjectCard(project: Project) {
return ( return (
<div class="rounded-lg bg-steel-100 hover:bg-wisteria-200 lg:(opacity-70 p-4) p-3 hover:opacity-100 dark:(bg-steel-900 hover:bg-wisteria-900) transition duration-500 ease-in-out"> <div class='rounded-lg bg-steel-100 hover:bg-wisteria-200 lg:(opacity-70 p-4) p-3 hover:opacity-100 dark:(bg-steel-900 hover:bg-wisteria-900) transition duration-500 ease-in-out'>
<div class="flex flex-col"> <div class='flex flex-col'>
<div class="flex-1 py-2"> <div class='flex-1 py-2'>
<NavLink href={'/project/' + convertCase(project.title)}> <NavLink href={'/project/' + convertCase(project.title)}>
<h2 class="text-xl font-bold">{project.title}</h2> <h2 class='text-xl font-bold'>{project.title}</h2>
<p class="text-base">{project.description}</p> <p class='text-base'>{project.description}</p>
</NavLink> </NavLink>
</div> </div>
<div class="flex-1 py-2"> <div class='flex-1 py-2'>
<div class="flex-col md:flex-row items-center"> <div class='flex-col md:flex-row items-center'>
<p class="text-xs text-gray-300 inline pr-2">{project.type.toUpperCase()}</p> <p class='text-xs text-gray-300 inline pr-2'>{project.type.toUpperCase()}</p>
<p class="text-xs text-gray-300 inline pr-2">{project.role.toUpperCase()}</p> <p class='text-xs text-gray-300 inline pr-2'>{project.role.toUpperCase()}</p>
</div> </div>
</div> </div>
<div class="flex-1 py-2"> <div class='flex-1 py-2'>
<div class="flex flex-row flex-wrap items-center"> <div class='flex flex-row flex-wrap items-center'>
<For each={project.stack}> <For each={project.stack}>
{item => <div class="flex-initial pr-2"><Icons name={item}></Icons></div>} {item => <div class='flex-initial pr-2'><Icons name={item} /></div>}
</For> </For>
</div> </div>
</div> </div>
<div class="flex-1 py-2"> <div class='flex-1 py-2'>
<div class="flex flex-row flex-wrap items-center"> <div class='flex flex-row flex-wrap items-center'>
<Show when={project.repository}> <Show when={project.repository}>
<div class="flex-initial pr-2"> <div class='flex-initial pr-2'>
<a href={project.repository}> <a href={project.repository}>
<Icons name="github"></Icons> <Icons name='github' />
</a> </a>
</div> </div>
<div class="flex-initial pr-4 text-xs"> <div class='flex-initial pr-4 text-xs'>
<a href={project.repository}>Repository</a> <a href={project.repository}>Repository</a>
</div> </div>
</Show> </Show>
<Show when={project.website}> <Show when={project.website}>
<div class="flex-initial pr-2"> <div class='flex-initial pr-2'>
<a href={project.website}> <a href={project.website}>
<Icons name="arrow-right"></Icons> <Icons name='arrow-right' />
</a> </a>
</div> </div>
<div class="flex-initial pr-2 text-xs"> <div class='flex-initial pr-2 text-xs'>
<a href={project.website}>Website</a> <a href={project.website}>Website</a>
</div> </div>
</Show> </Show>

54
components/Repository.tsx
View File

@ -47,62 +47,62 @@ interface Props {
function Repository(props: Partial<Props>) { function Repository(props: Partial<Props>) {
return ( return (
<div class="flex flex-col py-4 px-2 lg:px-0 opacity-80 hover:opacity-100 transition duration-500 ease-in-out"> <div class='flex flex-col py-4 px-2 lg:px-0 opacity-80 hover:opacity-100 transition duration-500 ease-in-out'>
<div class="flex-1 text-sm hover:text-blue-300 font-bold transition duration-500 ease-in-out"> <div class='flex-1 text-sm hover:text-blue-300 font-bold transition duration-500 ease-in-out'>
<a href={props.url}> <a href={props.url}>
<div class="flex flex-row items-center"> <div class='flex flex-row items-center'>
<div class="flex-initial"> <div class='flex-initial'>
<img <img
src={image.folder} src={image.folder}
class="text-black dark:text-white h-3 w-3 fill-current inline" class='text-black dark:text-white h-3 w-3 fill-current inline'
alt="Repository" alt='Repository'
/> />
</div> </div>
<div class="flex-initial px-4"> <div class='flex-initial px-4'>
{ props.name } { props.name }
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div class="flex-2 text-xs opacity-80 lg:w-2/3"> <div class='flex-2 text-xs opacity-80 lg:w-2/3'>
{ props.description } { props.description }
</div> </div>
<div class="flex-1"> <div class='flex-1'>
<div class="flex flex-row items-center"> <div class='flex flex-row items-center'>
<div class="flex-1 text-xs"> <div class='flex-1 text-xs'>
<div class="flex flex-row items-center content-center"> <div class='flex flex-row items-center content-center'>
<div class="flex-initial"> <div class='flex-initial'>
<svg <svg
v-show="language" v-show='language'
class="h-2 w-2 inline" class='h-2 w-2 inline'
viewBox="0 0 100 100" viewBox='0 0 100 100'
> >
<circle <circle
cx="50" cx='50'
cy="50" cy='50'
r="40" r='40'
fill={getLanguageColor(props.language as GithubLanguage)} fill={getLanguageColor(props.language as GithubLanguage)}
/> />
</svg> </svg>
</div> </div>
<div class="flex-initial px-2"> <div class='flex-initial px-2'>
{ props.language } { props.language }
</div> </div>
</div> </div>
</div> </div>
<div <div
v-show="stars > 0" v-show='stars > 0'
class="flex-2 text-xs" class='flex-2 text-xs'
> >
<div class="flex flex-row items-center content-center"> <div class='flex flex-row items-center content-center'>
<div class="flex-initial"> <div class='flex-initial'>
<img <img
src={image.star} src={image.star}
class="text-white font-bold h-3 w-3 fill-current -inset-y-1" class='text-white font-bold h-3 w-3 fill-current -inset-y-1'
alt="Stargazers" alt='Stargazers'
/> />
</div> </div>
<div class="flex-initial px-2"> <div class='flex-initial px-2'>
{ props.stars } { props.stars }
</div> </div>
</div> </div>

8
config/projects.ts
View File

@ -210,7 +210,7 @@ const projects: Project[] = [
stack: ['typescript'], stack: ['typescript'],
description: 'Telegram bot for delivering Github notifications', description: 'Telegram bot for delivering Github notifications',
repository: 'https://github.com/teknologi-umum/gitgram', repository: 'https://github.com/teknologi-umum/gitgram',
role: 'contributor' role: 'contributor',
}, },
{ {
id: 25, id: 25,
@ -219,7 +219,7 @@ const projects: Project[] = [
stack: ['julia'], stack: ['julia'],
description: 'Nanoid implementation in Julia', description: 'Nanoid implementation in Julia',
repository: 'https://github.com/aldy505/Nanoid.jl', repository: 'https://github.com/aldy505/Nanoid.jl',
role: 'author' role: 'author',
}, },
{ {
id: 26, id: 26,
@ -228,8 +228,8 @@ const projects: Project[] = [
stack: ['go'], stack: ['go'],
description: 'A fork of cache2go for in-memory caching in Go with TTL support', description: 'A fork of cache2go for in-memory caching in Go with TTL support',
repository: 'https://github.com/aldy505/cache2go', repository: 'https://github.com/aldy505/cache2go',
role: 'author' role: 'author',
} },
]; ];
export default projects; export default projects;

4
layouts/default.tsx
View File

@ -36,8 +36,8 @@ function Default() {
<Meta name={meta?.name ?? ''} property={meta?.property ?? ''} content={meta.content} /> <Meta name={meta?.name ?? ''} property={meta?.property ?? ''} content={meta.content} />
}</For> }</For>
</MetaProvider> </MetaProvider>
<div class="bg-cool-gray-100 text-black dark:(bg-cool-gray-900 text-white) min-h-screen min-w-full h-full w-full font-body"> <div class='bg-cool-gray-100 text-black dark:(bg-cool-gray-900 text-white) min-h-screen min-w-full h-full w-full font-body'>
<div class="container mx-auto px-10 md:px-20 lg:px-32"> <div class='container mx-auto px-10 md:px-20 lg:px-32'>
<Routes /> <Routes />
</div> </div>
</div> </div>

3904
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

42
package.json
View File

@ -20,31 +20,31 @@
}, },
"homepage": "https://github.com/aldy505/code#readme", "homepage": "https://github.com/aldy505/code#readme",
"dependencies": { "dependencies": {
"@fontsource/ibm-plex-mono": "^4.5.1", "@fontsource/ibm-plex-mono": "^4.5.10",
"@fontsource/poppins": "^4.5.0", "@fontsource/poppins": "^4.5.8",
"animejs": "^3.2.1", "animejs": "^3.2.1",
"marked": "^4.0.6", "marked": "^4.0.18",
"solid-app-router": "^0.1.14", "solid-app-router": "^0.4.2",
"solid-js": "^1.2.6", "solid-js": "^1.4.8",
"solid-meta": "^0.27.2", "solid-meta": "^0.28.1",
"solid-styled-jsx": "^0.27.1" "solid-styled-jsx": "^0.27.1"
}, },
"devDependencies": { "devDependencies": {
"@commitlint/cli": "^15.0.0", "@commitlint/cli": "^17.0.3",
"@commitlint/config-conventional": "^15.0.0", "@commitlint/config-conventional": "^17.0.3",
"@types/marked": "^4.0.1", "@types/marked": "^4.0.3",
"@typescript-eslint/eslint-plugin": "^5.6.0", "@typescript-eslint/eslint-plugin": "^5.32.0",
"@typescript-eslint/parser": "^5.6.0", "@typescript-eslint/parser": "^5.32.0",
"@windicss/plugin-scrollbar": "^1.2.3", "@windicss/plugin-scrollbar": "^1.2.3",
"eslint": "^8.4.1", "eslint": "^8.21.0",
"eslint-config-xo-space": "^0.30.0", "eslint-config-xo-space": "^0.33.0",
"eslint-plugin-solid": "^0.1.2", "eslint-plugin-solid": "^0.7.1",
"husky": "^7.0.4", "husky": "^8.0.1",
"sass": "^1.44.0", "sass": "^1.54.3",
"typescript": "^4.5.2", "typescript": "^4.7.4",
"vite": "^2.7.1", "vite": "^3.0.4",
"vite-plugin-solid": "^2.1.3", "vite-plugin-solid": "^2.3.0",
"vite-plugin-windicss": "^1.5.4", "vite-plugin-windicss": "^1.8.7",
"windicss": "^3.2.1" "windicss": "^3.5.6"
} }
} }

2
pages/index.tsx
View File

@ -7,7 +7,7 @@ function Index() {
<div> <div>
<Main /> <Main />
<Projects /> <Projects />
<div class="flex-initial md:hidden py-4"> <div class='flex-initial md:hidden py-4'>
<MadeWithLove /> <MadeWithLove />
</div> </div>
</div> </div>

10
pages/project/[repo].tsx
View File

@ -46,16 +46,16 @@ function ProjectRepo() {
</style> </style>
<Show when={requestOk()} fallback={<div>Please wait...</div>}> <Show when={requestOk()} fallback={<div>Please wait...</div>}>
<h1 class="text-3xl font-bold text-left py-2"> <h1 class='text-3xl font-bold text-left py-2'>
{data().title} {data().title}
</h1> </h1>
<p class="text-left py-2">{data().description}</p> <p class='text-left py-2'>{data().description}</p>
<div class="flex flex-row flex-wrap items-center"> <div class='flex flex-row flex-wrap items-center'>
<For each={data().stack}> <For each={data().stack}>
{item => <div class="flex-initial pr-2"><Icons name={item}></Icons></div>} {item => <div class='flex-initial pr-2'><Icons name={item} /></div>}
</For> </For>
</div> </div>
<div innerHTML={marked.parse(data().details)} class="repoContent pb-6 pt-4"></div> <div innerHTML={marked.parse(data().details)} class='repoContent pb-6 pt-4' />
</Show> </Show>
</div> </div>
); );