commit 59a2e6ca15ada8d728f5bfa2c11a04ccabdddf88 · yemou.pink/pink.lilac

+44

assets/yemou.svg

···

       1
       1
       +
       <?xml version="1.0" encoding="UTF-8"?>

     

       2
       2
       +
       <!-- Created with Inkscape (http://www.inkscape.org/) -->

     

       3
       3
       +
       <svg width="1440" height="1387.1" version="1.1" viewBox="0 0 381 367.01" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">

     

       4
       4
       +
        <style>

     

       5
       5
       +
         @media(prefers-color-scheme: dark) {

     

       6
       6
       +
          path {

     

       7
       7
       +
           fill: #fff;

     

       8
       8
       +
          }

     

       9
       9
       +
         }

     

       10
       10
       +
        </style>

     

       11
       11
       +
        <title>yemou lotus icon</title>

     

       12
       12
       +
        <g transform="translate(8.081e-7 -6.9927)">

     

       13
       13
       +
         <g transform="matrix(.8391 0 0 .8391 -480.07 -.42869)" stroke-linecap="square" stroke-width="1.1918">

     

       14
       14
       +
          <path d="m934.11 8.8445-8.1427 4.8632s-22.636 13.911-43.293 45.902c-8.524 13.201-16.929 29.644-23.866 49.681 8.3156 7.7662 16.693 16.509 25.017 26.325 6.8273-25.264 16.269-44.454 25.522-58.784 9.7895-15.161 18.605-24.167 24.763-29.533 6.1586 5.3658 14.974 14.372 24.764 29.533 17.443 27.014 35.561 71.298 35.561 141 0 42.888-6.8703 76.112-16.211 101.65 6.8424 12.838 10.737 27.438 10.737 42.871 0 3.0185-0.1528 6.0044-0.4434 8.9524 19.56-32.202 37.668-81.818 37.668-153.47 0-75.269-19.98-126.24-40.637-158.23-20.657-31.992-43.295-45.902-43.295-45.902z" color="#000000" style="-inkscape-stroke:none"/>

     

       15
       15
       +
          <path d="m825.93 23.087-6.6052 6.8048s-11.85 12.539-22.56 36.352c1.8258 0.865 3.666 1.7619 5.5268 2.7162 7.0948 3.6383 14.517 7.9552 22.154 13.029 4.0875-9.8677 8.1771-16.913 11.436-21.757 5.2456 2.5656 12.311 6.6222 20.787 13.126 4.0767-8.2114 8.3462-15.661 12.671-22.359 1.1347-1.7573 2.2802-3.454 3.4293-5.1165-21.184-15.269-37.716-20.203-37.716-20.203z" color="#000000" style="-inkscape-stroke:none"/>

     

       16
       16
       +
          <path d="m725.12 64.845-4.6188 8.2832s-12.65 23.364-14.543 61.398c-1.8936 38.034 6.2857 92.163 43.92 157.35 17.671 30.607 36.478 54.37 54.966 72.768-0.019-0.76-0.029-1.522-0.029-2.2862 0-12.836 2.6949-25.095 7.537-36.245-11.692-13.73-23.496-30.225-34.977-50.112-34.853-60.368-41.304-107.78-39.705-139.89 0.89737-18.024 4.0271-30.231 6.6776-37.957 8.0163 1.5675 20.153 4.9575 36.213 13.193 28.613 14.674 66.448 43.967 101.3 104.33 11.462 19.852 19.836 38.293 25.878 55.26 13.482 1.6157 26.111 6.1963 37.208 13.066-6.6824-25.265-17.869-53.506-35.59-84.201-37.635-65.185-80.423-99.334-114.31-116.71-33.885-17.377-60.445-18.104-60.445-18.104z" color="#000000" style="-inkscape-stroke:none"/>

     

       17
       17
       +
          <path d="m674.51 126.69c-16.66-0.1485-26.756 2.2635-26.756 2.2635l-9.1953 2.3166-2.3182 9.1974s-3.9927 16.784-1.3612 42.764c2.0137-0.1639 4.0552-0.3073 6.1438-0.4113 5.1308-0.2558 10.519-0.341 16.15-0.2166 3.1014 0.069 6.3031 0.2267 9.5503 0.4295-1.3947-10.594-1.3744-18.743-0.97358-24.57 2.704-0.186 5.4036-0.3499 9.1912-0.2656 4.4059 0.098 9.5553 0.4629 15.372 1.2314-0.57489-9.1466-0.60202-17.73-0.20567-25.691 0.10409-2.0908 0.24726-4.1348 0.41134-6.1505-5.8232-0.5901-11.196-0.8548-16.009-0.8977z" color="#000000" style="-inkscape-stroke:none"/>

     

       18
       18
       +
          <path d="m652.93 198.42c-3.8446-0.015-7.552 0.074-11.118 0.2521-38.034 1.8935-61.398 14.543-61.398 14.543l-8.2832 4.6194 0.14056 9.4821s0.72621 26.56 18.103 60.445c17.377 33.885 51.526 76.672 116.71 114.31 62.165 35.891 114.26 44.985 151.95 44.108-16.401-7.5009-30.287-19.695-39.901-34.814-26.792-4.675-59.012-15.336-96.171-36.79-60.368-34.853-89.661-72.686-104.33-101.3-8.2356-16.059-11.626-28.197-13.194-36.213 7.7262-2.6505 19.933-5.7823 37.957-6.6797 4.0146-0.1998 8.2679-0.2729 12.756-0.1814 14.557 0.2966 31.585 2.3406 50.919 7.4771-4.3401-12.118-7.723-23.746-10.291-34.832-14.515-2.796-27.878-4.1066-39.954-4.3734-1.3118-0.029-2.6087-0.046-3.8902-0.051z" color="#000000" style="-inkscape-stroke:none"/>

     

       19
       19
       +
          <path d="m896.89 286.16c-41.896 0-76.201 34.305-76.201 76.201s34.305 76.199 76.201 76.199c41.896 0 76.199-34.303 76.199-76.199s-34.303-76.201-76.199-76.201zm0 31.75c24.737 0 44.449 19.714 44.449 44.451 0 24.737-19.712 44.449-44.449 44.449-24.737 0-44.451-19.712-44.451-44.449 0-24.737 19.714-44.451 44.451-44.451z" color="#000000" style="-inkscape-stroke:none"/>

     

       20
       20
       +
         </g>

     

       21
       21
       +
        </g>

     

       22
       22
       +
        <metadata>

     

       23
       23
       +
         <rdf:RDF>

     

       24
       24
       +
          <cc:Work rdf:about="">

     

       25
       25
       +
           <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"/>

     

       26
       26
       +
           <dc:creator>

     

       27
       27
       +
            <cc:Agent>

     

       28
       28
       +
             <dc:title>yemou &lt;contact@libmou.so&gt;</dc:title>

     

       29
       29
       +
            </cc:Agent>

     

       30
       30
       +
           </dc:creator>

     

       31
       31
       +
           <dc:title>yemou lotus icon</dc:title>

     

       32
       32
       +
           <dc:date>2023-05-22</dc:date>

     

       33
       33
       +
          </cc:Work>

     

       34
       34
       +
          <cc:License rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">

     

       35
       35
       +
           <cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>

     

       36
       36
       +
           <cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>

     

       37
       37
       +
           <cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/>

     

       38
       38
       +
           <cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/>

     

       39
       39
       +
           <cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>

     

       40
       40
       +
           <cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/>

     

       41
       41
       +
          </cc:License>

     

       42
       42
       +
         </rdf:RDF>

     

       43
       43
       +
        </metadata>

     

       44
       44
       +
       </svg>

+11

colors.css

···

       1
       1
       +
       :root {

     

       2
       2
       +
         --bg_color: #efefef;

     

       3
       3
       +
         --fg_color: #1f1f1f;

     

       4
       4
       +
       }

     

       5
       5
       +
       

     

       6
       6
       +
       @media (prefers-color-scheme: dark) {

     

       7
       7
       +
         :root {

     

       8
       8
       +
           --bg_color: #1f1f1f;

     

       9
       9
       +
           --fg_color: #efefef;

     

       10
       10
       +
         }

     

       11
       11
       +
       }

+27 -7

index.html

···

       5
       5
        
           <meta name="viewport" content="width=device-width">

     

       6
       6
        
           <meta name="description" content="lilac.pink">

     

       7
       7
        
           <title>lilac.pink</title>

     

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

     

       8
       9
        
         </head>

     

       9
       10
        
         <body>

     

       10
       10
       -
           <h1>Under construction</h1>

     

       11
       11
       -
           <p>More to come soon...</p>

     

       12
       12
       -
           <ul>

     

       13
       13
       -
             <li><a href="https://blog.lilac.pink">blog.lilac.pink</a></li>

     

       14
       14
       -
             <li><a href="https://links.lilac.pink">links.lilac.pink</a></li>

     

       15
       15
       -
           </ul>

     

       16
       16
       -
           <p><a href="mailto:contact@lilac.pink">contact@lilac.pink</a></p>

     

       11
       11
       +
           <main>

     

       12
       12
       +
             <section class="me">

     

       13
       13
       +
               <img src="assets/yemou.svg" class="logo">

     

       14
       14
       +
               <h1>Haiyo, I'm yemou</h1>

     

       15
       15
       +
               <ul class="info">

     

       16
       16
       +
                 <li>21</li>

     

       17
       17
       +
                 <li>They/Them</li>

     

       18
       18
       +
                 <li>Student</li>

     

       19
       19
       +
               </ul>

     

       20
       20
       +
               <p>&#x1f991; You've got to be squidding me!</p>

     

       21
       21
       +
               <p>Computer Science Major at Kennesaw State University</p>

     

       22
       22
       +
             </section>

     

       23
       23
       +
             <section class="contact">

     

       24
       24
       +
               <h1 id="contact">Contact Me</h1>

     

       25
       25
       +
               <p>Email me: <a href="mailto:contact@lilac.pink">contact@lilac.pink<a/></p>

     

       26
       26
       +
               <p>Message me on Matrix: <a href="https://matrix.to/#/@yemou:butwho.org">@yemou:butwho.org</a></p>

     

       27
       27
       +
               <p>You can also find me on <a href="https://links.lilac.pink">these other platforms</a></p>

     

       28
       28
       +
             </section>

     

       29
       29
       +
           </main>

     

       30
       30
       +
           <footer>

     

       31
       31
       +
             <p>

     

       32
       32
       +
               Report accessibility concerns to <a href="mailto:accessibility@lilac.pink">accessibility@lilac.pink</a>

     

       33
       33
       +
               or to <a href="https://github.com/yemouu/pink.lilac.links/issues">GitHub</a>

     

       34
       34
       +
             </p>

     

       35
       35
       +
             <p>View source on <a href="https://github.com/yemouu/pink.lilac">GitHub</a></p>

     

       36
       36
       +
           </footer>

     

       17
       37
        
         </body>

     

       18
       38
        
       </html>

+54

style.css

···

       1
       1
       +
       @import url(colors.css);

     

       2
       2
       +
       

     

       3
       3
       +
       html {

     

       4
       4
       +
         font-family: system-ui, sans-serif;

     

       5
       5
       +
         color-scheme: light dark;

     

       6
       6
       +
         background: var(--bg_color);

     

       7
       7
       +
         color: var(--fg_color);

     

       8
       8
       +
       }

     

       9
       9
       +
       

     

       10
       10
       +
       body {

     

       11
       11
       +
         margin: 2rem auto 0;

     

       12
       12
       +
         text-align: center;

     

       13
       13
       +
       }

     

       14
       14
       +
       

     

       15
       15
       +
       h1 { margin-block: 0.5rem 0rem; }

     

       16
       16
       +
       p { margin-block: 0.5rem; }

     

       17
       17
       +
       

     

       18
       18
       +
       img {

     

       19
       19
       +
         max-width: 100%;

     

       20
       20
       +
         max-height: 100%;

     

       21
       21
       +
         vertical-algin: middle;

     

       22
       22
       +
       }

     

       23
       23
       +
       

     

       24
       24
       +
       footer {

     

       25
       25
       +
         font-size: 0.75rem;

     

       26
       26
       +
         margin-top: 1rem;

     

       27
       27
       +
       

     

       28
       28
       +
         p { margin: 0.25rem; }

     

       29
       29
       +
       }

     

       30
       30
       +
       

     

       31
       31
       +
       .me {

     

       32
       32
       +
         ul {

     

       33
       33
       +
           margin-block: 0.1rem;

     

       34
       34
       +
           padding: 0;

     

       35
       35
       +
       

     

       36
       36
       +
           li {

     

       37
       37
       +
             text-style: none;

     

       38
       38
       +
             display: inline;

     

       39
       39
       +
       

     

       40
       40
       +
             &:after { content: " \2022"; }

     

       41
       41
       +
             &:last-child:after { content: none; }

     

       42
       42
       +
           }

     

       43
       43
       +
       

     

       44
       44
       +
         }

     

       45
       45
       +
       

     

       46
       46
       +
         .logo { width: 10rem; }

     

       47
       47
       +
         .info { font-size: 0.8rem; }

     

       48
       48
       +
       }

     

       49
       49
       +
       

     

       50
       50
       +
       .contact h1 { margin-top: 2rem; }

     

       51
       51
       +
       

     

       52
       52
       +
       @media (prefers-color-scheme: dark) {

     

       53
       53
       +
         p { font-weight: 500; }

     

       54
       54
       +
       }