forked from
autumn.tngl.sh/home
this repo has no description
Update stuff
+32
-8
+32
-8
index.html
+32
-8
index.html
···
6
6
</head>
7
7
<body>
8
8
<div id="main">
9
-
<h2>Autumn on Tangled</h2>
9
+
<h2>Autumn on <i>Tangled</i></h2>
10
10
<hr>
11
11
<p>Hello, and welcome to my Tangled homepage.<br>You've probably already seen my main homepage, hosted on GitHub. However, in search of better alternatives, I'm hosting my own knot on Tangled, and porting a website through their infrastructure.</p>
12
12
</div>
13
13
<style>
14
+
@font-face {
15
+
font-family: "Maple Mono";
16
+
src: url("https://cdn.amazingca.dev/assets/fonts/maple-mono/MapleMono-Medium.ttf.woff2") format("woff2");
17
+
font-style: normal;
18
+
}
19
+
@font-face {
20
+
font-family: "Maple Mono";
21
+
src: url("https://cdn.amazingca.dev/assets/fonts/maple-mono/MapleMono-MediumItalic.ttf.woff2") format("woff2");
22
+
font-style: italic;
23
+
}
14
24
body {
15
-
font-family: sans-serif !important;
25
+
background-color: whitesmoke;
26
+
display: flex;
27
+
font-family: "Maple Mono", sans-serif !important;
28
+
justify-content: center;
16
29
margin: 1em;
17
30
}
18
31
#main {
···
20
33
border: 4px solid purple;
21
34
max-width: 500px;
22
35
padding: 1em;
36
+
position: absolute;
37
+
top: 30vh;
38
+
39
+
> h2, > p {
40
+
margin: 0;
41
+
}
23
42
}
24
-
#main > h2, #main > p {
25
-
margin: 0;
43
+
hr {
44
+
border: 1px solid black;
26
45
}
27
-
@media screen and (max-width: 350px) {
46
+
@media screen and (max-width: 450px) {
28
47
body {
29
48
background-color: lavender;
30
49
}
31
50
#main {
32
51
border: unset;
33
52
padding: unset;
53
+
top: unset;
54
+
55
+
> h2 {
56
+
text-align: center;
57
+
}
34
58
}
35
59
}
36
-
</style
37
-
</body
38
-
</html
60
+
</style>
61
+
</body>
62
+
</html>