From 1a271574d522615d0a10c7a73bab6ac298a02737 Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Tue, 16 Jan 2024 20:28:15 +0100
Subject: [PATCH] add favicon, update layout

---
 website/content/pages/index.md                |   2 +-
 website/theme/static/css/styles.css           |  12 ++++-----
 .../static/images/site-apple-touch-icon.png   | Bin 0 -> 5787 bytes
 .../static/images/site-favicon-16x16.png      | Bin 0 -> 336 bytes
 .../static/images/site-favicon-32x32.png      | Bin 0 -> 622 bytes
 website/theme/static/images/site-favicon.ico  | Bin 0 -> 15406 bytes
 website/theme/templates/base.html             |  23 +++++++++++++-----
 website/theme/templates/index.html            |  20 +++++++--------
 8 files changed, 34 insertions(+), 23 deletions(-)
 create mode 100644 website/theme/static/images/site-apple-touch-icon.png
 create mode 100644 website/theme/static/images/site-favicon-16x16.png
 create mode 100644 website/theme/static/images/site-favicon-32x32.png
 create mode 100644 website/theme/static/images/site-favicon.ico

diff --git a/website/content/pages/index.md b/website/content/pages/index.md
index 63ab470..4b24745 100644
--- a/website/content/pages/index.md
+++ b/website/content/pages/index.md
@@ -1,4 +1,4 @@
-title: offen.software
+title: Humane Computer Programs – offen.software
 description: We think up, create and ship software for organisations and individuals who embrace societal change.
 save_as: index.html
 template: index
diff --git a/website/theme/static/css/styles.css b/website/theme/static/css/styles.css
index 8d2466f..cd1f13a 100644
--- a/website/theme/static/css/styles.css
+++ b/website/theme/static/css/styles.css
@@ -61,13 +61,16 @@ LAYOUT
 .gapExtra {
   grid-gap: 1rem;
 }
+.logoPadding {
+  padding-top: 1.2rem;
+}
+.bottomPadding {
+  padding-bottom: 12rem;
+}
 
 /* ---------------------------------------------------
 SPACING
 ----------------------------------------------------*/
-.hExtra20 {
-  height: 20rem;
-}
 .wExtra24 {
   width: 24rem;
 }
