summary refs log blame commit diff stats
path: root/index.html
blob: f9bf20df92c819ee64d7b50c727aac6722d6cb0d (plain) (tree)
1
2
3
4
5
6
7





                                                                              
                                          







                                   

                                               
                                       
                                       

                                   



                                              







                                       
 




















                                           
                                          











                                               

                                           

           
<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>~ siarie's homepage</title>
	<style>
	 :root {
	     --background: #FFFCFF;
	     --foreground: #282629;
	     --blue: #53A6E1;
	     --purple: #BF65F0;
	 }

	 @media (prefers-color-scheme: light) {
	     :root {
		 --background: #FFFCFF;
		 --foreground: #282629;
		 --blue: #53A6E1;
		 --purple: #BF65F0;
	     }
	 }

         @media (prefers-color-scheme: dark) {
	     :root {
		 --background: #282629;
		 --foreground: #FFFCFF;
		 --blue: #66BFFF;
		 --purple: #CC78FA;
	     }
	 }


	 * {box-sizing: border-box;}
	 body {
	     margin: 0;
	     font-family: monospace;
	     font-size: 1rem;
	     display: flex;
	     flex-direction: column;
	     align-items: center;
	     justify-content: center;
	     height: 100vh;
	     width: 100%;
	     background: var(--background);
	     color: var(--foreground);
	 }

	 a {
	     color: var(--blue);
	     display: inline-block;
	     text-decoration: none;
	 }

	 pre {font-size: 1rem; margin: 0;}
	 ul {margin: 0; padding: 0}
	 li {display: inline;list-style: none;}
	</style>
    </head>
    <body>
<pre>
      _               _
     (_)             (_)
 ___  _   __ _  _ __  _   ___
/ __|| | / _` || '__|| | / _ \
\__ \| || (_| || |   | ||  __/
|___/|_| \__,_||_|   |_| \___|
==============================</pre>
<p>in the beginning there was darkness.</p>
    </body>
</html>