8 files changed, 87 insertions, 25 deletions
diff --git a/assets/content_images/me.png b/assets/content_images/me.png
new file mode 100644
index 0000000..cacbb62
--- /dev/null
+++ b/assets/content_images/me.png
diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml
index f823ab3..2a923ca 100644
--- a/config/_default/menus.en.toml
+++ b/config/_default/menus.en.toml
@@ -1,3 +1,53 @@
+[[main-nav]]
+  name = "Blog"
+  weight = "100"
+  pageRef = "/blog"
+
+[[main-nav]]
+  name = "Links"
+  weight = "110"
+  pageRef = "/links"
+
+[[main-nav]]
+  name = "Funnies"
+  weight = "110"
+  url = "/funnies/c"
+
+[[main-nav]]
+  name = "VCS"
+  weight = "120"
+  url = "/git/"
+
+[[main-nav]]
+  name = "Me"
+  weight = "130"
+  pageRef = "/"
+  [[main-nav.params]]
+     nonpage = "yes"          
+    inlineChildren = "yes"
+
+[[main-nav]]
+  name = "Uses"
+  weight = "130"
+  pageRef = "/me/uses"
+  parent = "Me"
+
+[[main-nav]]
+  name = "Now"
+  weight = "130"
+  pageRef = "/me/now"          
+  parent = "Me"
+
+[[main-nav]]
+  name = "Articles"
+  weight = "140"
+  pageRef = "/articles"          
+
+[[main-nav]]
+  name = "Contact"
+  weight = "140"
+  pageRef = "/me/contact"          
+  parent = "Me"
 
 
 [[bsd-history]]
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 8dba7d3..f192411 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -1,17 +1,6 @@
 {{ define "main" }}
-<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!
 
-<br><br>
-<nav class="personal">
-  <a href="/me/contact/">Contact</a> //
-  <a href="/me/uses/">Uses</a> //
-  <a href="/about/">About</a> //
-  <a href="/links/">Links</a> //
-  <a href="/me/now/">Now</a>
-</nav>
-
-<BR>
+{{ partial "partials/homepage/nav" . }}
 
 <h2>Recent updates and publications </h2>
 
@@ -28,15 +17,6 @@ Hey! I'm Michał Sapka, a computer programmer living in Kraków, Poland. This we
 {{ partial "partials/homepage/bsd.html" . }}
 {{ partial "partials/homepage/emacs.html" . }}
 {{ partial "partials/homepage/startrek.html" . }}
-<h2>Sections</h2>
-
-<nav>
-  <P><a class="sec-link" href="/blog/"><b>Blog</b>: my shorter publications withount any theme. You can treat it as E/N site.</a> </p>
-  <P><a class="sec-link" href="/articles/"><b>Articles</b>: longer publications that don't fit blog or any other category.</a> </p>
-  <P><a class="sec-link" href="/funnies/"><b>Funnies</b>: A small, curated collection of things I found funny or ammusing.</a> </p>
-  <p><a class="sec-link" href="/git/"><b>Version control system</b> : My little code repository. I don't expect to cooporate on any of those, so it's just stagit.</a></p>
-</nav>
-
 {{ partial "partials/homepage/buttons.html" . }}
 {{ partial "partials/homepage/nameplate.html" . }}
 
diff --git a/layouts/partials/homepage/nav.html b/layouts/partials/homepage/nav.html
new file mode 100644
index 0000000..272488a
--- /dev/null
+++ b/layouts/partials/homepage/nav.html
@@ -0,0 +1,28 @@
+{{- $file := "me.png" }}
+{{- $path := printf "content_images/%s" $file}}
+{{- $img := resources.Get $path }}
+{{- $img1x := $img.Resize "150x webp" }}
+{{- $img2x := $img.Resize "300x webp" }} <!--  -->
+
+<section style="display: flow-root">
+  <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.
+  <img
+    alt="Mihal"
+    style="float: right; max-width: 20%;"
+    src="{{ $img1x.Permalink }}" 
+    srcset="
+            {{ $img1x.Permalink }} 1x,
+            {{ $img2x.Permalink }} 2x
+            "
+    width="{{ $img1x.Width }}" 
+    height="{{ $img1x.Height }}"
+    >
+  No content here is auto-generated, so any bugs, problems, or controversies are entirely on me!
+  
+  {{ partial "menu.html" (dict "menuID" "main-nav" "page" .) }}
+</section>
+  
diff --git a/layouts/shortcodes/rating.html b/layouts/shortcodes/rating.html
index e6159ae..78a57fd 100644
--- a/layouts/shortcodes/rating.html
+++ b/layouts/shortcodes/rating.html
@@ -2,7 +2,7 @@
 {{- $file := .Get 1 }}
 {{- $caption := .Inner }}
 
-<aside class="rating-box float-right">
+<aside class="rating-box">
   <div class="poster">
     
     {{- $path := printf "content_images/%s" $file}}
@@ -20,8 +20,8 @@
       width="{{ $img1x.Width }}" 
       height="{{ $img1x.Height }}"
       >
-
   </div>
+
   <div class="rating">
     My rating:<br>
 
diff --git a/resources/_gen/images/content_images/me_huc47c36a60cfefd22340db4c4142a8965_3928_150x0_resize_q75_h2_box_3.webp b/resources/_gen/images/content_images/me_huc47c36a60cfefd22340db4c4142a8965_3928_150x0_resize_q75_h2_box_3.webp
new file mode 100644
index 0000000..52e4a19
--- /dev/null
+++ b/resources/_gen/images/content_images/me_huc47c36a60cfefd22340db4c4142a8965_3928_150x0_resize_q75_h2_box_3.webp
diff --git a/resources/_gen/images/content_images/me_huc47c36a60cfefd22340db4c4142a8965_3928_300x0_resize_q75_h2_box_3.webp b/resources/_gen/images/content_images/me_huc47c36a60cfefd22340db4c4142a8965_3928_300x0_resize_q75_h2_box_3.webp
new file mode 100644
index 0000000..ca50417
--- /dev/null
+++ b/resources/_gen/images/content_images/me_huc47c36a60cfefd22340db4c4142a8965_3928_300x0_resize_q75_h2_box_3.webp
diff --git a/static/style.css b/static/style.css
index 066689e..5c89067 100644
--- a/static/style.css
+++ b/static/style.css
@@ -539,7 +539,11 @@ a[href^="#fn:"]:after{ content: ']' }
 .brain-rot .new {
     color: var(--brain-rot-highlight-color);
 }
-
+.rating-box {
+    float: right;
+    margin: 10px;
+    text-align: center;
+}
 /* brain_rot_end */
 
 /* star_trek_start */
@@ -626,7 +630,7 @@ body.bsd > header > .logo > img.beastie {
 /* emacs_start */
 :root {
     --emacs-highlight-color: #7F5AB6;
-    }
+}
 
 body.emacs > header > .logo {
     background-color: var(--emacs-highlight-color);