not.whiny.lol
very simple webpage built with hugo with links to all of my profiles.
wobblybrian.xyz
what if i wasn't like this
+16
-15
+1
hugo.toml
+1
hugo.toml
+2
-4
layouts/404.html
+2
-4
layouts/404.html
+1
-1
layouts/_partials/header.html
+1
-1
layouts/_partials/header.html
+12
-10
static/css/style.css
+12
-10
static/css/style.css
···
54
54
55
55
a {
56
56
color: var(--text);
57
+
text-decoration: none;
58
+
}
59
+
60
+
a:hover {
61
+
text-decoration: underline;
57
62
}
58
63
59
64
h1, h2 {
···
87
92
main {
88
93
max-width: 50rem;
89
94
margin-inline: auto;
90
-
}
91
-
92
-
header {
93
-
position: sticky;
94
-
top: 0;
95
-
background-color: var(--purple-accent);
96
95
}
97
96
98
97
.header-inner {
99
98
max-width: 50rem;
100
-
padding-block: 1rem;
99
+
padding-block: 3rem;
101
100
margin-inline: auto;
102
101
padding-inline: 3rem;
103
102
}
···
106
105
107
106
.container {
108
107
padding-inline: 3rem;
109
-
padding-block: 3rem;
110
108
overflow: auto;
111
109
}
112
110
···
141
139
background-color: var(--purple-element);
142
140
padding: 1.5rem;
143
141
fill: var(--text);
144
-
text-decoration: none;
145
-
border: 2px solid var(--purple-element);
142
+
border: 2px solid var(--purple-accent);
146
143
text-transform: lowercase;
147
144
transition: all 100ms;
148
145
}
149
146
150
147
.card:hover,
151
148
.card:focus {
149
+
text-decoration: none;
152
150
background-color: var(--purple-accent);
153
151
border: 2px solid var(--text);
154
152
}
···
174
172
}
175
173
176
174
@media screen and (max-width: 35rem) {
175
+
.header-inner {
176
+
text-align: center;
177
+
}
178
+
177
179
.card {
178
180
flex-direction: column;
179
181
}