my website at https://anirudh.fi
New layout
+57
-43
+1
pages/about.md
+1
pages/about.md
+1
-2
pages/friends.md
+1
-2
pages/friends.md
+1
pages/reading.md
+1
pages/reading.md
+1
pages/uses.md
+1
pages/uses.md
+32
-7
static/style.css
+32
-7
static/style.css
···
31
31
padding: 0;
32
32
margin: 10px;
33
33
line-height: 160%;
34
+
35
+
36
+
display: flex;
37
+
flex-wrap: wrap;
38
+
flex-direction: row;
39
+
row-gap: 2rem;
40
+
width: 100%;
41
+
/* grid-template-columns: repeat(auto-fit, minmax(250px, 2fr));
42
+
grid-auto-rows: 50%;
43
+
grid-column-gap: 2rem;
44
+
grid-row-gap: 2rem; */
45
+
}
46
+
47
+
main article, table {
48
+
flex-basis: 85%;
49
+
}
50
+
51
+
.sidenav {
52
+
flex-basis: 15%;
34
53
}
35
54
36
55
main h1 {
···
121
140
}
122
141
123
142
article a {
124
-
color: var(--cyan);
143
+
color: var(--dark);
125
144
}
126
145
127
146
.tagline {
···
139
158
background-color: var(--code-bg) !important;
140
159
font-size: 15px !important;
141
160
margin-bottom: 10px;
161
+
}
162
+
163
+
code {
164
+
background-color: var(--light-gray);
142
165
}
143
166
144
167
pre > code {
···
161
184
162
185
.index-post {
163
186
padding-bottom: 7px;
164
-
}
165
-
166
-
nav {
167
-
float: right;
168
-
transform: translateY(30%);
169
187
}
170
188
171
189
header {
···
179
197
}
180
198
181
199
footer {
182
-
border-top: 1.5px solid;
183
200
margin: 20px 0 40px 10px;
184
201
padding-top: 30px;
185
202
}
···
198
215
padding-left: 20px;
199
216
border-left: 3px solid var(--gray);
200
217
}
218
+
219
+
/* side nav */
220
+
nav ul {
221
+
padding: 0;
222
+
margin: 0;
223
+
list-style-type: none;
224
+
}
225
+
+3
-4
templates/blog.html
+3
-4
templates/blog.html
···
10
10
{{ index .Meta "title" }}
11
11
</title>
12
12
<body>
13
-
<main>
14
-
<header>
13
+
<main>
14
+
<div class="sidenav">
15
15
{{ template "nav.html" }}
16
-
</header>
16
+
</div>
17
17
{{ .Body }}
18
18
<table>
19
19
{{ range $_, $post := .Posts }}
···
27
27
</tr>
28
28
{{ end }}
29
29
</table>
30
-
<p><em><b>Note</b>: Opinions expressed in these posts may differ from those that I hold presently.</em></p>
31
30
</section>
32
31
</main>
33
32
<footer>
+2
-2
templates/index.html
+2
-2
templates/index.html
+2
-2
templates/page.html
+2
-2
templates/page.html
+7
-6
templates/text.html
+7
-6
templates/text.html
···
7
7
{{ index .Meta "title" }}
8
8
</title>
9
9
<body>
10
-
<main>
11
-
<header>
10
+
<main>
11
+
<div class="sidenav">
12
12
{{ template "nav.html" }}
13
-
</header>
13
+
</div>
14
14
<article align="left">
15
15
<section class="post-date">
16
16
{{ $dateStr := index .Meta "date" }}
···
21
21
<h1>{{ index .Meta "title" }}</h1>
22
22
<h2 class="subtitle">{{ index .Meta "subtitle" }}</h2>
23
23
{{ .Body }}
24
+
25
+
<p class="muted" align="center">Questions or comments?
26
+
Send an
27
+
<a href="mailto:x@icyphox.sh?Subject=Re: {{ index .Meta "title" }}">email</a>.
24
28
</article>
25
-
<p class="muted" align="center">Questions or comments?
26
-
Send an
27
-
<a href="mailto:x@icyphox.sh?Subject=Re: {{ index .Meta "title" }}">email</a>.
28
29
</main>
29
30
<footer>
30
31
{{ template "footer.html" }}