basics_01 #3

Merged
hendr-ik merged 21 commits from basics_01 into main 2023-11-13 09:46:15 +01:00
2 changed files with 34 additions and 18 deletions
Showing only changes of commit 09840a6523 - Show all commits

View File

@ -17,6 +17,17 @@ COLORS
/* --------------------------------------------------- /* ---------------------------------------------------
LAYOUT LAYOUT
----------------------------------------------------*/ ----------------------------------------------------*/
.mainContainer {
min-height:2000px;
}
.mainContent {
min-height:900px;
}
.mainCta {
position:-webkit-sticky;
position:sticky;
bottom:0;
}
.paddingExtra { .paddingExtra {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@ -34,6 +45,7 @@ LAYOUT
padding-left: 3rem; padding-left: 3rem;
} }
/* --------------------------------------------------- /* ---------------------------------------------------
TYPOGRAPHY TYPOGRAPHY
----------------------------------------------------*/ ----------------------------------------------------*/
@ -44,7 +56,6 @@ TYPOGRAPHY
letter-spacing: 0.15em; letter-spacing: 0.15em;
} }
/* --------------------------------------------------- /* ---------------------------------------------------
IMAGES IMAGES
----------------------------------------------------*/ ----------------------------------------------------*/

View File

@ -2,23 +2,28 @@
{% set index = True %} {% set index = True %}
{% block content %} {% block content %}
<div class="pt3 paddingExtra"> <div class="mainContainer">
<div class="mainContent">
<div class="pt3 paddingExtra">
<h1 class="f4 trackedWide ma0 mb3"> <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>
</div> </div>
<div class="w-100"> <div class="w-100">
<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 class="paddingExtra"> <div class="paddingExtra">
<p class="trackedWide ma0 mt3"> <p class="trackedWide ma0 mt3">
<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> </div>
<div class="w-100"> </div>
<div class="flex flex-column items-center"> <div class="mainCta">
<div class="w-100">
<div class="flex justify-center pb4">
<a class="link dim br1 f5 fw7 ttu trackedExtraWide dib buttonPadding colorWhite bgColorOrange" href="###" rel="noopener">Learn more</a> <a class="link dim br1 f5 fw7 ttu trackedExtraWide dib buttonPadding colorWhite bgColorOrange" href="###" rel="noopener">Learn more</a>
</div> </div>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}