205 lines
7.6 KiB
HTML
205 lines
7.6 KiB
HTML
{% extends "page.html" %}
|
||
{% set index = True %}
|
||
|
||
{% block content %}
|
||
|
||
<div class="splashContent">
|
||
|
||
<div class="w-100 bgColorOrange">
|
||
<div class="mw7 center">
|
||
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCropSplash">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mw7 center paddingSplash mt4">
|
||
<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>
|
||
</h2>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="splashCta bgColorWine">
|
||
<div class="flex justify-center pb5">
|
||
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FOLD 1 -->
|
||
|
||
<div class="w-100 colorWine bgColorOrange">
|
||
|
||
<div class="w-100 bgColorOrange">
|
||
<div class="mw7 center">
|
||
<img src="/theme/images/gfx-content-1.svg" alt="pattern" width="768px" height="192px" class="db imageCrop">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mw7 center mv5 ph3 ph0-l">
|
||
|
||
<p class="ma0 mb4 ml6-l">
|
||
The world is in flux, and it’s a unique opportunity to <span class="fw7 f4 f2-l">facilitate change for the better.</span>
|
||
</p>
|
||
<p class="ma0 mr4 mr6-l">
|
||
We want to enable the makers that are driving this change by providing them with <span class="fw7 f4 f2-l">independent, fair and tailor made software </span>that meet the highest standards when it comes to transparency, integrity and privacy.
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<div class="w-100 bgColorOrange">
|
||
<div class="mw7 center">
|
||
<img src="/theme/images/gfx-content-2.svg" alt="pattern" width="768px" height="192px" class="db imageCrop">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mw7 center mt5 ph3 ph0-l">
|
||
|
||
<p class="ma0 mb4 ml6-l">
|
||
<span class="fw7 f4 f2-l">Located in Berlin</span>, we’re a small, reliable and well-rehearsed team of seniors that can take care of your software project from first brainstorming to going live.
|
||
</p>
|
||
<p class="ma0 mb4 mr6-l">
|
||
<span class="fw7 f4 f2-l">Working fully open source </span>allows us to be transparent, keep in touch with the community, and contribute back to an ever growing common body of freely available knowledge.
|
||
</p>
|
||
<p class="ma0 ml6-l">
|
||
Our clients value <span class="fw7 f4 f2-l">simple, resilient and accessible tools </span>that are effortless to run and maintain, and that everyone can use, reuse and benefit from.
|
||
</p>
|
||
<div class="flex justify-center pv5">
|
||
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorWine" href="mailto:hi@offen.software">Work with us</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- FOLD 2 -->
|
||
|
||
<div id="we">
|
||
|
||
<div class="w-100 mw9-l center-l pv5-l" >
|
||
|
||
<div class="flex flex-wrap justify-center">
|
||
|
||
<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 h5-l colorSalmon bgColorWine ph3 pv4 pa4-l">
|
||
<div class="mw6-m center-m">
|
||
<p class="fw7 f4 f2-l ma0 mb3">
|
||
We offer
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
Web Application and website development
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
Independent infrastructure solutions
|
||
</p>
|
||
<p class="ma0 ml4-ns ">
|
||
Support and guidance with self hosting
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db ml5 ma0-l">
|
||
</div>
|
||
|
||
<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="mw6-m center-m">
|
||
<p class="fw7 f4 f2-l ma0 mb3">
|
||
We created
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2 colorSalmonLink">
|
||
<a class="link dim" href="https://www.offen.dev/" rel="noopener" target="_blank">Offen Fair Web Analytics</a>
|
||
</p>
|
||
<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">
|
||
<a class="link dim" href="https://github.com/offen/docker-volume-backup" rel="noopener" target="_blank">docker-volume-backup</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<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="mw6-m center-m">
|
||
<p class="fw7 f4 f2-l ma0 mb3">
|
||
We worked with
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
NLNet
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
RBB
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
Ecosia
|
||
</p>
|
||
<p class="ma0 ml4-ns">
|
||
Wikimedia
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<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-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="mw6-m center-m">
|
||
<p class="fw7 f4 f2-l ma0 mb3">
|
||
We are
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
Frederik Ring, interested in
|
||
</p>
|
||
<p class="ma0 ml5-ns ml2 mb2">
|
||
Minimal Kubernetes distributions
|
||
</p>
|
||
<p class="ma0 ml5-ns ml2 mb2">
|
||
Open Source Tomato Seeds
|
||
</p>
|
||
<p class="ma0 ml5-ns ml2">
|
||
Psychological aspects of Software Development
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db mr5 ma0-l">
|
||
</div>
|
||
|
||
<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="mw6-m center-m">
|
||
<p class="fw7 f4 f2-l ma0 mb3">
|
||
We are
|
||
</p>
|
||
<p class="ma0 ml4-ns mb2">
|
||
Hendrik Niefeld, interested in
|
||
</p>
|
||
<p class="ma0 ml5-ns ml2 mb2">
|
||
Make things look good
|
||
</p>
|
||
<p class="ma0 ml5-ns ml2 mb2">
|
||
Literal present tense in Korean
|
||
</p>
|
||
<p class="ma0 ml5-ns ml2">
|
||
Generative systems
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<img src="/theme/images/gfx-detail-2.svg" alt="pattern" width="64px" height="128px" class="db self-end pr5 pa0-l">
|
||
<img src="/theme/images/gfx-detail-3.svg" alt="pattern" width="64px" height="64px" class="db self-start pr5 pa0-l">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
{% endblock %}
|