[index,about] Moved photo of me to about page

4 files changed, 14 insertions, 26 deletions

diff --git a/src/about.md b/src/about.md
index 080d2d7..a3005e6 100644
--- a/src/about.md
+++ b/src/about.md
@@ -1,5 +1,7 @@
 # About Me
 
+<img id="about-image" class="borderless unzoomable" src="/img/face.jpeg" alt="">
+
 **Contact me casually**
 : <a href="mailto:&#107;&#097;&#109;&#101;&#110;&#046;&#115;&#064;&#115;&#121;&#110;&#100;&#097;&#109;&#105;&#097;&#046;&#099;&#111;&#109;">&#107;&#097;&#109;&#101;&#110;&#046;&#115;&#064;&#115;&#121;&#110;&#100;&#097;&#109;&#105;&#097;&#046;&#099;&#111;&#109;</a> <a class="borderless" href="/files/publickey-kamen.s@syndamia.com-0xDFC9D42E.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a>
 
@@ -11,6 +13,7 @@
 
 <br>
 
+
 > Antibio [(opposite of bio, and much more fun)](https://www.brendangregg.com/antibio.html)
 
 I'm a [university](https://www.fmi.uni-sofia.bg/en) student and general computer nerd.
diff --git a/src/about/index.md b/src/about/index.md
index 080d2d7..a3005e6 100644
--- a/src/about/index.md
+++ b/src/about/index.md
@@ -1,5 +1,7 @@
 # About Me
 
+<img id="about-image" class="borderless unzoomable" src="/img/face.jpeg" alt="">
+
 **Contact me casually**
 : <a href="mailto:&#107;&#097;&#109;&#101;&#110;&#046;&#115;&#064;&#115;&#121;&#110;&#100;&#097;&#109;&#105;&#097;&#046;&#099;&#111;&#109;">&#107;&#097;&#109;&#101;&#110;&#046;&#115;&#064;&#115;&#121;&#110;&#100;&#097;&#109;&#105;&#097;&#046;&#099;&#111;&#109;</a> <a class="borderless" href="/files/publickey-kamen.s@syndamia.com-0xDFC9D42E.asc"><img class="borderless unzoomable" src="/img/pgpkey.gif" alt="PGP key"></a>
 
@@ -11,6 +13,7 @@
 
 <br>
 
+
 > Antibio [(opposite of bio, and much more fun)](https://www.brendangregg.com/antibio.html)
 
 I'm a [university](https://www.fmi.uni-sofia.bg/en) student and general computer nerd.
diff --git a/src/index.md b/src/index.md
index 4e3f2e5..72a162a 100644
--- a/src/index.md
+++ b/src/index.md
@@ -1,12 +1,7 @@
 # Welcome
 
-<div id="index-contents">
-	<img id="index-contents-img" class="borderless" src="./img/face.jpeg" alt="">
-	<div id="index-contents-text">
-		<p><a href="https://en.wiktionary.org/wiki/ahoy-hoy">Ahoy-hoy!</a> My name is Kamen and I'm a big computer nerd, currently studying in university.</p>
-		<p>I post whatever seems fun or interesting, but most of the stuff are software oriented. Have a look around and enjoy your stay.</p>
-	</div>
-</div>
+My name is Kamen and I'm a big computer nerd, currently studying in university.
+I post whatever seems fun or interesting, but most of the stuff are software oriented. Have a look around and enjoy your stay.
 
 <a class="borderless" href="https://creativecommons.org/licenses/by-sa/4.0/"><img class="borderless unzoomable" src="/img/cc-by-sa-small.svg" alt="CC BY-SA"></a>
 <a class="borderless" href="https://www.gnu.org/licenses/gpl-3.0.html"><img class="borderless unzoomable" src="/img/gnugpl.png" alt="GNU GPL"></a>
diff --git a/src/styles.css b/src/styles.css
index 5049248..dcaf7fb 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -410,21 +410,13 @@ dt { font-size: 1.2em; }
       content: "\2514  ";
     }
 
-/* Index page styling */
+/* Special styling */
 
-#index-contents {
-    box-sizing: border-box;
-    min-height: 7.6em;
-    padding: 0 1em;
-    width: 100%;
+#about-image {
+    float: right;
+    margin-right: 1em;
+    max-width: 7.6em;
   }
-  #index-contents-text { float: none; }
-  #index-contents-img {
-      float: left;
-      margin-right: 1em;
-      max-width: 7.6em;
-    }
-  #index-list { margin-block-end: calc(1em + 10px); }
 
 /* Small screen support */
 
@@ -435,12 +427,7 @@ dt { font-size: 1.2em; }
     }
   table td, table th { word-break: break-all; }
 
-  #content-wrapper { flex-direction: column; }
-    #index-contents {
-        min-height: 4.38em;
-        padding: 0;
-      }
-    #index-contents-img { max-width: 4.38em; }
+  #about-image { max-width: 4.38em; }
 
   #sidebar {
       max-width: initial;