commit 6f18b908e3a88cd0a6ff6b2e7b3120a3b660582c · nel.pet/www.nelind.dk

+31 -1

index.css

···

       1
       1
       -
       .intro {

     

       1
       1
       +
       .page-main {

     

       2
       2
        
           align-items: center;

     

       3
       3
        
           flex-direction: column;

     

       4
       4
        
           display: flex;

     
···

       17
       17
        
               margin-bottom: 0px;

     

       18
       18
        
           }

     

       19
       19
        
       }

     

       20
       20
       +
       

     

       21
       21
       +
       .socials {

     

       22
       22
       +
           margin-top: 20px;

     

       23
       23
       +
       

     

       24
       24
       +
           .socials-links {

     

       25
       25
       +
               display: flex;

     

       26
       26
       +
           }

     

       27
       27
       +
       }

     

       28
       28
       +
       

     

       29
       29
       +
       .socials-logo {

     

       30
       30
       +
           width: 30px;

     

       31
       31
       +
           height: 30px;

     

       32
       32
       +
           margin: 2px;

     

       33
       33
       +
       }

     

       34
       34
       +
       

     

       35
       35
       +
       .mastodon-logo {

     

       36
       36
       +
           fill: black;

     

       37
       37
       +
       

     

       38
       38
       +
           &:hover {

     

       39
       39
       +
               fill: hsl(204deg, 71%, 50%);

     

       40
       40
       +
           }

     

       41
       41
       +
       }

     

       42
       42
       +
       

     

       43
       43
       +
       .modrinth-logo {

     

       44
       44
       +
           fill: black;

     

       45
       45
       +
       

     

       46
       46
       +
           &:hover {

     

       47
       47
       +
               fill: hsl(145deg, 78%, 48%);

     

       48
       48
       +
           }

     

       49
       49
       +
       }

+33 -18

index.html

