basics_01 #3

Merged
hendr-ik merged 21 commits from basics_01 into main 2023-11-13 09:46:15 +01:00
7 changed files with 188 additions and 151 deletions
Showing only changes of commit c21fef7769 - Show all commits

View File

@ -0,0 +1,34 @@
title: Imprint offen.software
template: page
slug: imprint
exclude_from_sitemap: true
### Imprint
#### External hosting
This website is hosted by an external service provider. Non-personal data on requests to this website are stored on the hoster's servers and automatically deleted after 7 days.
Responsible for hosting this website is:
Hetzner Online GmbH
Industriestr. 25
91710 Gunzenhausen, Germany
E-mail: info@hetzner.com
Internet address: www.hetzner.com
#### Data processing / Information in accordance with Section 5 TMG
Data processing on this website is handled by the website operator. If you have any questions about data protection, please feel free to contact us at any time. Responsible for data processing and general contact for this website is:
Frederik Ring
Cuxhavener Str. 12
10555 Berlin, Germany
E-mail: hioffen@posteo.de
Internet address: www.offen.dev
#### Contact by e-mail
If you contact us by e-mail, your request including all resulting personal data (name, request) will be stored by us for the purpose of processing your request. We will not disclose your data without your consent. It remains stored with us until you request us to delete it or revoke your consent to store it.
#### License
The content of this website itself is licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License, and the underlying source code used to format and display that content is licensed under the GNU Affero General Public License v3.0.

View File

@ -1,5 +1,5 @@
title: offen.software
description: TBD
description: We think up, create and ship software for organisations and individuals who embrace societal change.
save_as: index.html
template: index
sitemap_priority: 1.0

View File

@ -58,9 +58,6 @@ MARKDOWN = {
}
DECORATE_CONTENT = {
'h2': ['ma0'],
'h3': ['ma0'],
'h4': ['ma0'],
'h5': ['ma0'],
'h6': ['ma0']
'h3': ['ma0 f4'],
'h4': ['ma0 f4 normal mt5'],
}

View File

@ -61,6 +61,7 @@ LAYOUT
.gapExtra {
grid-gap: 1rem;
}
/* ---------------------------------------------------
SPACING
----------------------------------------------------*/
@ -96,6 +97,16 @@ TYPOGRAPHY
/* ---------------------------------------------------
IMAGES
----------------------------------------------------*/
.imageCropSplash {
height: 448px;
object-fit: none;
}
@media only screen and (max-height: 800px) {
.imageCropSplash {
height: 320px;
object-fit: none;
}
}
.imageCrop {
object-fit: none;
}

View File

@ -33,9 +33,52 @@
{% endblock %}
<body class="poppins f4 trackedWide lh-title no-js colorSalmon bgColorWine">
<main class="w-100">
<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>
</div>
{% block content %}{% endblock %}
</main>
<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 h3">
<h1 class="f2 ma0 colorWineLink">
<a class="link dim" href="/"><span class="fw4">offen.</span><span class="fw7">software</span></a>
</h1>
</div>
<div class="w-100 w-50-ns">
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="mailto:hi@offen.software">hi@offen.software</a>
</p>
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="https://www.linkedin.com/company/hioffen/" rel="noopener" target="_blank">LinkedIn</a>
</p>
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="/imprint/">Imprint</a>
</p>
</div>
<div class="w-100 w-50-ns">
<p class="ma0 mb2 tl tr-ns colorWineLink">
<a class="link dim" href="https://git.offen.dev/offen.software/website" rel="noopener" target="_blank">Source code for this website</a>
</p>
<p class="fw7 ma0 tl tr-ns colorWineLink">
<a class="link dim" href="mailto:hi@offen.software">Work with us</a>
</p>
</div>
</div>
<div class="w-100 bgColorOrange">
<div class="mw7 center">
<img src="/theme/images/gfx-content-3.svg" alt="pattern" width="768px" height="128px" class="db imageCrop">
</div>
</div>
</div>
<script>
document.body.classList.remove('no-js');

View File

@ -3,17 +3,11 @@
{% block content %}
<!-- HEADER -->
<div class="splashContent">
<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>
</div>
<div class="w-100 bgColorOrange">
<div class="mw7 center">
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCrop">
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCropSplash">
</div>
</div>
@ -79,7 +73,9 @@
<!-- FOLD 2 -->
<div class="w-100 mw9-l center-l mv5-l" id="we">
<div id="we">
<div class="w-100 mw9-l center-l pv5-l" >
<div class="flex flex-wrap justify-center">
@ -201,54 +197,8 @@
</div>
</div>
<!-- FOOTER -->
<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 h3">
<h1 class="f2 ma0 colorWineLink">
<a class="link dim" href="/"><span class="fw4">offen.</span><span class="fw7">software</span></a>
</h1>
</div>
<div class="w-100 w-50-ns">
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="mailto:hi@offen.software">hi@offen.software</a>
</p>
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="https://www.linkedin.com/company/hioffen/" rel="noopener" target="_blank">LinkedIn</a>
</p>
<p class="ma0 mb2 colorWineLink">
<a class="link dim" href="/imprint/">Imprint</a>
</p>
</div>
<div class="w-100 w-50-ns">
<p class="ma0 mb2 tl tr-ns colorWineLink">
<a class="link dim" href="https://git.offen.dev/offen.software/website" rel="noopener" target="_blank">Source code for this website</a>
</p>
<p class="fw7 ma0 tl tr-ns colorWineLink">
<a class="link dim" href="mailto:hi@offen.software">Work with us</a>
</p>
</div>
</div>
</div>
<div class="w-100 bgColorOrange">
<div class="mw7 center">
<img src="/theme/images/gfx-content-3.svg" alt="pattern" width="768px" height="128px" class="db imageCrop">
</div>
</div>
{% endblock %}

View File

@ -6,5 +6,7 @@
{% set template = page.template %}
{% block content %}
<div class="mw7 center mv5 ph3 ph0-l">
{{ page.content }}
</div>
{% endblock %}