summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--.gitignore3
-rw-r--r--dist/index.html86
2 files changed, 88 insertions, 1 deletions
diff --git a/.gitignore b/.gitignore
index 1521c8b..079d0db 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
1dist 1dist/*.css
2dist/*.woff2
diff --git a/dist/index.html b/dist/index.html
new file mode 100644
index 0000000..d644cac
--- /dev/null
+++ b/dist/index.html
@@ -0,0 +1,86 @@
1<!DOCTYPE html>
2<html>
3
4<head>
5 <meta charset="utf-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 <title>Volpeon's den</title>
8 <link rel="stylesheet" href="./style.css" />
9 <style>
10 @font-face {
11 font-family: "Iosevka Term SS09";
12 font-style: normal;
13 font-weight: normal;
14 src: url("./iosevka-term-ss09-regular.woff2") format("woff2");
15 }
16
17 @font-face {
18 font-family: "Iosevka Term SS09";
19 font-style: normal;
20 font-weight: bold;
21 src: url("./iosevka-term-ss09-bold.woff2") format("woff2");
22 }
23 </style>
24</head>
25
26<body>
27 <main>
28 <header>
29 <!--
30 ' | ' ' ' ' ' | | | ' '
31 | ' ' ' ' //\_ ' | ' . | ' '
32 .| ' '____,...,______..,_~`` -`.., ' | ' | ' '
33 | '_,~´"' , . ,~--´ ' _| | . |~~.__ ' '
34 | | ,-" _.-|~/ |..,____,) ,/,,"' '_( | ' |) ) ' '
35 '| \__,~"´ /:) / |:\ \ ,~( ) . | | ) `, ' _.._
36 ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/____
37 ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
38 -->
39 <pre>
40' | ' ' ' ' ' | | | ' '
41 | ' ' ' ' <strong>//\_</strong> ' | ' . | ' '
42 .| ' '<strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' '
43 | '<strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ' '
44| | <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) ' '
45 '| <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _,--.
46 \ . ' : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,/ </pre>
47 </header>
48
49 <h1>Volpeon's den</h1>
50
51 <p>
52 Welcome to my website! I'm Volpeon and here's an <a href="#">inline link</a>.
53 </p>
54
55 <blockquote>
56 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
57 dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
58 clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
59 </blockquote>
60
61 <p>
62 Welcome to my website! I'm Volpeon and here's an <a href="#">inline link</a>.
63 </p>
64
65 <h2>Subtitle</h2>
66
67 <h3>Last one</h3>
68
69 <ul>
70 <li>Item 1</li>
71 <li>Another item</li>
72 </ul>
73
74 <ol>
75 <li>Item 1</li>
76 <li>Another item</li>
77 </ol>
78
79 <ul class="refs">
80 <li><a href="#">Item 1</a></li>
81 <li><a href="#">Another item</a></li>
82 </ul>
83 </main>
84</body>
85
86</html>