bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +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; border-radius: $border-radius;
&:before { &:before {
opacity: .9; opacity: .85;
} }
&:hover, &:hover,

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

@ -1,7 +1,7 @@
.header { .header {
@extend .background--photo; @extend .background--photo;
background-image: url('../img/header-berlin.jpg'); background-image: url('../img/header-berlin.jpg');
background-position: center bottom; background-position: center center;
} }
.header__content { .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" title: "Tutorial: Car Telemetry App"
tagline: Learn how to build telemetry apps to track specific dynamic parameters of an asset. 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: 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 }}')" {% <header role="banner" class="header"
endif %}> {% 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 %} {% include menu-main.html %}

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

@ -10,7 +10,7 @@
{% for guide in site.guides limit: 4 %} {% for guide in site.guides limit: 4 %}
<div class="grid__col"> <div class="grid__col">
<article class="guide"> <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> <h1 class="guide__title">{{ guide.title }}</h1>
<p class="guide__tagline">{{ guide.tagline }}</p> <p class="guide__tagline">{{ guide.tagline }}</p>
</a> </a>

2
_src/_layouts/guide.html
View File

@ -24,7 +24,7 @@ layout: base
{% unless page.id == guide.id %} {% unless page.id == guide.id %}
<div class="grid__col"> <div class="grid__col">
<article class="guide"> <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> <h1 class="guide__title">{{ guide.title }}</h1>
</a> </a>
</article> </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 %} {% for guide in site.guides %}
<div class="grid__col"> <div class="grid__col">
<article class="guide"> <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> <h1 class="guide__title">{{ guide.title }}</h1>
<p class="guide__tagline">{{ guide.tagline }}</p> <p class="guide__tagline">{{ guide.tagline }}</p>
</a> </a>