-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b442beb
commit 286f1c0
Showing
3 changed files
with
43 additions
and
89 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,25 +1,15 @@ | ||
| --- | ||
| import type { HTMLAttributes } from 'astro/types'; | ||
| import type { HTMLAttributes } from "astro/types"; | ||
| type Props = HTMLAttributes<'a'>; | ||
| type Props = HTMLAttributes<"a">; | ||
| const { href, class: className, ...props } = Astro.props; | ||
| const { pathname } = Astro.url; | ||
| const subpath = pathname.match(/[^\/]+/g); | ||
| const isActive = href === pathname || href === '/' + subpath?.[0]; | ||
| const isActive = href === pathname || href === "/" + subpath?.[0]; | ||
| --- | ||
|
|
||
| <a href={href} class:list={[className, { active: isActive }]} {...props}> | ||
| <a href={href} class:list={[className, { "font-bold": isActive }]} {...props}> | ||
| <slot /> | ||
| </a> | ||
| <style> | ||
| a { | ||
| display: inline-block; | ||
| text-decoration: none; | ||
| } | ||
| a.active { | ||
| font-weight: bolder; | ||
| text-decoration: underline; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,93 +1,63 @@ | ||
| --- | ||
| import BaseHead from '../components/BaseHead.astro'; | ||
| import Header from '../components/Header.astro'; | ||
| import SocialLink from '../components/SocialLink.astro'; | ||
| import BaseHead from "../components/BaseHead.astro"; | ||
| import Header from "../components/Header.astro"; | ||
| import SocialLink from "../components/SocialLink.astro"; | ||
| --- | ||
|
|
||
| <html lang="en"> | ||
| <head> | ||
| <BaseHead title="About Me" description="description" /> | ||
| <style> | ||
| body { | ||
| background-color: #222222; | ||
| } | ||
|
|
||
| main { | ||
| width: 100%; | ||
| background-color: #222222; | ||
| } | ||
|
|
||
| .prose { | ||
| width: 80ch; | ||
| max-width: 100%; | ||
| margin: auto; | ||
| color: #d3d3d3; | ||
| } | ||
|
|
||
| .title { | ||
| margin-bottom: 1rem; | ||
| padding: 1rem 0; | ||
| text-align: center; | ||
| line-height: 1; | ||
| } | ||
| .title h1 { | ||
| margin: 0 0 0.5rem 0; | ||
| } | ||
| .title-name { | ||
| font-family: 'Iceland'; | ||
| color: white; | ||
| } | ||
|
|
||
| .social-links { | ||
| display: flex; | ||
| justify-content: center; | ||
| gap: 1em; | ||
| } | ||
| .social-links img { | ||
| height: 40px; | ||
| } | ||
| </style> | ||
| <BaseHead title="About Me" description="" /> | ||
| </head> | ||
|
|
||
| <body> | ||
| <Header /> | ||
| <main> | ||
| <main class="m-full"> | ||
| <article> | ||
| <div class="prose"> | ||
| <div class="title"> | ||
| <h1 class="title-name">About Me</h1> | ||
| <div class="prose m-auto w-[80ch] max-w-full text-[#d3d3d3]"> | ||
| <div class="mb-4 py-4 text-center leading-none"> | ||
| <h1 class="font-[Iceland] text-white mb-2">About Me</h1> | ||
| <hr /> | ||
| </div> | ||
| <p> | ||
| Hi! I'm Daniel Orihuela, a Software Engineer interested in Cybersecurity, Cryptography, | ||
| Algorithms, Distributed Systems and AI. | ||
| Hi! I'm Daniel Orihuela, a Software Engineer interested | ||
| in Cybersecurity, Cryptography, Algorithms, Distributed | ||
| Systems and AI. | ||
| </p> | ||
|
|
||
| <p> | ||
| I have five years of professional experience in the fintech and security space. | ||
| Currently focused on building cryptographic libraries. Nonetheless, I am always | ||
| striving to improve my knowledge around making secure and privacy friendly products | ||
| with great user experiences. | ||
| </p> | ||
|
|
||
|
|
||
| <p> | ||
| On my free time I enjoy improving my craftmanship, learning martial arts, reading | ||
| books and playing video games. | ||
| I have five years of professional experience in the | ||
| fintech and security space. Currently focused on | ||
| building cryptographic libraries. Nonetheless, I am | ||
| always striving to improve my knowledge around making | ||
| secure and privacy friendly products with great user | ||
| experiences. | ||
| </p> | ||
|
|
||
|
|
||
|
|
||
| <p> | ||
| Aspiring hacker. | ||
| On my free time I enjoy improving my craftmanship, | ||
| learning martial arts, reading books and playing video | ||
| games. | ||
| </p> | ||
|
|
||
| <p>Aspiring hacker.</p> | ||
| </div> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <div class="social-links"> | ||
| <SocialLink href="https://github.com/danielorihuela" image="/github.svg"></SocialLink> | ||
| <SocialLink href="mailto:danielorihuelarodriguez@gmail.com" image="/email.svg"></SocialLink> | ||
| <SocialLink href="https://twitter.com/_DanielOrihuela" image="/twitter.svg"></SocialLink> | ||
| <div class="flex justify-center gap-4"> | ||
| <SocialLink | ||
| href="https://github.com/danielorihuela" | ||
| image="/github.svg" | ||
| /> | ||
| <SocialLink | ||
| href="mailto:danielorihuelarodriguez@gmail.com" | ||
| image="/email.svg" | ||
| /> | ||
| <SocialLink | ||
| href="https://twitter.com/_DanielOrihuela" | ||
| image="/twitter.svg" | ||
| /> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
| </html> |