plantroon/planblog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

New header image style

Browse Source
This commit is contained in:
Keichi Takahashi 2015-02-04 00:14:48 +09:00
parent a79c1b8183
commit 052e93c752
3 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/header.html
View File

@ -34,7 +34,7 @@
</head> </head>
<body> <body>
<header class="global-header"> <header class="global-header">
<img class="header-img" src="{{ .Site.BaseUrl }}/images/bg.jpg" alt=""> <div class="header-img"></div>
<section class="header-text"> <section class="header-text">
<h1><a href="{{ .Site.BaseUrl }}">{{ .Site.Title }}</a></h1> <h1><a href="{{ .Site.BaseUrl }}">{{ .Site.Title }}</a></h1>
{{ if isset .Site.Params "bio" }} {{ if isset .Site.Params "bio" }}

2
static/css/main.css
View File

@ -12,6 +12,8 @@ main {
.header-img { .header-img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url(/images/bg.jpg);
background-size: cover;
} }
.header-text { .header-text {

BIN
static/images/bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 343 KiB