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

layout 1

Browse Source
This commit is contained in:
Hendrik Niefeld 2023-11-09 20:40:55 +01:00
parent daa0488357
commit e174217f67
4 changed files with 39 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
website/theme/static/css/styles.css
View File

@ -7,9 +7,20 @@ COLORS
.color-extra {
color: #F5BEA7;
}
/* ---------------------------------------------------
LAYOUT
----------------------------------------------------*/
/* ---------------------------------------------------
TYPOGRAPHY
----------------------------------------------------*/
.trackedWide {
letter-spacing: 0.04em;
}
/* ---------------------------------------------------
IMAGES
----------------------------------------------------*/
.imageCrop {
object-fit: none;
}

13
website/theme/static/images/gfx-index.svg Normal file
View File

@ -0,0 +1,13 @@
<svg width="768" height="416" viewBox="0 0 768 416" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="768" height="416" fill="#E9500A"/>
<ellipse cx="70" cy="97" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="70" cy="319" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="698" cy="97" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="698" cy="319" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="384" cy="97" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="384" cy="319" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="227" cy="97" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="227" cy="319" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="541" cy="97" rx="70" ry="69" fill="#D9D9D9"/>
<ellipse cx="541" cy="319" rx="70" ry="69" fill="#D9D9D9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 748 B

4
website/theme/templates/base.html
View File

@ -31,10 +31,10 @@
-->
</head>
{% endblock %}
<body class="poppins f4 trackedWide lh-title no-js color-extra bgColor-extra">
<body class="poppins f4 f2-ns trackedWide lh-title no-js color-extra bgColor-extra">
<main class="w-100">
<div class="mw7 center pa3">
<div class="mw7 center">
{% block content %}{% endblock %}
</div>
</main>

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

@ -2,10 +2,17 @@
{% set index = True %}
{% block content %}
<h1 class="f4 trackedWide ma0 mb3">
<div class="pt3 ph3 ph0-l">
<h1 class="f4 trackedWide ma0 mb3">
<span class="fw4">offen.</span><span class="fw7">software</span>
</h1>
<p class="ma0">
</h1>
</div>
<div class="w-100">
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" class="db imageCrop">
</div>
<div class="ph3 pa0-l">
<p class="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>
</p>
</p>
</div>
{% endblock %}