commit dd24e46feb6c09f37929c6677c4eec0af2007c7e · nel.pet/www.nelind.dk

+19

index.css

···

       1
       +
       .intro {

     

       2
       +
           align-items: center;

     

       3
       +
           flex-direction: column;

     

       4
       +
           display: flex;

     

       5
       +
       

     

       6
       +
           & .pfp {

     

       7
       +
               width: clamp(200px, 20%, 20%);

     

       8
       +
           }

     

       9
       +
       

     

       10
       +
           & h2 {

     

       11
       +
               margin-top: 10px;

     

       12
       +
               margin-bottom: 10px;

     

       13
       +
           }

     

       14
       +
       

     

       15
       +
           & p {

     

       16
       +
               margin-top: 0px;

     

       17
       +
               margin-bottom: 0px;

     

       18
       +
           }

     

       19
       +
       }

+7 -6

index.html

···

       5
        
           <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

       6
        
           <title>Nelind - Home Page</title>

     

       7
        
           <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans">

     

       8
       -
           <link rel="stylesheet" href="style.css">

     

       0
        
       
     

       9
        
       </head>

     

       10
        
       <body>

     

       11
        
       

     

       12
        
           <header class="page-header">

     

       13
        
               <nav>

     

       14
       -
                   <a href="/" class="nav-item">Home</a>

     

       15
       -
                   <a href="/projects.html" class="nav-item">Projects</a>

     

       16
        
               </nav>

     

       17
        
           </header>

     

       18
        
       

     
···

       23
        
                   <p>Self Hosting • Rust • Web Dev</p>

     

       24
        
                   <p>Fabric/Quilt • Spigot/Paper </p>

     

       25
        
                   <p>Conlanging • Lingustics</p>

     

       26
       -
                   <div class="card" style="--card-colour: var(--colour-green)">

     

       27
        
                       <header class="card-header">

     

       28
        
                           <h3>Hi! I'm Nel</h3>

     

       29
        
                       </header>

     
···

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

     

       35
        
                           </p>

     

       36
        
                       </div>

     

       37
       -
                   </div>

     

       38
        
               </div>

     

       39
        
           </main>

     

       40
        
       

     

       41
        
       </body>

     

       42
       -
       </html>

···

       5
        
           <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

       6
        
           <title>Nelind - Home Page</title>

     

       7
        
           <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans">

     

       8
       +
           <link rel="stylesheet" href="/style.css">

     

       9
       +
           <link rel="stylesheet" href="/index.css">

     

       10
        
       </head>

     

       11
        
       <body>

     

       12
        
       

     

       13
        
           <header class="page-header">

     

       14
        
               <nav>

     

       15
       +
                   <a href="/" class="nav-item"><b>Home</b></a>

     

       16
       +
                   <a href="/projects/projects.html" class="nav-item">Projects</a>

     

       17
        
               </nav>

     

       18
        
           </header>

     

       19
        
       

     
···

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

     

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

     

       26
        
                   <p>Conlanging • Lingustics</p>

     

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

     

       28
        
                       <header class="card-header">

     

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

     

       30
        
                       </header>

     
···

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

     

       36
        
                           </p>

     

       37
        
                       </div>

     

       38
       +
                   </section>

     

       39
        
               </div>

     

       40
        
           </main>

     

       41
        
       

     

       42
        
       </body>

     

       43
       +
       </html>

projects/projects.css

This is a binary file and will not be displayed.

+25

projects/projects.html

···

       1
       +
       <!DOCTYPE html>

     

       2
       +
       <html lang="en">

     

       3
       +
       <head>

     

       4
       +
           <meta charset="UTF-8">

     

       5
       +
           <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

       6
       +
           <title>Nelind - Home Page</title>

     

       7
       +
           <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans">

     

       8
       +
           <link rel="stylesheet" href="/style.css">

     

       9
       +
           <link rel="stylesheet" href="projects.css">

     

       10
       +
       </head>

     

       11
       +
       <body>

     

       12
       +
       

     

       13
       +
           <header class="page-header">

     

       14
       +
               <nav>

     

       15
       +
                   <a href="/" class="nav-item">Home</a>

     

       16
       +
                   <a href="/projects/projects.html" class="nav-item"><b>Projects</b></a>

     

       17
       +
               </nav>

     

       18
       +
           </header>

     

       19
       +
       

     

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

     

       21
       +
               <h2>Work in progress &lt;3</h2>

     

       22
       +
           </main>

     

       23
       +
       

     

       24
       +
       </body>

     

       25
       +
       </html>

+1 -17

style.css

···

       46
        
       }

     

       47
        
       

     

       48
        
       .page-main {

     

       49
       -
           width: clamp(280px, 75%, 50rem);

     

       50
       -
       }

     

       51
       -
       

     

       52
       -
       .intro {

     

       53
        
           align-items: center;

     

       54
        
           flex-direction: column;

     

       55
        
           display: flex;

     

       56
        
       

     

       57
       -
           & .pfp {

     

       58
       -
               width: clamp(200px, 20%, 20%);

     

       59
       -
           }

     

       60
       -
       

     

       61
       -
           & h2 {

     

       62
       -
               margin-top: 10px;

     

       63
       -
               margin-bottom: 10px;

     

       64
       -
           }

     

       65
       -
       

     

       66
       -
           & p {

     

       67
       -
               margin-top: 0px;

     

       68
       -
               margin-bottom: 0px;

     

       69
       -
           }

     

       70
        
       }

     

       71
        
       

     

       72
        
       .card {

···

       46
        
       }

     

       47
        
       

     

       48
        
       .page-main {

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       49
        
           align-items: center;

     

       50
        
           flex-direction: column;

     

       51
        
           display: flex;

     

       52
        
       

     

       53
       +
           width: clamp(280px, 75%, 50rem);

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       54
        
       }

     

       55
        
       

     

       56
        
       .card {