Commit a51c8464 authored by Hanna Schraffenberger's avatar Hanna Schraffenberger
Browse files

Changed menu

parent f8947ad4
<section class="block block-hero-2"
{% if section.background_image %}
style="background-image: url('{{ section.background_image | relative_url }}')"
{% endif %}>
<div class="container">
<div class="columns">
<div class="column text">
<h1><span class="light">{{ section.headline }}</span></h1>
<p>{{ section.content }}</p>
{% if section.cta and section.cta.enabled == true %}
<a class="button primary inverted" href="{{ section.ctaiOS.url }}">{{ section.ctaiOS.button_text }}</a>
<a class="button primary inverted" href="{{ section.ctaAndroid.url }}">{{ section.ctaAndroid.button_text }}</a>
{% endif %}
</div>
<div class="column media">
<img src="{{ section.image.image | relative_url }}" alt="{{ section.image.alt_text }}">
</div>
</div>
</div>
</section>
\ No newline at end of file
/* Changing header */ /* Changing header */
.block-header-2--logo img { .block-header-1--logo img {
max-height: 4.0rem max-height: 4.0rem
} }
.block-header-2 { .block-header-1 {
padding: 0.5rem 2rem padding: 0.5rem 2rem
} }
...@@ -31,11 +31,11 @@ header { ...@@ -31,11 +31,11 @@ header {
color:#004C92 color:#004C92
} }
.block-header-2 .nav-item.active a { .block-header-1 .nav-item.active a {
color:#004C92 color:#004C92
} }
.block-header-2 .nav-item.active a:hover { .block-header-1 .nav-item.active a:hover {
color:#004C92 color:#004C92
} }
...@@ -88,17 +88,17 @@ header { ...@@ -88,17 +88,17 @@ header {
/* Make menu look good on small screens , based on: https://www.w3schools.com/howto/howto_js_topnav_responsive.asp*/ /* Make menu look good on small screens , based on: https://www.w3schools.com/howto/howto_js_topnav_responsive.asp*/
/* Hide the link that should open and close the topnav on small screens */ /* Hide the link that should open and close the topnav on small screens */
.block-header-2--nav .icon { .block-header-1--nav .icon {
display: none; display: none;
} }
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.block-header-2--nav li:not(:first-child) { .block-header-1--nav li:not(:first-child) {
display: none display: none
} }
.block-header-2--nav a.icon { .block-header-1--nav a.icon {
float: right; float: right;
display: block display: block
} }
...@@ -106,15 +106,15 @@ header { ...@@ -106,15 +106,15 @@ header {
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.block-header-2--nav.responsive { .block-header-1--nav.responsive {
position: relative position: relative
} }
.block-header-2--nav.responsive a.icon { .block-header-1--nav.responsive a.icon {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0 top: 0
} }
.block-header-2--nav.responsive li { .block-header-1--nav.responsive li {
float: none; float: none;
display: block; display: block;
text-align: left; text-align: left;
......
...@@ -27,7 +27,11 @@ page_sections: ...@@ -27,7 +27,11 @@ page_sections:
block: hero-2 block: hero-2
headline: Get IRMA. <br><strong>The digital passport that protects your privacy.</strong> headline: Get IRMA. <br><strong>The digital passport that protects your privacy.</strong>
content: IRMA stores your credentials on your phone<br> and keeps <em>your</em> data in <em>your</em> pocket. content: IRMA stores your credentials on your phone<br> and keeps <em>your</em> data in <em>your</em> pocket.
cta: ctaiOS:
enabled: true
url: https://github.com/forestryio/ubuild-jekyll
button_text: 'Get IRMA for iOS'
ctaAndroid:
enabled: true enabled: true
url: https://github.com/forestryio/ubuild-jekyll url: https://github.com/forestryio/ubuild-jekyll
button_text: 'Get IRMA for iOS' button_text: 'Get IRMA for iOS'
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment