basics_01 #1
@ -37,12 +37,12 @@ LAYOUT
|
|||||||
position: sticky;
|
position: sticky;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
.paddingExtra {
|
.paddingSplash {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 48rem) {
|
@media only screen and (max-width: 48rem) {
|
||||||
.paddingExtra {
|
.paddingSplash {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -7,20 +7,20 @@
|
|||||||
|
|
||||||
<div class="splashContent">
|
<div class="splashContent">
|
||||||
|
|
||||||
<div class="w-100 pt3 ph3">
|
<div class="w-100 pt3 ph3 ph5-ns mb3 mb4-m mb5-l">
|
||||||
<h1 class="f4 ma0 mb3">
|
<h1 class="f4 ma0">
|
||||||
<span class="fw4">offen.</span><span class="fw7">software</span>
|
<span class="fw4">offen.</span><span class="fw7">software</span>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-100 bgColorOrange">
|
<div class="w-100 bgColorOrange mb3 mb4-ns">
|
||||||
<div class="mw7 center">
|
<div class="mw7 center">
|
||||||
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="432" class="db imageCrop">
|
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="432" class="db imageCrop">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mw7 center paddingExtra">
|
<div class="mw7 center paddingSplash">
|
||||||
<h2 class="f4 f2-ns ma0 mt3">
|
<h2 class="f4 f2-ns ma0">
|
||||||
<span class="fw4">We </span><span class="fw7">think up, create and ship </span><span class="fw4">software for organisations and individuals who embrace </span><span class="fw7">societal change.</span>
|
<span class="fw4">We </span><span class="fw7">think up, create and ship </span><span class="fw4">software for organisations and individuals who embrace </span><span class="fw7">societal change.</span>
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
@ -35,7 +35,7 @@
|
|||||||
|
|
||||||
<!-- FOLD -->
|
<!-- FOLD -->
|
||||||
|
|
||||||
<div class="w-100 colorWine bgColorOrange pv5 mt5">
|
<div class="w-100 colorWine bgColorOrange pv5 mt5 ph3 ph5-ns">
|
||||||
|
|
||||||
<div class="mw7 center paddingExtra">
|
<div class="mw7 center paddingExtra">
|
||||||
|
|
||||||
@ -64,11 +64,11 @@
|
|||||||
|
|
||||||
<!-- FOLD -->
|
<!-- FOLD -->
|
||||||
|
|
||||||
<div class="w-100 pv5 ph3">
|
<div class="w-100 w-auto-ns pt5 pb6 ph3">
|
||||||
|
|
||||||
<div class="flex flex-wrap justify-center gapExtra">
|
<div class="flex flex-wrap justify-center gapExtra">
|
||||||
|
|
||||||
<div class="colorWhite bgColorOrange pa4">
|
<div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
|
||||||
<p class="fw7 ma0 mb3">
|
<p class="fw7 ma0 mb3">
|
||||||
We offer
|
We offer
|
||||||
</p>
|
</p>
|
||||||
@ -83,7 +83,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="colorWhite bgColorOrange pa4">
|
<div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
|
||||||
<p class="fw7 ma0 mb3">
|
<p class="fw7 ma0 mb3">
|
||||||
We created
|
We created
|
||||||
</p>
|
</p>
|
||||||
@ -98,7 +98,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="colorWhite bgColorOrange pa4">
|
<div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
|
||||||
<p class="fw7 ma0 mb3">
|
<p class="fw7 ma0 mb3">
|
||||||
We worked with
|
We worked with
|
||||||
</p>
|
</p>
|
||||||
@ -116,12 +116,12 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="colorWhite bgColorOrange pa4">
|
<div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
|
||||||
<p class="fw7 ma0 mb3">
|
<p class="fw7 ma0 mb3">
|
||||||
We are Frederik Ring
|
We are
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 mb2">
|
||||||
Currently interested in
|
Frederik Ring, interested in
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 mb2">
|
||||||
Minimal Kubernetes distributions
|
Minimal Kubernetes distributions
|
||||||
@ -134,12 +134,12 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="colorWhite bgColorOrange pa4">
|
<div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
|
||||||
<p class="fw7 ma0 mb3">
|
<p class="fw7 ma0 mb3">
|
||||||
We are Hendrik Niefeld
|
We are
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 mb2">
|
||||||
Currently interested in
|
Hendrik Niefeld, interested in
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 mb2">
|
<p class="ma0 mb2">
|
||||||
Generative systems
|
Generative systems
|
||||||
@ -148,7 +148,7 @@
|
|||||||
Literal present tense in Korean
|
Literal present tense in Korean
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0">
|
<p class="ma0">
|
||||||
Sociological aspects of hyperpolitics
|
###
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -156,4 +156,40 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- FOOTER -->
|
||||||
|
|
||||||
|
<div class="w-100 colorWine bgColorOrange pt5 pb6 ph3 ph5-ns">
|
||||||
|
|
||||||
|
<div class="flex flex-row-l flex-column justify-between">
|
||||||
|
|
||||||
|
<div class="w-100 w-50-ns">
|
||||||
|
<p class="ma0 mb2">
|
||||||
|
hi@offen.software
|
||||||
|
</p>
|
||||||
|
<p class="ma0 mb2">
|
||||||
|
LinkedIn
|
||||||
|
</p>
|
||||||
|
<p class="ma0 mb2">
|
||||||
|
Imprint
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-100 w-50-ns">
|
||||||
|
<p class="ma0 mb2 tl tr-l">
|
||||||
|
Source code for this website
|
||||||
|
</p>
|
||||||
|
<p class="ma0 tl tr-l">
|
||||||
|
Work with us
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user