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-extra {
color: #F5BEA7; color: #F5BEA7;
} }
/* ---------------------------------------------------
LAYOUT
----------------------------------------------------*/
/* --------------------------------------------------- /* ---------------------------------------------------
TYPOGRAPHY TYPOGRAPHY
----------------------------------------------------*/ ----------------------------------------------------*/
.trackedWide { .trackedWide {
letter-spacing: 0.04em; 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> </head>
{% endblock %} {% 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"> <main class="w-100">
<div class="mw7 center pa3"> <div class="mw7 center">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
</main> </main>

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

@ -2,10 +2,17 @@
{% set index = True %} {% set index = True %}
{% block content %} {% 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> <span class="fw4">offen.</span><span class="fw7">software</span>
</h1> </h1>
<p class="ma0"> </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> <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 %} {% endblock %}