5 files changed, 25 insertions, 30 deletions
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 0985c5e..d08b6bc 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -1,10 +1,12 @@
 {{ define "main" }}
 <article class="list taxonomy">
-  <ul>
-    {{ range  (where site.RegularPages "Type" "!=" "special") }}
-      {{ partial "partials/article_list_item.html" . }}
-    {{ end }}
-  </ul>
+<h2>About</h2>
+Hey! I'm Michał Sapka, a computer programmer living in Kraków, Poland. This website is not dedicated to any particular one thing. Instead, I write whatever interests me most at the moment. No content here is auto-generated, so any bugs, problems, or controversies are entirely on me!
+
+<h2>Articles</h2>
+{{ range  (where site.RegularPages "Type" "!=" "special") }}
+  {{ partial "partials/article_list_item.html" . }}
+{{ end }}
 </article>
 {{ end }}
 
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index d085926..91d5526 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -3,6 +3,7 @@
   <h2>
     {{ replace .Title "-" " " }} archives
   </h2>
+  <h3>Articles</h3>
   <ul>
     {{ range .Data.Pages }}
       {{ partial "partials/article_list_item.html" . }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 5c5b389..52544bf 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,8 +1,6 @@
 {{ define "main" }}
 <article>
-  <a href="{{ .Page.Permalink }}">
-    <h2>{{ .Page.Title }}</h2>
-  </a>
+  <h2>{{ .Page.Title }}</h2>
   {{- if not (eq .Page.Type "special") }}
   <time datetime="{{.PublishDate.Format "2006-01-02" }}">
     {{ .PublishDate.Format "January 2, 2006" }}
diff --git a/layouts/partials/article_list_item.html b/layouts/partials/article_list_item.html
index 4190d02..b2d9d20 100644
--- a/layouts/partials/article_list_item.html
+++ b/layouts/partials/article_list_item.html
@@ -1,7 +1,6 @@
-<li>
+<section class="list-item">
   <a href="{{ .Page.Permalink }}">
     <time>{{ .PublishDate.Format "2006-01-02" }}</time>
-    &#183;
-    {{ .Page.Title }}
+    <span>{{ .Page.Title }}</span>
   </a>
-</li>
+</section>
diff --git a/static/style.css b/static/style.css
index 19cd8ae..cd7ece7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -11,14 +11,13 @@
     --article-border-color: #f3f1f1;
     --highlight-bg: rgba(240, 240, 240, 0.42);
     
-    --h2-color: var(--text-color);
-    
     --blockquote-border-color:  #d2d2d2;
     --blockquote-color: ##666666;
     
     --pre-bg: #f0f0f0;
 
     --font-size: 1.2em;
+    --mobile-font-size: 1hem;
     --h1-size: 1.2em;
     --header-font-size: 0.9em;
 
@@ -50,6 +49,12 @@ body {
     max-width: 800px;
     margin: auto;
 }
+@media only screen and (max-width: 600px) {
+    body {
+        font-size: var(--mobile-font-size);
+    }
+}
+
 header {
     width: 100%;
     text-align: center;
@@ -105,11 +110,11 @@ main {
 .taxonomy a {
     text-decoration: none;
 }
-.taxonomy li {
-    list-style: none;
+.list-item time {
+    opacity: 0.5;
 }
-.taxonomy ul {
-    padding: 0;
+.list-item span {
+    font-weight: bold;
 }
 
 /* ----------- Articles / Posts */
@@ -124,23 +129,13 @@ article p {
 article a {
     text-decoration: underline;
 }
-h3, h4, h5 {
+h2, h3, h4, h5 {
     text-align: left;
     border: 0;
     border-bottom-width: 1px;
     border-style: solid;
     font-size: inherit;
-}
-a h2{
-    text-decoration: none;
-}
-h2 {
-    text-align: left;
-    padding: 0;
-    margin: 0;
-    color: var(--h2-color);
-    font-size: 1.5em;
-    line-height: 35px;
+    text-transform: uppercase;
 }
 blockquote {
     border: 0;