add favicon, update layout

This commit is contained in:
Hendrik Niefeld 2024-01-16 20:28:15 +01:00
parent 28ebdb9490
commit 1a271574d5
8 changed files with 34 additions and 23 deletions

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.
save_as: index.html
template: index

View File

@ -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%;

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 }}">
<!--
<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">

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">
<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>