@@ -75,9 +78,6 @@ SPACING
   width: 32rem;
 }
 @media only screen and (max-width: 60rem) {
-  .hExtra20 {
-    height: auto;
-  }
   .wExtra24,
   .wExtra32 {
     width: 100%;
diff --git a/website/theme/static/images/site-apple-touch-icon.png b/website/theme/static/images/site-apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9115a3ddc703727ad73d76f37ff5a4564e24b8c
GIT binary patch
literal 5787
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

literal 0
HcmV?d00001

diff --git a/website/theme/static/images/site-favicon-16x16.png b/website/theme/static/images/site-favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..45edcf4a71cff67f17f1dd2c026a3888c0f85e8a
GIT binary patch
literal 336
zcmV-W0k8gvP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$3Q0skR5(v#d>O#?pMe6vIJgb?`yb*vW=2Mwp2X^f_dowLY<~2I;o66P4FCQy
zFsSe`GWg1~Fi3JSVHkvA07!G^#a|4sexQaeFDnB>i5?q+EH|nl7zQl5{hQ&y^S@Y~
ztSiXGP@v1kfb1a@13-SRKJ$y=)pzVM%g)TeFu{VIft?v)1cm{Xr++cLL32LLIc!V}
z4E+}D44f=D3;-#db^RB^iP!(IdO?+sk)gtX9k&-ix}Jag$Ix-{7sKb@sAhniU#P>z
zpvF%i5JB3We*MR=>fRrQTc7?h{QJ+qpuoe(5TeM+po*p$q!wpV1_k4<zyHAoaIi3<
iI2+k*gFG(~lgj~{g>o^XeC4MA0000<MNUMnLSTYckCuS|

literal 0
HcmV?d00001

diff --git a/website/theme/static/images/site-favicon-32x32.png b/website/theme/static/images/site-favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..b87e1d42c8ab39c5b8397651dc0ca38dadeb0dde
GIT binary patch
literal 622
zcmV-!0+IcRP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%C`m*?R9Hvtl|5?|Q51%sx%08f?rLI;(GUbNu!IDZBw(RnZE2lG?F9W1el&jk
z02{$ZYg0r>XQKqH94sV@$|fx08W%~}fID+%Mvie&)V=dzk!Ei-#U0Lb-}k)dSgniY
zgnc~L0AQfNK!KtP=r|$z8DM3Bqb#ffan2P(srR*;;I|{zw`0C^6XF;~Jd2YD6!YVX
z$+E)EL6R9DjA8Aw=GkUMTMGX%zNBWwf%B6#7mhnroop1D0HpZJre?LNk#ExxJ5G-&
zF4bHPy6F(90P@fmpEQr(r5EpkNm)^1Y1+kAX5dr+@%)Y-u=Oq9$|xzgKIbxb$TkwB
z0zChydGcQW<$0EdKRcngQuDA4Di{GIY7f^#UTviq--l*=$l~UL$FQLxjR4&!;r^R|
z4?Fqf@9_-TaBH!Ifb=`50C)X>MyEKyjRlX1;r<>N0m3-p!P}76?P3;;cyN2MMAZ;S
zBY?bnWka*Pp(&!lsWHX1S&3pn3&gkPZp=MDprf<&{jWPRjxX07&K-6BFNU&ko;E^O
zn^CSP&W`TA-jo0#OPvF9sS_qVs)zXPm@M5eRk64_<1$rA8G~5?dJxME&C6Cqw-1HL
zJ~OIVnszu=R+-jwCIxyX$|9<7N369X>O08~W#o7^oTw_!98t_4wo_&Qy(w}5^nQ$D
z2;ziYy|<Rjjz!7F*zJV|QNF$}cDs-Q#Y+AAuK~b7fqhrtJ3|ckVKT}VmH+?%07*qo
IM6N<$f@abld;kCd

literal 0
HcmV?d00001

diff --git a/website/theme/static/images/site-favicon.ico b/website/theme/static/images/site-favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..73da79fa5a6cace90fa7b377e166d2a8d8a8219d
GIT binary patch
literal 15406
zcmeHNS&JN16u#EhRs9srj7i*R$1F1h$>brE35aHt(Inl|GscHF0W<Nz1w>HL;0j6%
zf+9Y-1jHwU`|{?C2q8v&FhP;THH*Pz{1w;lyVccHOILMO*R3AM+<{B=)N=1R=brPO
z?Fw;;u*HfM0@s?j-w|R$2vMtr|BqfO#GAM`KHhr1UWhM;g&4&<_yk{s_i^d^SDpJ?
z{y)c}3}!CKpm84jE#~6UpFSy_>mHNV@NQ`h%}KlVko2d%$TWw4>$lQcb*Hp0t9K5}
z<xd^!Ift|1VCQ$Sc}PbZFTw1e(!OFL@q26N_Le-l@45Q^%Da=l2M?5Kn!dOjUrhX-
zGEJkO^9DPA1P@(kfK2`AZ&KHe=;9ot!v-(*ngvOja$ln7S+A4_N7nb3<9l5}A;(SP
zObuf@2JtEBZ#l}w(A*s-j9e}fxio=)@SpyUQ_{cfdl}Tv$e{Uq`FMymDmQ&DozX*~
zKO4RSz8GWmymZz+F1>9Zr~0uX`bi$$jW5CP!}rI0Z^!SIO~eNWT0SLTY>`GA*LK!D
zg>`3=*N)L-Uwtop;z>RG0YB$%dPQ0*v#lM;!x?#0%U<}?C!}@xo=kj4YpW~v!rS&y
zK^ZJcZ}S^iyODo=><4wSh+XhoXWf&1t*vCRdatt0G~G&j#+c5&=7Ij#hiwuc($+|O
zrq-`LSZMtK7?rk0+Owef2V%r$`(B?hcbI4N?-#s@cXHcaWCz5_DzG|@$6n9ExO;zo
z82~4V)xGBL{Twzp`GLx}BEEWG8^G!pz`G`&gn7L2*R#<8oFrBU^<Omb9@87rF!?_G
z9`>Ru76YSzlf>$vaYpaj?OFhG=bb-D>Ll&LhHVlboV8CVoFrCP2b34lHdP+aTwd+7
zK7ZR=Cu954mW{b*<YsgruMQ;D1umBRtdpQbEB0fUI*GBLy!K<>H#%c<!03R{f#s?L
z$XjOr3P;X<<dW_AY^#S_|5XO4?^JI73gfs8P;(4+{e=AU+`#g{TryzaZr9J!M_t0*
z^s2P4eOOv+?m}O7KJ3k+UdGy~JN7(kho7L1`(3Msu=KfQF!P(N-1wQIP1OL<vrVi6
z49$X{J<=IDpmKHQ?A1Bw*iz-H&<AhpdywsYpc%Aft*5fiv1+e$uYXzTS+5>(Dg2?&
zQQ2|?{o;Mu>5kRnRjmqjP<QMgcz{09)(5o@%?q+J`5|gX1!#|W83GUJod-KkgZ=^7
z12D!1uCT_GSzjVrldiCHZ{lrzb-|Q<3}((tcl<T<r(mZ^^yIzI+9LWY{hV3It8?rh
z@mz^E*+;wrmx!&U)(K%_l^Z_ouWuC5nRErV(myC4m$LtP<sE;Ybxn8kVbq&7>Q0-V
zhQeX`>G+yDe^WNj*r68I|LeR{n~nna+1FD2&2n%k?6;!th906e+l}*$GfS1J<E8n6
zpng_5>z^)>{(0%&@^yLi!{<8a-&l-e;&RjV8!;c_*0TH<`w`xjx59IRx@eB(fe&EZ
z8X)%8X|tVkEy~LFqlkGB8%OKvx&qS}dlTb2*VLQ8`G`~W+W@c={Ws<hRm3M{($C(d
zxAomHH_;_~#NNtxAqOgzcI6k5BXSSeKi6W%ko{Hns2r%&*dgxIkuUnlYn_otfTeQ<
zYyq?*fAA)b6h04-d*8^z)X|WKzV?ASzo2rUYUAtx^rj0AMEkJenb00G`DOIO5qmR#
zU=CD8Jf2&2aa}0-o3#hn18thPq_9<;BZrS8KWgANV?Olp8GAE-U=CD89=D{lw|NKV
z0hfra^bhoL^wZ>r=aih$=Rose6?-#(U=CC|PPS?5qBp6}fKT9s=W`e@sWXg-Ta{lL
pWR9LnV_u%j`~M9)G5cWl!RUa|0iy#(2lVIwjt7}PBZ0mp@DI?UGr<4=

literal 0
HcmV?d00001

diff --git a/website/theme/templates/base.html b/website/theme/templates/base.html
index 04626b1..3747504 100644
--- a/website/theme/templates/base.html
+++ b/website/theme/templates/base.html
@@ -20,8 +20,12 @@
   <link rel="canonical" href="{{ SITEURL }}">
   <!--
   <meta property="og:image" content="{{ SITEURL }}/theme/images/###">
-  <link rel="shortcut icon" type="image/x-icon" href="{{ SITEURL }}/theme/images/favicon.ico">
-  -->
+    -->
+  <link rel="shortcut icon" type="image/x-icon" href="{{ SITEURL }}/theme/images/site-favicon.ico">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ SITEURL }}/theme/images/site-apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ SITEURL }}/theme/images/site-favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ SITEURL }}/theme/images/site-favicon-16x16.png">
+
   {% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/styles.css", "css/fonts.css" %}
     <link rel="stylesheet" href="/{{ ASSET_URL }}">
   {% endassets %}
@@ -31,17 +35,24 @@
   -->
 </head>
 {% endblock %}
-<body class="poppins f4 trackedWide lh-title no-js colorSalmon bgColorWine">
-
+  <body class="poppins f4 trackedWide lh-title no-js colorSalmon bgColorWine">
+{% if template == 'index' %}
   <div class="w-100 mw9-ns center-ns h3 colorSalmonLink">
-    <a class="link dim" href="/"><h1 class="f4 ma0 pt3 ml3 ml5-l"><span class="fw4">offen.</span><span class="fw7">software</span></h1></a>
+    <a class="link dim" href="/"><h1 class="f4 logoPadding ma0 ml3 ml5-l"><span class="fw4">offen.</span><span class="fw7">software</span></h1></a>
   </div>
+{% else %}
+  <div class="w-100 mw9-ns center-ns h3 colorWineLink bgColorOrange">
+    <a class="link dim" href="/"><h1 class="f4 logoPadding ma0 ml3 ml5-l"><span class="fw4">offen.</span><span class="fw7">software</span></h1></a>
+  </div>
+{% endif %}
+
+
 
   {% block content %}{% endblock %}
 
   <div class="w-100 colorWine bgColorOrange">
 
-    <div class="w-100 mw9-ns center-ns flex flex-wrap justify-between pt5 pb6 ph3 ph5-l">
+    <div class="w-100 mw9-ns center-ns flex flex-wrap justify-between bottomPadding pt5 ph3 ph5-l">
 
       <div class="w-100 h3">
         <h1 class="f2 ma0 colorWineLink">
diff --git a/website/theme/templates/index.html b/website/theme/templates/index.html
index 54768d2..30655cb 100644
--- a/website/theme/templates/index.html
+++ b/website/theme/templates/index.html
@@ -82,7 +82,7 @@
       <img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l">
 
       <div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
-          <div class="wExtra32 h-auto colorSalmon bgColorWine ph3 pv4 pa4-l">
+          <div class="wExtra32 colorSalmon ph3 pv4 pa4-l">
             <div class="mw6-m center-m">
               <p class="fw7 f4 f2-l ma0 mb3">
                 We offer
@@ -96,7 +96,7 @@
               <p class="ma0 ml4-ns mb2">
                 Support and guidance with self hosting
               </p>
-              <p class="ma0 ml4-ns">
+              <p class="ma0 ml4-ns mb4">
                 MVP development
               </p>
             </div>
@@ -107,7 +107,7 @@
       <img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
       <img src="/theme/images/gfx-detail-3.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
 
-      <div class="wExtra24 h-auto h5-l colorSalmon bgColorWine ph3 pv4 pa4-l">
+      <div class="wExtra24 colorSalmon ph3 pv4 pa4-l">
         <div class="mw6-m center-m">
           <p class="fw7 f4 f2-l ma0 mb3">
             We created
@@ -118,7 +118,7 @@
           <p class="ma0 ml4-ns mb2 colorSalmonLink">
             <a class="link dim" href="https://www.analyticstxt.org/" rel="noopener" target="_blank">analytics.txt</a>
           </p>
-          <p class="ma0 ml4-ns colorSalmonLink">
+          <p class="ma0 ml4-ns colorSalmonLink mb4">
             <a class="link dim" href="https://github.com/offen/docker-volume-backup" rel="noopener" target="_blank">docker-volume-backup</a>
           </p>
         </div>
@@ -126,7 +126,7 @@
 
       <img src="/theme/images/gfx-detail-2.svg" alt="pattern" width="64px" height="128px" class="db self-start pl5 pa0-l">
 
-      <div class="wExtra24 h-auto h5-l colorSalmon bgColorWine ph3 pv4 pa4-l">
+      <div class="wExtra24 colorSalmon ph3 pv4 pa4-l">
         <div class="mw6-m center-m">
           <p class="fw7 f4 f2-l ma0 mb3">
             We worked with
@@ -140,7 +140,7 @@
           <p class="ma0 ml4-ns mb2">
             Ecosia
           </p>
-          <p class="ma0 ml4-ns">
+          <p class="ma0 ml4-ns mb4">
             Wikimedia
           </p>
         </div>
@@ -150,7 +150,7 @@
       <img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-end pr5 pa0-l">
 
       <div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
-        <div class="wExtra32 hExtra20 colorSalmon bgColorWine ph3 pv4 pa4-l">
+        <div class="wExtra32 colorSalmon ph3 pv4 pa4-l">
           <div class="mw6-m center-m">
             <p class="fw7 f4 f2-l ma0 mb3">
               We are
@@ -164,7 +164,7 @@
             <p class="ma0 ml5-ns ml2 mb2">
               Open Source Tomato Seeds
             </p>
-            <p class="ma0 ml5-ns ml2">
+            <p class="ma0 ml5-ns ml2 mb4">
               Psychological aspects of Software Development
             </p>
           </div>
@@ -175,7 +175,7 @@
       <img src="/theme/images/gfx-detail-3.svg" alt="pattern" width="64px" height="64px" class="db self-start pr5 pa0-l">
       <img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l">
 
-      <div class="wExtra32 hExtra20 colorSalmon bgColorWine ph3 pv4 pa4-l">
+      <div class="wExtra32 colorSalmon ph3 pv4 pa4-l">
         <div class="mw6-m center-m">
           <p class="fw7 f4 f2-l ma0 mb3">
             We are
@@ -189,7 +189,7 @@
           <p class="ma0 ml5-ns ml2 mb2">
             Literal present tense in Korean
           </p>
-          <p class="ma0 ml5-ns ml2">
+          <p class="ma0 ml5-ns ml2 mb4">
             Generative systems
           </p>
         </div>