lupine/website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add grid-side theme

Browse Source
This commit is contained in:
Nick Thomas
2016-06-05 23:48:51 +01:00
commit 6db68a7341
266 changed files with 14033 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
themes/grid-side/layouts/partials/homepage/header-logo.html Normal file
View File

@@ -0,0 +1,17 @@
<div class="valign-wrapper" style="height: 100%;">
<span class="valign center white-text" style="
display: inline-block;
border: 2px solid #FFF;
background-color: rgba(0, 0, 0, 0.3);
padding: 15px 25px;
margin: 0 auto;
">
{{ with .name }}<h2>{{ . }}</h2>{{ end }}
{{ with .email }}<h5>{{ . }}</h5>{{ end }}
{{ with .description }}
<h2><hr></h2>
<h5>{{ . }}</h5>
{{ end }}
</span>
</div>

104
themes/grid-side/layouts/partials/homepage/single.html Normal file
View File

@@ -0,0 +1,104 @@
{{ partial "core/html-start.html" . }}
{{ partial "core/head.html" . }}
{{ $baseUrl := .Site.BaseURL }}
<body class="page-colors">
<div class="parallax">
{{ with .Site.Params.Header }}
<!-- NOTE: Must be at root level for firefox to work (cannot wrap in header) -->
<div class="parallax__group">
<div class="parallax__layer parallax__layer--base">
{{ partial "homepage/header-logo.html" . }}
</div>
<div class="parallax__layer parallax__layer--back {{ if .image }}fullsize-background-image{{ end }}"
{{ if .image }}
style="background-image: url('{{ $baseUrl }}{{ .image }}'); {{ with .image_position }}background-position: {{ . }};{{ end }}"
{{ else }}
style="background-color: {{ .color }}"
{{ end }}
></div>
</div>
{{ end }}
<div class="parallax__group parallax__group--auto-height">
<div class="parallax__layer parallax__layer--base">
<div class="row-colors center-align">
<h2 class="no-margin">
<ul class="horizontal no-bullets no-margin">
<li>{{ partial "homepage/svg-face.html" . }}</li>
<li>About Me</li>
</ul>
</h2>
</div>
<div class="flex-container">
{{ range .Site.Params.Cells.List }}
<!--
Note: The link and contents must be here since we
cannot pass .Site.BaseURL as part of the context
-->
<a href="{{ if .disable }}#!{{ else }}{{ $baseUrl }}{{ .link }}{{ end }}" class="flex-item">
<div class="cell
fill-container
no-padding
{{ if or .grayscale .disable }}grayscale{{ end }}
{{ if .disable }}no-change-on-hover{{ end }}
{{ if .image}}fullsize-background-image{{ end }}
" style="
{{ with .image }}
background-image: url('{{ $baseUrl }}{{ . }}');
{{ else }}
background-color: {{ .color }};
{{ end }}
{{ with .image_position }}
background-position: {{ . }};
{{ end }}
height: {{ with .height }}
{{ . }}
{{ else }}
33.33vh
{{ end }};
">
<!-- Show text permanently -->
{{ if eq .always_show_text true }}
<div class="center-items center-text fill-container black-overlay">
<h3 class="white-text">{{ .name }}</h3>
</div>
{{ end }}
{{ if not (or (eq .no_highlight true) .disable) }}
<div class="highlight-block">
<h3 class="white-text">{{ .name }}</h3>
</div>
{{ end }}
</div>
</a>
{{ end }}
</div>
{{ with .Site.Params.Footer }}
<div class="row-colors right-align">
<ul class="main-page-footer horizontal no-bullets no-margin">
{{ range .List }}
<li>
<a href="{{ .icon_link }}">
<i class="fa fa-{{ .icon_class }}"></i>
</a>
</li>
<li>|</li>
{{ end }}
<li>{{ $.Site.Copyright | markdownify }}</li>
</ul>
</div>
{{ end }}
</div>
</div>
</div>
{{ partial "core/js.html" . }}
</body>
{{ partial "core/html-end.html" . }}

5
themes/grid-side/layouts/partials/homepage/svg-face.html Normal file
View File

@@ -0,0 +1,5 @@
<!-- From Google's Material Design Icons -->
<svg class="face" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg">
<path d="M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zm6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 620 B