my website at https://anirudh.fi
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

New layout

+57 -43
+1
pages/about.md
··· 1 1 --- 2 2 template: page.html 3 3 title: about 4 + subtitle: About me. 4 5 --- 5 6 6 7 <img src="https://x.icyphox.sh/9rUNl.jpeg" width=300 style="text-align: center">
+1 -2
pages/friends.md
··· 1 1 --- 2 2 template: page.html 3 3 title: friends 4 - url: friends 5 - subtitle: My friends and internet bros. 4 + subtitle: My friends: online and IRL. 6 5 --- 7 6 8 7 ### `#rice` @ rizon
+1
pages/reading.md
··· 1 1 --- 2 2 template: page.html 3 3 title: reading 4 + subtitle: Books I've read. 4 5 --- 5 6 6 7 I've read a whole bunch more, but I can't remember beyond 2020.
+1
pages/uses.md
··· 1 1 --- 2 2 template: page.html 3 3 title: uses 4 + subtitle: Hardware and software that I use. 4 5 --- 5 6 6 7 I often get asked about my computing setup -- so I created this page to link it
+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
··· 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
··· 8 8 </title> 9 9 <body> 10 10 <main> 11 - <header> 11 + <div class="sidenav"> 12 12 {{ template "nav.html" }} 13 - </header> 13 + </div> 14 14 <article class="tagline"> 15 15 {{ .Body }} 16 16 </article>
-11
templates/nav-noimg.html
··· 1 - <nav> 2 - <a href="/blog">blog</a> 3 - &middot; 4 - <a href="/reading">reading</a> 5 - &middot; 6 - <a href="/about">about</a> 7 - &middot; 8 - <a href="/uses">uses</a> 9 - &middot; 10 - <a href="/friends">friends</a> 11 - </nav>
+7 -9
templates/nav.html
··· 2 2 <img src="/static/white.svg" alt="icyphox's avatar" height="40" width="40"/> 3 3 </a> 4 4 <nav> 5 - <a href="/blog">blog</a> 6 - &middot; 7 - <a href="/reading">reading</a> 8 - &middot; 9 - <a href="/about">about</a> 10 - &middot; 11 - <a href="/uses">uses</a> 12 - &middot; 13 - <a href="/friends">friends</a> 5 + <ul> 6 + <li><a href="/blog">blog</a></li> 7 + <li><a href="/reading">reading</a></li> 8 + <li><a href="/about">about</a></li> 9 + <li><a href="/uses">uses</a></li> 10 + <li><a href="/friends">friends</a></li> 11 + </ul> 14 12 </nav> 15 13
+2 -2
templates/page.html
··· 9 9 </title> 10 10 <body> 11 11 <main> 12 - <header> 12 + <div class="sidenav"> 13 13 {{ template "nav.html" }} 14 - </header> 14 + </div> 15 15 <article align="left"> 16 16 <h1>{{ index .Meta "title" }}</h1> 17 17 {{ .Body }}
+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" }}