diff --git a/bun.lockb b/bun.lockb index aae7b29..8e8136f 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 7d641ec..3fc0446 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "astro-critters": "^2.0.11", "astro-robots-txt": "^1.0.0", "preact": "^10.19.3", + "simple-icons": "^11.1.0", "tailwindcss": "^3.4.0", "typescript": "^5.3.3" }, @@ -24,6 +25,8 @@ }, "type": "module", "devDependencies": { + "@fontsource/handlee": "^5.0.18", + "@fontsource/redressed": "^5.0.18", "@typescript-eslint/eslint-plugin": "latest", "@typescript-eslint/parser": "latest", "eslint": "^8.56.0", @@ -35,7 +38,7 @@ "prettier": "^3.1.1", "prettier-config-standard": "^7.0.0", "prettier-plugin-astro": "^0.12.3", - "sass": "^1.69.6", + "sass": "^1.69.7", "tailwindcss-debug-screens": "^2.2.1" } } diff --git a/src/components/about-me-card.astro b/src/components/about-me-card.astro deleted file mode 100644 index 06505bb..0000000 --- a/src/components/about-me-card.astro +++ /dev/null @@ -1,88 +0,0 @@ ---- -const ABOUT_ME_STYLES = [ - 'col-span-4', - 'row-span-2', - 'bg-slate-300', - 'dark:bg-slate-900', - 'rounded-sm', - 'shadow-[0_0_0.5rem_rgba(0_0_0_0.5)]', - 'flex', - 'items-center', - 'justify-center', - 'font-bold', - 'text-black', - 'dark:text-slate-300', - 'font-rubik-doodle', - 'w-full', - 'h-full', - // 'transition-all', - 'border-2', - 'border-emerald-950', - 'dark:border-emerald-300', - // 'hover:bg-slate-900', - // 'hover:text-slate-300', - // 'hover:scale-[1.02]', - // 'hover:transition-all', - 'responsive-text-xs', - 'flex-col', - '[&>p]:font-fira', - '[&>p]:text-base', - 'text-black', - 'dark:text-white' -].join(' ') ---- - -
-

About Me

-
-
-

-

- My name is Jamer José, I'm a Math Engineer from -
- - EAFIT University - -
-

-

-

󰜐

- Currently working as part time Backend Developer at -
- - Dium - -
-

-

-

󰮮

- Big fan of the open source and the web, as well as the great possibilities - they offer. -

-

-

󰛓

- I strongly believe that the best way to achieve something is to start it -

-
- - -
-
diff --git a/src/components/blog/blog-about.astro b/src/components/blog/blog-about.astro new file mode 100644 index 0000000..77ace65 --- /dev/null +++ b/src/components/blog/blog-about.astro @@ -0,0 +1,39 @@ +--- +const ABOUT_STYLES = [ + 'col-span-4', + 'row-span-1', + 'bg-slate-300', + 'dark:bg-slate-900', + 'dark:text-slate-300', + 'rounded-sm', + 'shadow-[0_0_0.15rem_rgb(69_26_3)]', // rgb(69, 26, 3) + 'dark:shadow-[0_0_0.15rem_rgb(253_230_138)]', // rgb(253, 230, 138) + 'flex', + 'items-center', + 'justify-center', + 'font-bold', + 'text-black', + 'font-rubik-doodle', + 'w-full', + 'h-full', + 'transition-all', + 'border-2', + 'dark:border-amber-300', + 'border-amber-950', + 'responsive-text-xs', + 'flex-row', + 'gap-2', + 'text-slate-900', + 'dark:text-slate-300' +].join(' ') + +import { siGitbook } from 'simple-icons' +--- + + + Blog + + diff --git a/src/components/blog/blog-bento.astro b/src/components/blog/blog-bento.astro new file mode 100644 index 0000000..14483bb --- /dev/null +++ b/src/components/blog/blog-bento.astro @@ -0,0 +1,10 @@ +--- +import Bento from '../main/bento.astro' +import Buttons from '@components/main/buttons.astro' +import BlogAbout from '@components/blog/blog-about.astro' +--- + + + + + diff --git a/src/components/experience.astro b/src/components/experience.astro deleted file mode 100644 index 840fb82..0000000 --- a/src/components/experience.astro +++ /dev/null @@ -1,221 +0,0 @@ ---- -const EXPERIENCE_STYLES = [ - 'col-span-2', - 'row-span-4', - 'gap-2', - 'bg-slate-300', - 'rounded-sm', - 'shadow-[0_0_0.5rem_rgba(0_0_0_0.5)]', - 'flex', - 'items-center', - 'justify-center', - 'align-center', - // 'text-2xl', - 'font-semibold', - 'text-slate-950', - 'font-rubik-doodle', - 'w-full', - 'h-full', - // 'transition-all', - 'border-2', - 'dark:border-emerald-300', - 'border-emerald-950', - 'dark:bg-slate-800', - 'dark:text-slate-200', - // 'hover:scale-[1.02]', - // 'hover:transition-all', - 'flex', - 'flex-col', - 'p-1', - // '[&>div>ul>li]:bg-emerald-300', - // '[&>div>ul>li]:dark:bg-slate-900', - '[&>div>ul>li]:dark:text-slate-200', - '[&>div>ul>li>a]:bg-emerald-500', - '[&>div>ul>li>a]:dark:bg-emerald-400', - '[&>div>ul>li>a]:dark:text-emerald-950', - '[&>div>ul>li>a]:text-slate-950' -].join(' ') ---- - -
- -
-

Working on

-

-
- -
- -
-
diff --git a/src/components/featured-and-projects/about.astro b/src/components/featured-and-projects/about.astro index e0f9236..c6a858b 100644 --- a/src/components/featured-and-projects/about.astro +++ b/src/components/featured-and-projects/about.astro @@ -6,8 +6,8 @@ const ABOUT_STYLES = [ 'dark:bg-slate-900', 'dark:text-slate-300', 'rounded-sm', - 'shadow-[0_0_0.3rem_rgb(69_26_3)]', // rgb(69, 26, 3) - 'dark:shadow-[0_0_0.3rem_rgb(253_230_138)]', // rgb(253, 230, 138) + 'shadow-[0_0_0.15rem_rgb(69_26_3)]', // rgb(69, 26, 3) + 'dark:shadow-[0_0_0.15rem_rgb(253_230_138)]', // rgb(253, 230, 138) 'flex', 'items-center', 'justify-center', diff --git a/src/components/featured-and-projects/featured-projects-bento.astro b/src/components/featured-and-projects/featured-projects-bento.astro index 9fe5e86..5e8c456 100644 --- a/src/components/featured-and-projects/featured-projects-bento.astro +++ b/src/components/featured-and-projects/featured-projects-bento.astro @@ -1,7 +1,7 @@ --- -import Bento from '../bento.astro' +import Bento from '../main/bento.astro' import About from './about.astro' -import Buttons from '../buttons.astro' +import Buttons from '../main/buttons.astro' import ResourcesPreact from './resources.tsx' import ProjectsPreact from './projects.tsx' --- diff --git a/src/components/featured-and-projects/icons.tsx b/src/components/featured-and-projects/icons.tsx new file mode 100644 index 0000000..52760cf --- /dev/null +++ b/src/components/featured-and-projects/icons.tsx @@ -0,0 +1,25 @@ +export function WebIcon (){ + return ( + + ) +} + +export function GithubIcon () { + return ( + GitHub + ) +} + +export function Left() { + return ( + + + + ) + } + + export function Right() { + return ( + + ) + } diff --git a/src/components/featured-and-projects/link.tsx b/src/components/featured-and-projects/link.tsx index decf68e..69051e0 100644 --- a/src/components/featured-and-projects/link.tsx +++ b/src/components/featured-and-projects/link.tsx @@ -10,6 +10,8 @@ type LinkProps = { text: string } +import { WebIcon, GithubIcon } from "./icons" + export default function Link({ href, text }: LinkProps) { return ( - {text} + {text === '' ? : } ) } diff --git a/src/components/featured-and-projects/projects.tsx b/src/components/featured-and-projects/projects.tsx index b275ece..747d6eb 100644 --- a/src/components/featured-and-projects/projects.tsx +++ b/src/components/featured-and-projects/projects.tsx @@ -55,6 +55,8 @@ type ResourcesProps = { n?: number } +import { Left, Right } from './icons' + export default function Resources({ n = 3 }: ResourcesProps) { const goRight = () => { index.value++ @@ -67,8 +69,10 @@ export default function Resources({ n = 3 }: ResourcesProps) { return ( <> -
- +
+
{Array.from(Array(n).keys()).map((i) => { // Array.from(Array(n).keys()) @@ -76,7 +80,7 @@ export default function Resources({ n = 3 }: ResourcesProps) { return (

{project.title}

-

+

{project.description}

{/* Stack */} @@ -85,9 +89,9 @@ export default function Resources({ n = 3 }: ResourcesProps) { ))} - {!project.private && ( + {/* {!project.private && ( Source Code & Demo - )} + )} */}
{project?.repository && ( @@ -97,8 +101,10 @@ export default function Resources({ n = 3 }: ResourcesProps) {
) })} -
- +
+
) diff --git a/src/components/featured-and-projects/resources.tsx b/src/components/featured-and-projects/resources.tsx index f7fd82b..6f32392 100644 --- a/src/components/featured-and-projects/resources.tsx +++ b/src/components/featured-and-projects/resources.tsx @@ -1,4 +1,5 @@ import { data } from '@data/resources.json' + const RESOURCE_STYLES: string = [ 'col-span-2', 'row-span-4', @@ -24,40 +25,21 @@ const RESOURCE_STYLES: string = [ 'dark:bg-slate-900', 'hover:scale-[1.02]', 'hover:transition-all', - 'responsive-text-sm' -].join(' ') -const ANCHOR_STYLES = [ - 'font-thin', - 'responsive-text', - 'dark:text-amber-300', - 'text-amber-950' + 'responsive-text-xxs' ].join(' ') import { signal } from '@preact/signals' const index = signal(0) -type LinkProps = { - href: string - text: string -} -export function Link({ href, text }: LinkProps) { - return ( - - {text} - - ) -} +import Link from './link' type ResourceProps = { n?: number } +import { Left, Right } from './icons' + export default function Resources({ n = 3 }: ResourceProps) { const goRight = () => { index.value++ @@ -70,8 +52,10 @@ export default function Resources({ n = 3 }: ResourceProps) { return ( <> -
- +
+
{Array.from(Array(n).keys()).map((i) => { // Array.from(Array(n).keys()) @@ -83,15 +67,13 @@ export default function Resources({ n = 3 }: ResourceProps) { )} {resource?.website && } - {resource?.links && - resource.links?.map((link, index) => ( - - ))} ) })} -
- +
+
) diff --git a/src/components/icons/home.astro b/src/components/icons/home.astro new file mode 100644 index 0000000..e93ec7d --- /dev/null +++ b/src/components/icons/home.astro @@ -0,0 +1,5 @@ + diff --git a/src/components/icons/moon.astro b/src/components/icons/moon.astro new file mode 100644 index 0000000..47719ce --- /dev/null +++ b/src/components/icons/moon.astro @@ -0,0 +1,5 @@ +Dark Mode + diff --git a/src/components/icons/sun.astro b/src/components/icons/sun.astro new file mode 100644 index 0000000..d0d790c --- /dev/null +++ b/src/components/icons/sun.astro @@ -0,0 +1,19 @@ + diff --git a/src/components/main/about-me-card.astro b/src/components/main/about-me-card.astro new file mode 100644 index 0000000..59c63d9 --- /dev/null +++ b/src/components/main/about-me-card.astro @@ -0,0 +1,81 @@ +--- +const ABOUT_ME_STYLES = [ + 'col-span-4', + 'row-span-2', + 'bg-slate-300', + 'dark:bg-slate-900', + 'rounded-sm', + 'shadow-[0_0_0.5rem_rgba(0_0_0_0.5)]', + 'flex', + 'items-center', + 'justify-center', + 'font-bold', + 'text-black', + 'dark:text-slate-300', + 'font-rubik-doodle', + 'w-full', + 'h-full', + // 'transition-all', + 'border-2', + 'border-emerald-950', + 'dark:border-emerald-300', + // 'hover:bg-slate-900', + // 'hover:text-slate-300', + // 'hover:scale-[1.02]', + // 'hover:transition-all', + 'responsive-text-xs', + 'flex-col', + '[&>p]:text-base', + 'text-black', + 'dark:text-white' +].join(' ') +--- + +
+

About Me

+
+
    +
  • +

    + My name is Jamer José, I'm a Math Engineer from + + EAFIT University + +

    +
    • + +
  • +

    + Currently working as part time Backend Developer at + + Dium + +

    +
    • +
  • +

    + Big fan of the open source and the web, as well as the great + possibilities they offer. +

    +
    • +
  • +

    + I strongly believe that the best way to achieve something is to start + it. +

    +
    • +
+
+
diff --git a/src/components/background.astro b/src/components/main/background.astro similarity index 100% rename from src/components/background.astro rename to src/components/main/background.astro diff --git a/src/components/bento.astro b/src/components/main/bento.astro similarity index 100% rename from src/components/bento.astro rename to src/components/main/bento.astro diff --git a/src/components/blog.astro b/src/components/main/blog.astro similarity index 73% rename from src/components/blog.astro rename to src/components/main/blog.astro index b5e0036..b0a853d 100644 --- a/src/components/blog.astro +++ b/src/components/main/blog.astro @@ -28,9 +28,18 @@ const BLOG_STYLES = [ 'hover:duration-200', 'hover:ease-in-out' ].join(' ') +import { siGitbook } from 'simple-icons' --- - +

Blog

-

+ diff --git a/src/components/blur-background.astro b/src/components/main/blur-background.astro similarity index 100% rename from src/components/blur-background.astro rename to src/components/main/blur-background.astro diff --git a/src/components/main/board.astro b/src/components/main/board.astro new file mode 100644 index 0000000..e69de29 diff --git a/src/components/box.astro b/src/components/main/box.astro similarity index 100% rename from src/components/box.astro rename to src/components/main/box.astro diff --git a/src/components/buttons.astro b/src/components/main/buttons.astro similarity index 76% rename from src/components/buttons.astro rename to src/components/main/buttons.astro index 2be6707..c9465bb 100644 --- a/src/components/buttons.astro +++ b/src/components/main/buttons.astro @@ -1,4 +1,10 @@ --- +interface Props { + href: string +} + +const { href }: Props = Astro.props + const BUTTONS_STYLES = [ 'col-span-2', 'row-span-1', @@ -12,7 +18,6 @@ const BUTTONS_STYLES = [ 'border-2', 'border-emerald-950', 'dark:border-emerald-300', - // 'bg-[#1b383c]', 'text-slate-950', 'font-rubik-doodle', 'w-full', @@ -21,49 +26,70 @@ const BUTTONS_STYLES = [ 'duration-200', 'dark:bg-slate-900', 'dark:text-slate-100', - 'bg-slate-300', - '[&>*]:font-fira' - // '[&>*]:hover:text-slate-300', + 'bg-slate-300' ].join(' ') const BUTTON_STYLES = [ 'dark:hover:text-emerald-300', - 'hover:text-emerald-900' + 'hover:text-emerald-900', + 'cursor-pointer' // 'hover:scale-110', ].join(' ') + +import { + siMicrosofttranslator, + siKashflow, + siGithub, + siGooglecardboard +} from 'simple-icons' + +import Home from '@components/icons/home.astro' +import Moon from '@components/icons/moon.astro' +import Sun from '@components/icons/sun.astro' + +const BOARD_BUTTON_STYLE = + process.env.NODE_ENV === 'development' ? '' : 'hidden' ---
- + + - - + -  + + + + +
diff --git a/src/components/card.astro b/src/components/main/card.astro similarity index 100% rename from src/components/card.astro rename to src/components/main/card.astro diff --git a/src/components/container.astro b/src/components/main/container.astro similarity index 100% rename from src/components/container.astro rename to src/components/main/container.astro diff --git a/src/components/featured.astro b/src/components/main/featured.astro similarity index 95% rename from src/components/featured.astro rename to src/components/main/featured.astro index ced7dbe..9b8b134 100644 --- a/src/components/featured.astro +++ b/src/components/main/featured.astro @@ -41,7 +41,6 @@ const FEATURED_STYLES = [ >

Featured

- 󰂺

&

diff --git a/src/components/main/footer.astro b/src/components/main/footer.astro new file mode 100644 index 0000000..d93914c --- /dev/null +++ b/src/components/main/footer.astro @@ -0,0 +1,26 @@ + + + diff --git a/src/components/main-bento.astro b/src/components/main/main-bento.astro similarity index 91% rename from src/components/main-bento.astro rename to src/components/main/main-bento.astro index e42a959..78040fe 100644 --- a/src/components/main-bento.astro +++ b/src/components/main/main-bento.astro @@ -1,7 +1,7 @@ --- import AboutMe from './about-me-card.astro' import TechTitle from './title.astro' -import Experience from './experience.astro' +import Experience from './working-on.astro' import Buttons from './buttons.astro' import TechStack from './tech-stack.astro' import Featured from './featured.astro' diff --git a/src/components/responsive-container.astro b/src/components/main/responsive-container.astro similarity index 80% rename from src/components/responsive-container.astro rename to src/components/main/responsive-container.astro index 751a6f8..0254376 100644 --- a/src/components/responsive-container.astro +++ b/src/components/main/responsive-container.astro @@ -1,5 +1,5 @@ --- -import ResponsivePeep from './css-peeps/peep.astro' +import ResponsivePeep from '@components/css-peeps/peep.astro' import Container from './container.astro' import BlurBackground from './blur-background.astro' --- @@ -9,8 +9,7 @@ import BlurBackground from './blur-background.astro'
-

You caught me

-

󰚽

+

You caught me!

-

+

The responsive design for this page is still in progress.
I invite you to visit it from a computer or a tablet to get the best experience. diff --git a/src/components/main/simple-icon.astro b/src/components/main/simple-icon.astro new file mode 100644 index 0000000..996899f --- /dev/null +++ b/src/components/main/simple-icon.astro @@ -0,0 +1,11 @@ +--- +interface Props { + icon: { + svg: string + hex: string + } +} +const { icon }: Props = Astro.props +--- + + diff --git a/src/components/socials.astro b/src/components/main/socials.astro similarity index 55% rename from src/components/socials.astro rename to src/components/main/socials.astro index 7afe928..6e90e8f 100644 --- a/src/components/socials.astro +++ b/src/components/main/socials.astro @@ -31,78 +31,94 @@ const SOCIALS_STYLES: string = [ 'grid-rows-2', 'grid-cols-1' ].join(' ') +import { + siMaildotru, + siGithub, + siGmail, + siLichess, + siLinkedin, + siAdobeacrobatreader +} from 'simple-icons' ---

diff --git a/src/components/spinner.astro b/src/components/main/spinner.astro similarity index 100% rename from src/components/spinner.astro rename to src/components/main/spinner.astro diff --git a/src/components/main/tech-stack.astro b/src/components/main/tech-stack.astro new file mode 100644 index 0000000..9555851 --- /dev/null +++ b/src/components/main/tech-stack.astro @@ -0,0 +1,162 @@ +--- +const TECH_STACK_STYLES: string = [ + 'col-span-2', + 'row-span-3', + 'bg-slate-300', + 'rounded-sm', + // 'shadow-[0_0_0.5rem_rgba(0_0_0_0.5)]', + 'shadow-[0_0_0.3rem_rgb(69_26_3)]', // rgb(69, 26, 3) + 'dark:shadow-[0_0_0.3rem_rgb(253_230_138)]', // rgb(253, 230, 138) + 'flex', + 'flex-col', + 'gap-2', + 'items-center', + 'justify-center', + // 'text-2xl', + // 'font-bold', + // 'text-slate-950', + 'font-rubik-doodle', + 'w-full', + 'h-full', + 'transition-all', + 'border-2', + 'border-amber-500', + // 'dark:border-amber-500', + 'text-amber-950', + 'dark:text-amber-300', + 'dark:bg-slate-900', + 'hover:scale-[1.02]', + 'hover:transition-all', + 'responsive-text-xs' +].join(' ') +import { + siNodedotjs, + siExpress, + siSequelize, + siPostgresql, + siTypescript, + siPython, + siCsharp, + siGnubash, + siGit, + siVisualstudiocode, + siDocker, + siUbuntu as siLinux, + siDevdotto +} from 'simple-icons' +// class='flex gap-2 [&>img]:rounded-sm bg-emerald-300 p-1 rounded-sm' +const ICON_BLOCKS_STYLES = [ + 'flex', + 'gap-2', + '[&>img]:rounded-sm', + 'p-1', + 'rounded-sm' +].join(' ') +--- + + +
+

Tech Stack

+
+
+
+

Backend

+
+
+ + + + + + + + +
+
+

Languages

+
+
+ + + + + + + + +
+
+

Tools

+
+
+ + + + + + + + +
+
+ + diff --git a/src/components/title.astro b/src/components/main/title.astro similarity index 80% rename from src/components/title.astro rename to src/components/main/title.astro index 1b352c8..79868c0 100644 --- a/src/components/title.astro +++ b/src/components/main/title.astro @@ -1,7 +1,7 @@ --- -import Typed from './typed.astro' -import StripedPocketTee from './css-peeps/striped-pocket-tee.astro' -import StripedPocketTeeLight from './css-peeps/striped-pocket-tee-light.astro' +import Typed from '@components/main/typed.astro' +import StripedPocketTee from '@components/css-peeps/striped-pocket-tee.astro' +import StripedPocketTeeLight from '@components/css-peeps/striped-pocket-tee-light.astro' ---
+ +
+ + diff --git a/src/components/main/working-on.astro b/src/components/main/working-on.astro new file mode 100644 index 0000000..5ca72e3 --- /dev/null +++ b/src/components/main/working-on.astro @@ -0,0 +1,316 @@ +--- +const EXPERIENCE_STYLES = [ + 'col-span-2', + 'row-span-4', + 'gap-2', + 'bg-slate-300', + 'rounded-sm', + 'shadow-[0_0_0.5rem_rgba(0_0_0_0.5)]', + 'flex', + 'items-center', + 'justify-center', + 'align-center', + // 'text-2xl', + 'font-semibold', + 'text-slate-950', + 'font-rubik-doodle', + 'w-full', + 'h-full', + // 'transition-all', + 'border-2', + 'dark:border-emerald-300', + 'border-emerald-950', + 'dark:bg-slate-800', + 'dark:text-slate-200', + // 'hover:scale-[1.02]', + // 'hover:transition-all', + 'flex', + 'flex-col', + 'p-1', + // '[&>div>ul>li]:bg-emerald-300', + // '[&>div>ul>li]:dark:bg-slate-900', + '[&>div>ul>li]:dark:text-slate-200', + '[&>div>ul>li>a]:bg-emerald-500', + '[&>div>ul>li>a]:dark:bg-emerald-400', + '[&>div>ul>li>a]:dark:text-emerald-950', + '[&>div>ul>li>a]:text-slate-950' +].join(' ') +import { + siNodedotjs, + siExpress, + siPostgresql, + siSequelize, + siJsonwebtokens, + siPostman, + siReact, + siRedux, + siTailwindcss, + siVercel, + siVite, + siAuth0, + siGitkraken +} from 'simple-icons' +--- + + diff --git a/src/components/nerd-icon.astro b/src/components/nerd-icon.astro deleted file mode 100644 index b7d928f..0000000 --- a/src/components/nerd-icon.astro +++ /dev/null @@ -1,8 +0,0 @@ ---- -const { props = '' } = Astro.props -const NERD_ICON_STYLE = ['font-fira', 'font-thin', props].join(' ') ---- - -

- -

diff --git a/src/components/tech-stack.astro b/src/components/tech-stack.astro deleted file mode 100644 index 52af336..0000000 --- a/src/components/tech-stack.astro +++ /dev/null @@ -1,140 +0,0 @@ ---- -const TECH_STACK_STYLES: string = [ - 'col-span-2', - 'row-span-3', - 'bg-slate-300', - 'rounded-sm', - // 'shadow-[0_0_0.5rem_rgba(0_0_0_0.5)]', - 'shadow-[0_0_0.3rem_rgb(69_26_3)]', // rgb(69, 26, 3) - 'dark:shadow-[0_0_0.3rem_rgb(253_230_138)]', // rgb(253, 230, 138) - 'flex', - 'flex-col', - 'gap-2', - 'items-center', - 'justify-center', - // 'text-2xl', - // 'font-bold', - // 'text-slate-950', - 'font-rubik-doodle', - 'w-full', - 'h-full', - 'transition-all', - 'border-2', - 'border-amber-500', - // 'dark:border-amber-500', - 'text-amber-950', - 'dark:text-amber-300', - 'dark:bg-slate-900', - 'hover:scale-[1.02]', - 'hover:transition-all', - 'responsive-text-xs' -].join(' ') ---- - - -
-

Tech Stack

-

-
-
-
-

Backend

-

󰒍

-
-
- - node js - - express js - - postgresql - - django -
-
-

Languages

-

-
-
- - typescript - - javascript - - python - - c# -
-
-

Tools

-

󱁤

-
-
- - git - - vscode - - docker - - linux -
-
- - diff --git a/src/components/tech-stack/about.astro b/src/components/tech-stack/about.astro index 5b367f9..fd6fe14 100644 --- a/src/components/tech-stack/about.astro +++ b/src/components/tech-stack/about.astro @@ -21,7 +21,7 @@ const ABOUT_STYLES = [ 'border-emerald-950', 'responsive-text-xs', 'flex-col', - '[&>p]:font-fira', + // '[&>p]:font-fira', '[&>p]:text-base', 'text-slate-900', 'dark:text-slate-300' @@ -29,12 +29,12 @@ const ABOUT_STYLES = [ ---
-

About 

+

About

-

- These are the tools that make my work (and life) easier 󰣐 +

+ These are the tools that make my work (and life) easier

"If I have seen further [than others], it is by standing on the shoulders diff --git a/src/components/tech-stack/dev-tools.astro b/src/components/tech-stack/dev-tools.astro index 2a247f5..a6b0c3b 100644 --- a/src/components/tech-stack/dev-tools.astro +++ b/src/components/tech-stack/dev-tools.astro @@ -28,22 +28,51 @@ const DEV_TOOLS_STYLES = [ 'responsive-text-xs', 'font-bold' ].join(' ') +import { + siVisualstudiocode, + siPostman, + siEslint, + siGit, + siBiome, + siPrettier, + siMarkdown, + siLatex, + siNotion, + siGnubash, + siZsh, + siNeovim, + siInsomnia, + siGithub, + siGithubactions +} from 'simple-icons' +const DEV_ICONS_STYLES = [ + 'w-10', + 'h-10', + 'hover:scale-110', + 'transition-all', + 'dark:bg-slate-300', + 'bg-slate-900', + 'p-1', + 'rounded-md', + 'border-2', + 'border-slate-800' +].join(' ') ---

Dev Tools

-

+
-->
-

Web Development

-

󰜫

+

Web Development

+
-
    +
    • -
      +

      Backend

      -

      󰒍

      +
      -
    • -
      +

      Frontend

      -

      +
      • @@ -171,11 +198,10 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - astro
        • @@ -186,11 +212,9 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - next js @@ -201,11 +225,10 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - react js @@ -216,11 +239,10 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - redux @@ -231,16 +253,15 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - tailwind css -
      • +
      • - css
        • @@ -276,20 +296,19 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - html
    • -
      +

      Cloud Services

      -

      󰅟

      +
      • @@ -299,11 +318,10 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - supabase
        • @@ -314,11 +332,10 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - azure @@ -329,11 +346,24 @@ const WEB_DEV_STYLES = [ target='_blank' rel='noopener noreferrer' > - aws + + +
      • + + +
        • diff --git a/src/components/typed.astro b/src/components/typed.astro deleted file mode 100644 index d86a864..0000000 --- a/src/components/typed.astro +++ /dev/null @@ -1,2307 +0,0 @@ -
        - -
        - - diff --git a/src/data/blog.json b/src/data/blog.json new file mode 100644 index 0000000..685fa38 --- /dev/null +++ b/src/data/blog.json @@ -0,0 +1,9 @@ +{ + "data": [ + { + "title": "The process of creating this website", + "date": "2023-Jan-16", + "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod, nisl vitae aliquam ultricies, nunc nisl aliquet nunc, vitae aliquam" + } + ] +} diff --git a/src/data/blog/temp.md b/src/data/blog/temp.md new file mode 100644 index 0000000..0767aa8 --- /dev/null +++ b/src/data/blog/temp.md @@ -0,0 +1,9 @@ +# Entry #1 + +## Title + +This is a test blog post. + +### Subtitle + +More text. diff --git a/src/data/projects.json b/src/data/projects.json index 08d6acb..ce17817 100644 --- a/src/data/projects.json +++ b/src/data/projects.json @@ -65,7 +65,7 @@ }, { "title": "Sport Scheduling", - "description": "Scheduling of Colombian professional soccer league: A comparison of models and algorithms.", + "description": "Investigation Project. Scheduling of Colombian professional soccer league: A comparison of models and algorithms.", "stack": [ "Python", "Jupyter Notebook", diff --git a/src/data/resources.json b/src/data/resources.json index 7c6adac..7ba1e5f 100644 --- a/src/data/resources.json +++ b/src/data/resources.json @@ -8,24 +8,7 @@ { "title": "Midu.dev", "website": "https://midu.dev/", - "repository": "https://github.com/midudev", - "links": [ - { - "icon": "", - "title": "Twitch Channel", - "url": "https://www.twitch.tv/midudev" - }, - { - "icon": "", - "title": "Youtube Channel", - "url": "https://www.youtube.com/c/midudev" - }, - { - "icon": "", - "title": "Twitter", - "url": "https://twitter.com/midudev" - } - ] + "repository": "https://github.com/midudev" }, { "title": "Free Programming Books", diff --git a/src/layouts/board-layout.astro b/src/layouts/board-layout.astro new file mode 100644 index 0000000..007cbab --- /dev/null +++ b/src/layouts/board-layout.astro @@ -0,0 +1,8 @@ +--- +import BlurBackground from '@components/main/blur-background.astro' +import Footer from '@components/main/footer.astro' +--- + + + +