index.html (view raw)
1<!DOCTYPE html>
2<html>
3<header>
4 <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
5 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7 <meta name="HandheldFriendly" content="true">
8<style>
9body {
10 margin-top: 10%;
11}
12@media screen and (max-width: 1200px) {
13 #primary { width:67%; }
14 #secondary { width:30%; margin-left:3%;}
15}
16/* Tabled Portrait */
17@media screen and (max-width: 768px) {
18 #primary { width:100%; }
19 #secondary { width:100%; margin:0; border:none; }
20}
21html { font-size: 100% }
22@media (min-width: 640px) { body {font-size:1rem;} }
23@media (min-width:960px) { body {font-size:1.2rem;} }
24@media (min-width:1100px) { body {font-size:1.5rem;} }
25</style>
26 <a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a>
27 <title>
28 icyphox
29 </title>
30</header>
31
32<body>
33 <p>Hey there,</p>
34
35<p>This is my new, less flashy website. I lost the Markdown source of my old site in an SSD wipe :v <br />
36The blog's gone (for now), but I'll probably archive it somewhere.</p>
37
38<p>More about me, <a href="/about">here</a>.</p>
39
40</body>
41
42<hr />
43<footer>
44 <small align="center">Built using <a href="https://github.com/icyphox/vite">Vite</a>.</small>
45 <p> </p>
46<footer>