diff options
| -rw-r--r-- | index.html | 270 |
1 files changed, 17 insertions, 253 deletions
@@ -12,219 +12,16 @@ <meta property="og:type" content="website"> <meta property="og:url" content="https://aldrik.dev/"> <meta property="og:description" content=""> - <meta property="og:image" content="https://aldrik.dev/images/opengraph/default.png"> <meta property="og:locale" content="en-GB"> <title>Home — Aldrik Ramaekers</title> <link rel="shortcut icon" href="/favicon.ico"> - <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> <link rel="canonical" href="https://aldrik.dev/"> - <link rel="preconnect" href="https://fonts.googleapis.com"> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <style> - :root { - --color-text: #222; - --color-background: #fff; - --color-background-alt: #f8f8f8; - --color-link: #0073d5; - --color-highlight: #0073d5; - --color-mark: rgba(255, 255, 0, 0.5); - --font-family: "Source Code Pro", monospace - } - body { - background: var(--color-highlight); - color: var(--color-text); - font-family: var(--font-family); - line-height: 1.5; + color: black; + line-height: 0.6; margin: 0 } - - a, - a:visited { - color: var(--color-link); - font-weight: 700 - } - - a:focus, - a:hover { - animation: gradient 5s linear infinite; - background-size: 200% 100%; - background-image: linear-gradient(to left, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787, #e40303); - background-clip: text; - -webkit-background-clip: text; - color: transparent - } - - a:focus *, - a:hover * { - background: 0 0 - } - - @keyframes gradient { - from { - background-position: 200% 0 - } - - to { - background-position: 0 0 - } - } - - code { - margin-right: 5px; - } - - footer, - header, - main { - background: var(--color-background); - padding: 20px 30px - } - - header { - display: flex; - align-items: center; - padding-top: 40px !important - } - - nav { - margin-left: auto - } - - footer a, - nav a { - margin: 0 10px - } - - footer a:first-child, - nav a:first-child { - margin-left: 0 - } - - footer a:last-child, - nav a:last-child { - margin-right: 0 - } - - main img { - max-width: 100%; - height: auto - } - - footer { - text-align: center; - padding-bottom: 40px !important - } - - h1 a, - h1 a:visited, - h2 a, - h2 a:visited, - h3 a, - h3 a:visited { - color: inherit; - text-decoration: none - } - - h1 a:focus::before, - h1 a:hover::before, - h2 a:focus::before, - h2 a:hover::before, - h3 a:focus::before, - h3 a:hover::before { - content: "#"; - position: absolute; - margin-left: calc(-1ch - 5px); - padding-right: 5px; - color: var(--color-link) - } - - code { - background: var(--color-background-alt); - border-radius: 4px; - padding: 2px 4px; - font-size: 1.25em - } - - pre { - background: var(--color-background-alt); - border-radius: 5px; - padding: 15px - } - - pre>code { - overflow-x: auto; - display: block; - border-radius: 0; - padding: 0; - font-size: .85rem - } - - mark { - color: inherit; - background: var(--color-mark) - } - - pre>code mark { - width: 100%; - float: left - } - - hr { - border: none; - text-align: center - } - - hr::after { - content: "~~~"; - font-size: 1.5rem; - font-weight: 700; - color: var(--color-highlight) - } - - ul { - padding-left: 20px - } - - @media (min-width:900px) { - body { - margin: 40px 0 - } - - footer, - header, - main { - max-width: 700px; - margin: 0 auto; - padding: 20px 60px - } - - header { - border-top-left-radius: 5px; - border-top-right-radius: 5px - } - - footer { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px - } - - main:first-child { - border-radius: 5px - } - - @font-face { - font-family: NotoColorEmojiLimited; - unicode-range: U+1F1E6-1F1FF; - src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf); - } - - .flags { - font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont, - 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', - 'Segoe UI Emoji', 'Segoe UI Symbol'; - } - } </style> </head> @@ -232,79 +29,46 @@ <main> <h1>Aldrik Ramaekers</h1> - <p>Hi! I'm Aldrik, I write software for fun.</p> - - <h2 id="projects" tabindex="-1"><a class="header-anchor" href="#projects">Projects</a></h2> - <p>This is a list of projects I have worked on, including private and open-source projects.</p> - <p>View my <a href="https://github.com/aldrik-ramaekers" target="_blank" rel="noopener noreferrer">GitHub</a> - for the full list.</p> + <p>This server hosts:</p> + <ul> + <p><a target="_blank" rel="noopener noreferrer" href="https://exclusion-food.nl">exclusion-food.nl</a></p> + <p><a target="_blank" rel="noopener noreferrer" href="https://stekkerwereld.nl">stekkerwereld.nl</a></p> + </ul> <br> + <h2 id="projects" tabindex="-1">Projects</a></h2> <ul> - <p> - <span><iframe src="https://store.steampowered.com/widget/3393640/" frameborder="0" width="646" - height="190"></iframe> - <code>C</code><code>OpenGL</code><code>SDL2</code></span> - </p> - <br> + <p><a target="_blank" rel="noopener noreferrer" href="ttps://store.steampowered.com/widget/3393640/">TruckerX</a> (for sale on Steam)</p> - <p><a target="_blank" rel="noopener noreferrer" href="https://exclusion-food.nl">exclusion-food.nl</a> - <span><span class="flags">🇳🇱 🇧🇪 🇩🇪</span> Online store selling <a target="_blank" - rel="noopener noreferrer" href="https://exclusion.it">Exclusion</a> dogfood imported from Italy. - <code>PHP</code><code>Symfony</code><code>HTML</code><code>JS</code><code>MySQL</code> - </p> - <p><a target="_blank" rel="noopener noreferrer" href="https://stekkerwereld.nl">stekkerwereld.nl</a> - <span><span class="flags">🇳🇱</span> In case you want to find out what outlet plug you - need on vacation.<code>HTML</code><code>JS</code> - </p> - </ul> - - <h3>⭐ Public</h3> - <ul> <p><a target="_blank" rel="noopener noreferrer" href="https://github.com/aldrik-ramaekers/text-search">Text-Search</a> <span>A Grep like GUI program made from scratch targeting x64 Windows, MacOS and - Linux. <code>C</code><code>OpenGL</code></span> + Linux. </p> <p><a target="_blank" rel="noopener noreferrer" href="https://github.com/aldrik-ramaekers/zombies">Zombies!</a> <span>A multiplayer 2D zombie shooter targeting x64 Windows. - <code>C</code><code>OpenGL</code><code>SDL2</code></span> </p> <p><a target="_blank" rel="noopener noreferrer" href="https://github.com/aldrik-ramaekers/dhlroute">DHL Delivery App</a> <span>A mobile app I made while working as a delivery driver. Shows my delivery stops on a - map and registers my hours worked. <code>Dart</code><code>Flutter</code></span> + map and registers my hours worked. </p> - </ul> - <h3>🌍 Contributions to Open-source projects</h3> - <ul> - <a target="_blank" rel="noopener noreferrer" href="https://github.com/liballeg/allegro5">Allegro5</a> - (Contributions to Audio subsystem) + <p><a target="_blank" rel="noopener noreferrer" href="https://github.com/liballeg/allegro5">Allegro5</a> + (Contributions to Audio subsystem)</p> </ul> - <h2 id="contact" tabindex="-1"><a class="header-anchor" href="#contact">Contact</a></h2> + <br> + <h2 id="contact" tabindex="-1">Contact</h2> <ul> - <li>Email: <a href="mailto:aldrik.ramaekers@gmail.com">aldrik.ramaekers@gmail.com</a></li> - <li>Twitter/X: <a href="https://x.com/aldrrik" target="_blank" rel="noreferrer">@aldrrik</a> - </li> + <p>Email: <a href="mailto:aldrik@mailbox.org">aldrik@mailbox.org</a></p> </ul> + </main> - <footer><a href="mailto:aldrik.ramaekers@gmail.com" target="_blank" rel="noopener noreferrer">Email</a> - <a href="https://github.com/aldrik-ramaekers" target="_blank" rel="noopener noreferrer">GitHub</a> - <a href="https://www.youtube.com/@aldrik" target="_blank" rel="noopener noreferrer">YouTube</a> - <a href="https://x.com/aldrrik" target="_blank" rel="noopener noreferrer">Twitter/X</a> - </footer> - <link rel="stylesheet" - href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" - as="style" onload="this.onload=null; this.rel='stylesheet'"><noscript> - <link rel="stylesheet" - href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap"> - </noscript> </body> </html>
\ No newline at end of file |