meineerde/holgerjust.de
1
0
Fork 0
mirror of https://github.com/meineerde/holgerjust.de.git synced 2026-02-21 11:02:03 +00:00
Code Issues Releases Activity

Render home button with text similar to the menu button

Browse Source
This commit is contained in:
Holger Just 2016-01-19 16:08:35 +01:00
parent 259ad8504b
commit f4a1a39946
13 changed files with 22 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
config.rb
View File

@ -76,7 +76,6 @@ set :casper, {
description: 'Stories about Life and Technology',
date_format: '%Y-%m-%d',
navigation: true,
logo: 'home.svg',
default_license: 'cc_by_sa'
},
author: {

4
source/author.html.haml
View File

@ -7,9 +7,7 @@ cover_license: '[Cover Image](https://unsplash.com/photos/2ShvY8Lf6l0) by [Lukas
%header.main-header.author-head{cover}
%nav.main-nav.overlay.clearfix
- if blog_settings.logo.present?
%a.blog-logo{href: home_path}
= image_tag blog_settings.logo, alt: blog_settings.name
%a.home-button.icon-angle-left{href: home_path} Home
- if blog_settings.navigation
%a.menu-button.icon-menu{href: '#'}
%span.word Menu

6
source/fonts/icons.config.json
View File

@ -30,6 +30,12 @@
"code": 62981,
"src": "fontawesome"
},
{
"uid": "f3f90c8c89795da30f7444634476ea4f",
"css": "angle-left",
"code": 62990,
"src": "fontawesome"
},
{
"uid": "4743b088aa95d6f3b6b990e770d3b647",
"css": "facebook",

BIN
source/fonts/icons.eot
View File

Binary file not shown.

1
source/fonts/icons.svg
View File

@ -19,6 +19,7 @@
<glyph glyph-name="github" unicode="&#xf60b;" d="m183 133q0-12-4-24t-12-22-21-9-20 9-13 22-3 24 3 23 13 22 20 9 21-9 12-22 4-23z m183 0q0-12-4-24t-12-22-21-9-21 9-12 22-3 24 3 23 12 22 21 9 21-9 12-22 4-23z m45 0q0 34-19 58t-54 24q-11 0-55-6-21-3-45-3t-45 3q-44 6-56 6-34 0-53-24t-20-58q0-26 9-44t23-30 35-17 40-8 43-2h48q23 0 42 2t40 8 35 17 23 30 9 44z m64 50q0-59-17-95-11-22-30-38t-40-24-49-14-49-6-48-1q-22 0-40 0t-42 4-44 9-39 14-35 23-24 33q-18 35-18 95 0 68 39 113-8 23-8 49 0 33 15 62 31 0 54-11t54-36q42 10 88 10 43 0 80-9 30 24 54 35t54 11q14-29 14-62 0-25-7-48 38-46 38-114z" horiz-adv-x="475.4" />
<glyph glyph-name="xing" unicode="&#xf60c;" d="m171 289q-3-5-74-130-8-13-18-13h-69q-6 0-9 5t0 10l73 128q0 0 0 0l-46 80q-4 6-1 11 3 4 10 4h68q11 0 19-13z m230 184q3-5 0-11l-151-267v0l96-176q3-5 0-10-3-4-9-4h-68q-12 0-19 12l-97 178q5 9 152 269 7 13 18 13h69q6 0 9-4z" horiz-adv-x="402.3" />
<glyph glyph-name="mail" unicode="&#xf60d;" d="m512 277v-227q0-19-13-32t-33-13h-420q-19 0-33 13t-13 32v227q13-14 29-25 103-70 142-98 16-12 26-19t27-14 32-7h0q15 0 32 7t27 14 26 19q49 35 142 98 17 11 29 25z m0 84q0-22-14-43t-35-35q-107-75-134-93-2-2-12-9t-15-11-15-9-16-8-15-2h0q-7 0-15 2t-16 8-15 9-15 11-12 9q-26 18-75 52t-59 41q-18 12-33 33t-16 39q0 22 12 37t34 15h420q19 0 32-14t14-32z" horiz-adv-x="512" />
<glyph glyph-name="angle-left" unicode="&#xf60e;" d="m179 325q0-4-3-7l-112-112 112-113q3-2 3-6t-3-7l-14-14q-3-3-7-3t-6 3l-133 133q-3 3-3 7t3 6l133 133q3 3 6 3t7-3l14-14q3-3 3-6z" horiz-adv-x="182.8" />
</font>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
source/fonts/icons.ttf
View File

Binary file not shown.

BIN
source/fonts/icons.woff
View File

Binary file not shown.

9
source/images/home.svg
View File

@ -1,9 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="512px" height="523.304px" viewBox="0.328 0 512 523.304" enable-background="new 0.328 0 512 523.304" xml:space="preserve">
<g>
<path d="M505.582,239.729L272.632,6.754C268.309,2.431,262.445,0,256.333,0c-6.109,0-11.977,2.431-16.299,6.754L7.084,239.729 c-9.008,9.002-9.008,23.599,0,32.593c9.008,9.005,23.607,9.005,32.598,0l216.65-216.665l216.651,216.665 c4.491,4.503,10.4,6.754,16.299,6.754c5.887,0,11.797-2.251,16.299-6.754C514.576,263.328,514.576,248.731,505.582,239.729z" fill="#cccccc"/>
<path d="M416.803,255.15c-12.731,0-23.053,10.328-23.053,23.054v198.995H334.8V337.169c0-12.73-10.321-23.053-23.053-23.053H200.91 c-12.731,0-23.054,10.322-23.054,23.053v140.029h-58.94v-198.99c0-12.73-10.322-23.053-23.053-23.053 c-12.731,0-23.054,10.328-23.054,23.053v222.043c0,12.73,10.322,23.053,23.054,23.053H200.91c12.73,0,23.053-10.322,23.053-23.053 V360.222h64.732v140.029c0,12.73,10.322,23.053,23.053,23.053h105.056c12.73,0,23.053-10.322,23.053-23.053V278.208 C439.856,265.478,429.534,255.15,416.803,255.15z" fill="#cccccc"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

4
source/layouts/page.haml
View File

@ -1,9 +1,7 @@
= wrap_layout :layout do
%header.main-header.post-head{cover}
%nav.main-nav.clearfix{class: cover? ? 'overlay' : nil}
- if blog_settings.logo.present?
%a.blog-logo{href: home_path}
= image_tag blog_settings.logo, alt: blog_settings.name
%a.home-button.icon-angle-left{href: home_path} Home
- if blog_settings.navigation
%a.menu-button.icon-menu{href: '#'}
%span.word Menu

4
source/layouts/post.haml
View File

@ -1,9 +1,7 @@
= wrap_layout :layout do
%header.main-header.post-head{cover}
%nav.main-nav.clearfix{class: cover? ? 'overlay' : nil}
- if blog_settings.logo.present?
%a.blog-logo{href: home_path}
= image_tag blog_settings.logo, alt: blog_settings.name
%a.home-button.icon-angle-left{href: home_path} Home
- if blog_settings.navigation
%a.menu-button.icon-menu{href: '#'}
%span.word Menu

11
source/stylesheets/_icons.css.scss
View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icons';
src: url('../fonts/icons.eot?30442297');
src: url('../fonts/icons.eot?30442297#iefix') format('embedded-opentype'),
url('../fonts/icons.woff?30442297') format('woff'),
url('../fonts/icons.ttf?30442297') format('truetype'),
url('../fonts/icons.svg?30442297#icons') format('svg');
src: url('../fonts/icons.eot?82832280');
src: url('../fonts/icons.eot?82832280#iefix') format('embedded-opentype'),
url('../fonts/icons.woff?82832280') format('woff'),
url('../fonts/icons.ttf?82832280') format('truetype'),
url('../fonts/icons.svg?82832280#icons') format('svg');
font-weight: normal;
font-style: normal;
}
@ -32,3 +32,4 @@
.icon-github:before { content: '\f60b'; }
.icon-xing:before { content: '\f60c'; }
.icon-mail:before { content: '\f60d'; }
.icon-angle-left:before { content: '\f60e'; }

5
source/stylesheets/application.css.scss
View File

@ -3,6 +3,11 @@
@import 'syntax';
@import 'icons';
.home-button {
@extend .menu-button;
float: left;
}
.byline {
font-size: 1.8rem;
line-height: 1;

4
source/tag.html.haml
View File

@ -6,9 +6,7 @@ cover_license: '[Cover Image](https://unsplash.com/photos/2ShvY8Lf6l0) by [Lukas
%header.main-header.tag-head{cover}
%nav.main-nav.overlay.clearfix
- if blog_settings.logo.present?
%a.blog-logo{href: home_path}
= image_tag blog_settings.logo, alt: blog_settings.name
%a.home-button.icon-angle-left{href: home_path} Home
- if blog_settings.navigation
%a.menu-button.icon-menu{href: '#'}
%span.word Menu