···

       18
       18
        
           </header>

     

       19
       19
        
       

     

       20
       20
        
           <main class="page-main">

     

       21
       21
       -
               <div class="intro">

     

       22
       22
       -
                   <img class="pfp" src="lil_nelly_cropped.jpg" alt="nelind profile picture">

     

       23
       23
       -
                   <h2>Nel / Nelind<br>(She/They)</h2>

     

       24
       24
       -
                   <p>Self Hosting • Rust • Web Dev</p>

     

       25
       25
       -
                   <p>Fabric/Quilt • Spigot/Paper </p>

     

       26
       26
       -
                   <p>Conlanging • Lingustics</p>

     

       27
       27
       -
                   <section class="card" style="--card-colour: var(--colour-green)">

     

       28
       28
       -
                       <header class="card-header">

     

       29
       29
       -
                           <h3>Hi! I'm Nel</h3>

     

       30
       30
       -
                       </header>

     

       31
       31
       -
                       <div class="card-body">

     

       32
       32
       -
                           <p>

     

       33
       33
       -
                               Im a nerdy lil goober from Denmark who likes to dable in Minecraft modding and plugin development,

     

       34
       34
       -
                               I do self hosting of several services (including this here website!) in my homelab and I write some Rust here and there. <br>

     

       35
       35
       -
                               I'm also a massive lingustics nerd (yay autism) and do conlanging every now and then.

     

       36
       36
       -
                           </p>

     

       21
       21
       +
               

     

       22
       22
       +
               <img class="pfp" src="lil_nelly_cropped.jpg" alt="nelind profile picture">

     

       23
       23
       +
               <h2>Nel / Nelind<br>(She/They)</h2>

     

       24
       24
       +
               <p>Self Hosting • Rust • Web Dev</p>

     

       25
       25
       +
               <p>Fabric/Quilt • Spigot/Paper </p>

     

       26
       26
       +
               <p>Conlanging • Lingustics</p>

     

       27
       27
       +
       

     

       28
       28
       +
               <section class="card" style="--card-colour: var(--colour-green)">

     

       29
       29
       +
                   <header class="card-header">

     

       30
       30
       +
                       <h3>Hi! I'm Nel</h3>

     

       31
       31
       +
                   </header>

     

       32
       32
       +
                   <div class="card-body">

     

       33
       33
       +
                       <p>

     

       34
       34
       +
                           Im a nerdy lil goober from Denmark who likes to dable in Minecraft modding and plugin development,

     

       35
       35
       +
                           I do self hosting of several services (including this here website!) in my homelab and I write some Rust here and there. <br>

     

       36
       36
       +
                           I'm also a massive lingustics nerd (yay autism) and do conlanging every now and then.

     

       37
       37
       +
                       </p>

     

       38
       38
       +
                       <div class="socials">

     

       39
       39
       +
                           <p>You can find me on various platforms here:</p>

     

       40
       40
       +
                           <div class="socials-links">

     

       41
       41
       +
                               <a rel="me" href="https://tech.lgbt/@karbir">

     

       42
       42
       +
                                   <svg class="socials-logo mastodon-logo" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>

     

       43
       43
       +
                               </a>

     

       44
       44
       +
                               <a href="https://github.com/nelind3">

     

       45
       45
       +
                                   <svg class="socials-logo github-logo" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 496 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>

     

       46
       46
       +
                               </a>

     

       47
       47
       +
                               <a href="https://modrinth.com/user/Nelind">

     

       48
       48
       +
                                   <svg class="socials-logo modrinth-logo" xmlns="http://www.w3.org/2000/svg" width="512" height="514" viewBox="0 0 512 514" data-v-826e3f53=""><path fill="var(--color-brand)" fill-rule="evenodd" d="M503.16 323.56c11.39-42.09 12.16-87.65.04-132.8C466.57 54.23 326.04-26.8 189.33 9.78 83.81 38.02 11.39 128.07.69 230.47h43.3c10.3-83.14 69.75-155.74 155.76-178.76 106.3-28.45 215.38 28.96 253.42 129.67l-42.14 11.27c-19.39-46.85-58.46-81.2-104.73-95.83l-7.74 43.84c36.53 13.47 66.16 43.84 77 84.25 15.8 58.89-13.62 119.23-67 144.26l11.53 42.99c70.16-28.95 112.31-101.86 102.34-177.02l41.98-11.23a210.18 210.18 0 0 1-3.86 84.16l42.61 15.49Z" clip-rule="evenodd"></path><path fill="var(--color-brand)" d="M321.99 504.22C185.27 540.8 44.75 459.77 8.11 323.24A257.556 257.556 0 0 1 0 275.46h43.27c1.09 11.91 3.2 23.89 6.41 35.83 3.36 12.51 7.77 24.46 13.11 35.78l38.59-23.15c-3.25-7.5-5.99-15.32-8.17-23.45-24.04-89.6 29.2-181.7 118.92-205.71 17-4.55 34.1-6.32 50.8-5.61L255.19 133c-10.46.05-21.08 1.42-31.66 4.25-66.22 17.73-105.52 85.7-87.78 151.84 1.1 4.07 2.38 8.04 3.84 11.9l49.35-29.61-14.87-39.43 46.6-47.87 58.9-12.69 17.05 20.99-27.15 27.5-23.68 7.45-16.92 17.39 8.29 23.07s16.79 17.84 16.82 17.85l23.72-6.31 16.88-18.54 36.86-11.67 10.98 24.7-38.03 46.63-63.73 20.18-28.58-31.82-49.82 29.89c25.54 29.08 63.94 45.23 103.75 41.86l11.53 42.99c-59.41 7.86-117.44-16.73-153.49-61.91l-38.41 23.04c50.61 66.49 138.2 99.43 223.97 76.48 61.74-16.52 109.79-58.6 135.81-111.78l42.64 15.5c-30.89 66.28-89.84 118.94-166.07 139.34Z"></path></svg>

     

       49
       49
       +
                               </a>

     

       50
       50
       +
                           </div>

     

       37
       51
        
                       </div>

     

       38
       38
       -
                   </section>

     

       39
       39
       -
               </div>

     

       52
       52
       +
                   </div>

     

       53
       53
       +
               </section>

     

       54
       54
       +
       

     

       40
       55
        
           </main>

     

       41
       56
        
       

     

       42
       57
        
       </body>

+1 -1

style.css

···

       9
       9
        
           --colour-yellow: #ffe18b;

     

       10
       10
        
           --colour-green: #c8df91;

     

       11
       11
        
           --colour-turqoise: #98eccc;

     

       12
       12
       -
           --colour-blue: #98eccc;

     

       12
       12
       +
           --colour-blue: #9dd6ff;

     

       13
       13
        
           --colour-purple: #c9c5ff;

     

       14
       14
        
           --colour-pink: #ffa4d0;

     

       15
       15
        
       }