p0c-website

commit af6785bbb729bf5861fc10dd9c163e93f0c1fd30
parent a4e51ec8224107df5fa97f04d438723f60880081
Author: Andreas Gruhler <andreas.gruhler@adfinis.com>
Date:   Sat,  2 Mar 2024 20:57:10 +0100

feat: change page contents

Diffstat:
M
_includes/intro.html
 | 
2
+-
M
_includes/nav.html
 | 
5
+++--
M
index.html
 | 
74
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------

3 files changed, 63 insertions(+), 18 deletions(-)
diff --git a/_includes/intro.html b/_includes/intro.html
@@ -1,5 +1,5 @@
 <section class="intro">
   <div class="container">
-    <p class="lead">Hi, I'm John Doe. I do stuffs with computer and sometimes write about it here. I'm from Penang, MY and I ship code at <a href="#">Microsoft</a>.</p>
+    <p class="lead">Hand-crafted software for any purpose</p>
   </div>
 </section>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -3,8 +3,9 @@
   <div class="container">
     <h1 class="logo"><a href="{{ '/' | relative_url }}">{{ site.title_left }}<span>{{ site.title_right }}</span></a></h1>
     <ul class="navbar">
-      <li><a href="{{ '/about' | prepend: site.baseurl | prepend: site.url }}">About me</a></li>
-      <li><a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" target="_blank">RSS</a></li>
+      <li><a href="https://code.in0rdr.ch">{% octicon repo %}<span> src</span></a></li>
+      <li><a href="https://web.libera.chat/gamja/#p0c">{% octicon comment-discussion %}<span> irc</span></a></li>
+      <li><a href="https://cv.in0rdr.ch">{% octicon person %}<span> about</span></a></li>
     </ul>
   </div>
 </nav>
diff --git a/index.html b/index.html
@@ -7,21 +7,65 @@ title: Home
 
 <section class="post-list">
   <div class="container">
-    {% for post in site.posts %}
-      {% unless post.next %}
-        <h2 class="category-title">{{ post.date | date: '%Y' }}</h2>
-      {% else %}
-        {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
-        {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
-        {% if year != nyear %}
-          <h2 class="category-title">{{ post.date | date: '%Y' }}</h2>
-        {% endif %}
-      {% endunless %}
-      <article class="post-item">
-        <span class="post-meta date-label">{{ post.date | date: "%b %d" }}</span>
-        <div class="article-title"><a class="post-link" href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">{{ post.title }}</a></div>
-      </article>
-    {% endfor %}
+    <ul class="applist">
+      <li class="diary"><a href="https://diary.p0c.ch">Diary</a></li>
+      <li class="myheats"><a href="https://myheats.p0c.ch">MyHeats</a></li>
+      <li class="hivedav"><a href="https://hivedav.p0c.ch">HiveDAV</a></li>
+    </ul>
+    <header class="page-header">
+      <h1 class="page-title">Proof of concepts for fun and profit</h1>
+    </header>
+    <div class="page-content">
+      <p>I love playing with code. It starts with an idea 💡 and a green field.
+      Include the necessities. Work processes should shape the tools 🛠️ we use,
+      not the other way around.</p>
+      <p>Approach to software:</p>
+      <ul>
+        <li>
+	  <a href="https://en.wikipedia.org/wiki/Form_follows_function#Software_engineering">
+            Form follows function
+	  </a> (e.g., programming language)</li>
+        <li>Minimal, but serves the purpose.
+            <a href="https://en.wikipedia.org/wiki/Batteries_Included">
+	      Batteries 🔋 included.
+	     </a>
+	</li>
+	<li>Stop at <a
+			href="https://en.wikipedia.org/wiki/Pareto_principle#Computing">Pareto</a>.
+		Use the remaining time to have coffee ☕ and build the next
+		thing.</li>
+	<li>Performance matters, avoid dependencies where possible</li>
+	<li>Reasonably secure</li>
+	<li>Privacy aware. Keep in control of your data.</li>
+      </ul>
+    </div>
+    <header class="page-header">
+      <h1 class="page-title">Future ideas</h1>
+    </header>
+    <div class="page-content">
+      <ul>
+        <li>Curlable scrum poker</li>
+        <li>CIDR range calculator</li>
+        <li>Speed dating app</li>
+      </ul>
+    <header class="page-header">
+      <h1 class="page-title">Contact and support</h1>
+    </header>
+    <div class="page-content">
+      <p>Have an idea? Get in touch on IRC
+         <a href="https://web.libera.chat/gamja/#p0c">#p0c</a> or on
+         <a href="https://m.in0rdr.ch/@in0rdr">Mastodon</a>.
+      </p>
+    <p>
+      <script src="https://liberapay.com/in0rdr/widgets/button.js"></script>
+      <noscript>
+        <a href="https://liberapay.com/in0rdr/donate">
+	  <img alt="Donate using Liberapay"
+	       src="https://liberapay.com/assets/widgets/donate.svg">
+	</a>
+      </noscript>
+    </p>
+   </div>
   </div>
 
 </section>