Skip to content
Snippets Groups Projects
Verified Commit 1f4a11fe authored by Nik | Klampfradler's avatar Nik | Klampfradler
Browse files

Add colour to section on index page

parent e00ff270
No related branches found
No related tags found
1 merge request!28Neue Website basierend auf Zola
Hide whitespace changes
Inline Side-by-side
sass/_teckids.scss
+ 15
− 0
View file @ 1f4a11fe
@import "../node_modules/bulma/sass/utilities/functions.sass";
$teckids-orange: #ff6600;
$teckids-orange-light: findLightColor($teckids-orange);
$teckids-orange-dark: findDarkColor($teckids-orange);
$teckids-blue: #0084ff;
$teckids-blue-light: findLightColor($teckids-blue);
$teckids-blue-dark: findDarkColor($teckids-blue);
$projects: hack-n-fun, schul-frei, indiedact;
$project-colors: (
......@@ -17,3 +24,11 @@ $project-colors: (
border-color: map-get($project-colors, $project);
}
}
.has-teckids-orange-light-bg {
background-color: $teckids-orange-light;
}
.has-teckids-blue-light-bg {
background-color: $teckids-blue-light;
}
\ No newline at end of file
templates/base.html
+ 1
− 1
View file @ 1f4a11fe
......@@ -21,7 +21,7 @@
{% include "menu.html" %}
</header>
<main class="section">
<main>
{% block main %}{% endblock %}
</main>
</body>
......
templates/frontpage/blocks/claim.html
+ 15
− 13
View file @ 1f4a11fe
<section class="section">
<div class="columns is-centered is-half">
<h1 class="title is-1">{{ section.extra.headlines.claims }}</h1>
</div>
<div class="columns">
{% for claim in section.extra.claims %}
<div class="column">
<div class="box is-shadowless">
<h1 class="title is-3">{{ claim.title }}</h1>
<p>
{{ claim.content }}
</p>
<section class="section has-teckids-orange-light-bg">
<div class="container">
<div class="columns is-centered is-half">
<h1 class="title is-1">{{ section.extra.headlines.claims }}</h1>
</div>
<div class="columns">
{% for claim in section.extra.claims %}
<div class="column">
<div class="box is-shadowless">
<h1 class="title is-3">{{ claim.title }}</h1>
<p>
{{ claim.content }}
</p>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
templates/frontpage/blocks/news.html
+ 67
− 74
View file @ 1f4a11fe
<section class="section">
<div class="columns is-centered is-half">
<h1 class="title is-1">{{ section.extra.headlines.news }}</h1>
</div>
<div class="columns is-same-height">
<div class="column">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-4by3">
<img
src="https://bulma.io/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="subtitle is-6">person</p>
<p class="title is-4">name</p>
</div>
<div class="container">
<div class="columns is-centered is-half">
<h1 class="title is-1">{{ section.extra.headlines.news }}</h1>
</div>
<div class="columns is-same-height">
<div class="column">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image" />
</figure>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
iaculis mauris.
<br />
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="subtitle is-6">person</p>
<p class="title is-4">name</p>
</div>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
iaculis mauris.
<br />
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-4by3">
<img
src="https://bulma.io/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="subtitle is-6">person</p>
<p class="title is-4">name</p>
</div>
<div class="column">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image" />
</figure>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
iaculis mauris.
<br />
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="subtitle is-6">person</p>
<p class="title is-4">name</p>
</div>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
iaculis mauris.
<br />
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
</div>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-4by3">
<img
src="https://bulma.io/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="subtitle is-6">person</p>
<p class="title is-4">name</p>
</div>
<div class="column">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image" />
</figure>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
iaculis mauris.
<br />
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="subtitle is-6">person</p>
<p class="title is-4">name</p>
</div>
</div>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
iaculis mauris.
<br />
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
\ No newline at end of file
templates/frontpage/blocks/projects.html
+ 25
− 26
View file @ 1f4a11fe
{% set projects_section = get_section(path="projekte/_index.md") %}
<section class="section">
<div class="columns is-centered is-half">
<h1 class="title is-1">{{ section.extra.headlines.projects }}</h1>
</div>
<div class="columns">
{% for project_section_path in projects_section.subsections %}
{% set project_section = get_section(path=project_section_path) %}
<div class="column">
<div class="card">
<figure class="image is-4by3">
<img
src="https://bulma.io/images/placeholders/1280x960.png"
alt="Placeholder image"
/>
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">{{ project_section.title }}</p>
</div>
<section class="section has-teckids-blue-light-bg">
<div class="container">
<div class="columns is-centered is-half">
<h1 class="title is-1">{{ section.extra.headlines.projects }}</h1>
</div>
<div class="columns">
{% for project_section_path in projects_section.subsections %}
{% set project_section = get_section(path=project_section_path) %}
<div class="column">
<div class="card">
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image" />
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">{{ project_section.title }}</p>
</div>
</div>
<div class="content">
{{ project_section.description }}
<br />
<div class="content">
{{ project_section.description }}
<br />
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
</section>
\ No newline at end of file
templates/index.html
+ 4
− 6
View file @ 1f4a11fe
{% extends "base.html" %}
{% block main %}
<div class="container">
{% include "frontpage/blocks/claim.html" %}
{% include "frontpage/blocks/news.html" %}
{% include "frontpage/blocks/projects.html" %}
{% include "frontpage/blocks/events.html" %}
</div>
{% include "frontpage/blocks/claim.html" %}
{% include "frontpage/blocks/news.html" %}
{% include "frontpage/blocks/projects.html" %}
{% include "frontpage/blocks/events.html" %}
{% endblock %}
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