bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-25 03:03:16 +01:00
Code Releases Activity

play with guide photo headers

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-11-17 16:45:20 +01:00
parent 7aa0636734
commit 15118d1245
Signed by: m
GPG Key ID: 606EEEF3C479A91F
8 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_src/_assets/styles/_page-guides.scss
View File

@ -50,7 +50,7 @@
border-radius: $border-radius;
&:before {
opacity: .9;
opacity: .85;
}
&:hover,

2
_src/_assets/styles/bigchain/_header.scss
View File

@ -1,7 +1,7 @@
.header {
@extend .background--photo;
background-image: url('../img/header-berlin.jpg');
background-position: center bottom;
background-position: center center;
}
.header__content {

BIN
_src/_guides/header-car.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

2
_src/_guides/tutorial-car-telemetry-app.md
View File

@ -3,7 +3,7 @@ layout: guide
title: "Tutorial: Car Telemetry App"
tagline: Learn how to build telemetry apps to track specific dynamic parameters of an asset.
header: photo4.jpg
header: header-car.jpg
---
You will learn:

10
_src/_includes/header.html
View File

@ -1,5 +1,11 @@
<header role="banner" class="header" {% if page.header %}style="background-image:url('/assets/img/{{ page.header }}')" {%
endif %}>
<header role="banner" class="header"
{% if page.header %}
{% if page.path contains '_guides' %}
style="background-image:url('../{{ page.header }}')"
{% else %}
style="background-image:url('/assets/img/{{ page.header }}')"
{% endif %}
{% endif %}>
{% include menu-main.html %}

2
_src/_includes/sections/section-guides.html
View File

@ -10,7 +10,7 @@
{% for guide in site.guides limit: 4 %}
<div class="grid__col">
<article class="guide">
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/assets/img/{{ guide.header }}')" {% endif %}>
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/guides/{{ guide.header }}')" {% endif %}>
<h1 class="guide__title">{{ guide.title }}</h1>
<p class="guide__tagline">{{ guide.tagline }}</p>
</a>

2
_src/_layouts/guide.html
View File

@ -24,7 +24,7 @@ layout: base
{% unless page.id == guide.id %}
<div class="grid__col">
<article class="guide">
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/assets/img/{{ guide.header }}')" {% endif %}>
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('../{{ guide.header }}')" {% endif %}>
<h1 class="guide__title">{{ guide.title }}</h1>
</a>
</article>

2
_src/guides.html
View File

@ -11,7 +11,7 @@ tagline: "These guides explain you how to get started and build apps with Bigcha
{% for guide in site.guides %}
<div class="grid__col">
<article class="guide">
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('/assets/img/{{ guide.header }}')" {% endif %}>
<a href="{{ guide.url }}" {% if guide.header %}style="background-image:url('./{{ guide.header }}')" {% endif %}>
<h1 class="guide__title">{{ guide.title }}</h1>
<p class="guide__tagline">{{ guide.tagline }}</p>
</a>