offen.software/website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

illu 1

Browse Source
This commit is contained in:
Hendrik Niefeld 2023-11-10 23:51:18 +01:00
parent 973e2701c0
commit 219af789a9
3 changed files with 45 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
website/theme/static/images/gfx-content-1.svg Normal file
View File

@ -0,0 +1,17 @@
<svg width="768" height="192" viewBox="0 0 768 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_80_246)">
<rect width="64" height="64" fill="#4B1202"/>
<rect x="704" y="128" width="64" height="64" fill="#4B1202"/>
<rect x="448" y="64" width="64" height="64" fill="#4B1202"/>
<rect x="256" y="128" width="64" height="64" fill="#4B1202"/>
<circle cx="96" cy="32" r="32" fill="#4B1202"/>
<circle cx="96" cy="160" r="32" fill="#4B1202"/>
<circle cx="352" cy="96" r="32" fill="#4B1202"/>
<circle cx="672" cy="96" r="32" fill="#4B1202"/>
</g>
<defs>
<clipPath id="clip0_80_246">
<rect width="768" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 675 B

6
website/theme/static/images/gfx-content-2.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="768" height="192" viewBox="0 0 768 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="128" y="64" width="64" height="64" fill="#4B1202"/>
<rect x="512" y="128" width="64" height="64" fill="#4B1202"/>
<circle cx="96" cy="32" r="32" fill="#4B1202"/>
<circle cx="352" cy="160" r="32" fill="#4B1202"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 328 B

24
website/theme/templates/index.html
View File

@ -35,9 +35,15 @@
<!-- FOLD --> <!-- FOLD -->
<div class="w-100 colorWine bgColorOrange pv5 mt5 ph3 ph5-ns"> <div class="w-100 colorWine bgColorOrange pb5 mt5 ph3 ph5-ns">
<div class="mw7 center paddingExtra"> <div class="w-100 bgColorOrange mb3 mb4-ns">
<div class="mw7 center">
<img src="/theme/images/gfx-content-1.svg" alt="pattern" width="768px" height="192" class="db imageCrop">
</div>
</div>
<div class="mw7 center paddingExtra pb4">
<p class="ma0 mb3 ml4 ml6-ns"> <p class="ma0 mb3 ml4 ml6-ns">
The world is in flux, and it’s a unique opportunity to <span class="fw7 f4 f2-ns">facilitate change for the better.</span> The world is in flux, and it’s a unique opportunity to <span class="fw7 f4 f2-ns">facilitate change for the better.</span>
@ -45,6 +51,17 @@
<p class="ma0 mb3 mr4 mr6-ns"> <p class="ma0 mb3 mr4 mr6-ns">
We want to enable the makers that are driving this change by providing them with <span class="fw7 f4 f2-ns">independent, fair and tailor made software </span>that meet the highest standards when it comes to transparency, integrity and privacy. We want to enable the makers that are driving this change by providing them with <span class="fw7 f4 f2-ns">independent, fair and tailor made software </span>that meet the highest standards when it comes to transparency, integrity and privacy.
</p> </p>
</div>
<div class="w-100 bgColorOrange mb3 mb4-ns">
<div class="mw7 center">
<img src="/theme/images/gfx-content-2.svg" alt="pattern" width="768px" height="192" class="db imageCrop">
</div>
</div>
<div class="mw7 center paddingExtra pt4">
<p class="ma0 mb3 ml4 ml6-ns"> <p class="ma0 mb3 ml4 ml6-ns">
<span class="fw7 f4 f2-ns">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. <span class="fw7 f4 f2-ns">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>
@ -104,6 +121,9 @@
<div class="h2 h-auto-ns w-100 w3-ns bgColorOrange"> <div class="h2 h-auto-ns w-100 w3-ns bgColorOrange">
</div> </div>
<div class="h2 h-auto-ns w-100 w3-ns bgColorOrange">
</div>
<div class="w-100 w-auto-ns colorWhite bgColorOrange pa4"> <div class="w-100 w-auto-ns colorWhite bgColorOrange pa4">
<p class="fw7 f4 f2-ns ma0 mb3"> <p class="fw7 f4 f2-ns ma0 mb3">
We worked with We worked with