update-01-16 #13

Merged
hendr-ik merged 2 commits from update-01-16 into main 2024-01-16 20:31:41 +01:00
8 changed files with 34 additions and 23 deletions
Showing only changes of commit 1a271574d5 - Show all commits

View File

@ -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. description: We think up, create and ship software for organisations and individuals who embrace societal change.
save_as: index.html save_as: index.html
template: index template: index

View File

@ -61,13 +61,16 @@ LAYOUT
.gapExtra { .gapExtra {
grid-gap: 1rem; grid-gap: 1rem;
} }
.logoPadding {
padding-top: 1.2rem;
}
.bottomPadding {
padding-bottom: 12rem;
}
/* --------------------------------------------------- /* ---------------------------------------------------
SPACING SPACING
----------------------------------------------------*/ ----------------------------------------------------*/
.hExtra20 {
height: 20rem;
}
.wExtra24 { .wExtra24 {
width: 24rem; width: 24rem;
} }
@ -75,9 +78,6 @@ SPACING
width: 32rem; width: 32rem;
} }
@media only screen and (max-width: 60rem) { @media only screen and (max-width: 60rem) {
.hExtra20 {
height: auto;
}
.wExtra24, .wExtra24,
.wExtra32 { .wExtra32 {
width: 100%; width: 100%;

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 336 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 622 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -20,8 +20,12 @@
<link rel="canonical" href="{{ SITEURL }}"> <link rel="canonical" href="{{ SITEURL }}">
<!-- <!--
<meta property="og:image" content="{{ SITEURL }}/theme/images/###"> <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" %} {% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/styles.css", "css/fonts.css" %}
<link rel="stylesheet" href="/{{ ASSET_URL }}"> <link rel="stylesheet" href="/{{ ASSET_URL }}">
{% endassets %} {% endassets %}
@ -31,17 +35,24 @@
--> -->
</head> </head>
{% endblock %} {% 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"> <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> </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 %} {% block content %}{% endblock %}
<div class="w-100 colorWine bgColorOrange"> <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"> <div class="w-100 h3">
<h1 class="f2 ma0 colorWineLink"> <h1 class="f2 ma0 colorWineLink">

View File

@ -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"> <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="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"> <div class="mw6-m center-m">
<p class="fw7 f4 f2-l ma0 mb3"> <p class="fw7 f4 f2-l ma0 mb3">
We offer We offer
@ -96,7 +96,7 @@
<p class="ma0 ml4-ns mb2"> <p class="ma0 ml4-ns mb2">
Support and guidance with self hosting Support and guidance with self hosting
</p> </p>
<p class="ma0 ml4-ns"> <p class="ma0 ml4-ns mb4">
MVP development MVP development
</p> </p>
</div> </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-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"> <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"> <div class="mw6-m center-m">
<p class="fw7 f4 f2-l ma0 mb3"> <p class="fw7 f4 f2-l ma0 mb3">
We created We created
@ -118,7 +118,7 @@
<p class="ma0 ml4-ns mb2 colorSalmonLink"> <p class="ma0 ml4-ns mb2 colorSalmonLink">
<a class="link dim" href="https://www.analyticstxt.org/" rel="noopener" target="_blank">analytics.txt</a> <a class="link dim" href="https://www.analyticstxt.org/" rel="noopener" target="_blank">analytics.txt</a>
</p> </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> <a class="link dim" href="https://github.com/offen/docker-volume-backup" rel="noopener" target="_blank">docker-volume-backup</a>
</p> </p>
</div> </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"> <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"> <div class="mw6-m center-m">
<p class="fw7 f4 f2-l ma0 mb3"> <p class="fw7 f4 f2-l ma0 mb3">
We worked with We worked with
@ -140,7 +140,7 @@
<p class="ma0 ml4-ns mb2"> <p class="ma0 ml4-ns mb2">
Ecosia Ecosia
</p> </p>
<p class="ma0 ml4-ns"> <p class="ma0 ml4-ns mb4">
Wikimedia Wikimedia
</p> </p>
</div> </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"> <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="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"> <div class="mw6-m center-m">
<p class="fw7 f4 f2-l ma0 mb3"> <p class="fw7 f4 f2-l ma0 mb3">
We are We are
@ -164,7 +164,7 @@
<p class="ma0 ml5-ns ml2 mb2"> <p class="ma0 ml5-ns ml2 mb2">
Open Source Tomato Seeds Open Source Tomato Seeds
</p> </p>
<p class="ma0 ml5-ns ml2"> <p class="ma0 ml5-ns ml2 mb4">
Psychological aspects of Software Development Psychological aspects of Software Development
</p> </p>
</div> </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-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"> <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"> <div class="mw6-m center-m">
<p class="fw7 f4 f2-l ma0 mb3"> <p class="fw7 f4 f2-l ma0 mb3">
We are We are
@ -189,7 +189,7 @@
<p class="ma0 ml5-ns ml2 mb2"> <p class="ma0 ml5-ns ml2 mb2">
Literal present tense in Korean Literal present tense in Korean
</p> </p>
<p class="ma0 ml5-ns ml2"> <p class="ma0 ml5-ns ml2 mb4">
Generative systems Generative systems
</p> </p>
</div> </div>