diff options
author | Emiel Hollander <EmielH@users.noreply.github.com> | 2019-03-31 21:35:41 +0300 |
---|---|---|
committer | Emiel Hollander <EmielH@users.noreply.github.com> | 2019-03-31 21:35:41 +0300 |
commit | 22935f4f4febc9c25ab358f0c559e256a67adde4 (patch) | |
tree | f49d33fb3c13fb94add31ebcddaf205327cdbb81 /layouts |
Initial commit
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/404.html | 0 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 8 | ||||
-rw-r--r-- | layouts/index.html | 40 | ||||
-rw-r--r-- | layouts/partials/footer.html | 3 | ||||
-rw-r--r-- | layouts/partials/head.html | 37 | ||||
-rw-r--r-- | layouts/partials/header.html | 0 | ||||
-rw-r--r-- | layouts/partials/introduction.html | 2 |
7 files changed, 90 insertions, 0 deletions
diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/404.html diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..7015d25 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<html lang="{{ .Site.LanguageCode | default "en" }}"> + {{- partial "head.html" . -}} + <body> + {{- partial "header.html" . -}} + {{- block "main" . }}{{- end }} + </body> +</html> diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..694eae5 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,40 @@ +{{ define "main" }} + +<main> + <div class="portrait-container"> + <img src="{{ "images/portrait.jpg" | relURL }}" width="300" height="300" class="portrait" alt="Portrait" /> + </div> + + <div class="content"> + <h1>{{ .Site.Author.name | default "Stip" }}</h1> + <h2>{{ .Site.Author.bio | default "Hugo theme to introduce yourself" }}</h2> + <p>{{- partial "introduction.html" . -}}</p> + + <div class="links"> + {{- range .Site.Params.links -}} + <a href="{{ .url }}" title="{{ .title }}"> + <span class="{{ .iconset | default "fab" }} fa-{{ .icon }}"></span> + </a> + {{- end -}} + </div> + + {{- partial "footer.html" . -}} + </div> + + <!--div class="column left"> + <img src="images/portrait.jpg" width="300" height="300" class="portrait" alt="Portrait" /> + </div> + <div class="column right"> + {{- with .Param "greeting" -}} + <h1>{{ . }}</h1> + {{- else -}} + <h1>{{ i18n "hello" }}.</h1> + {{- end -}} + <h2>{{ i18n "i-am" }} {{ .Site.Author.name | default "Hallo" }}.</h2> + <p>{{- partial "introduction.html" . -}}</p> + + + </div--> +</main> + +{{ end }}
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..3ddc4a8 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,3 @@ +<div class="footer"> + {{ i18n "generator" | safeHTML }} +</div>
\ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html new file mode 100644 index 0000000..da2be99 --- /dev/null +++ b/layouts/partials/head.html @@ -0,0 +1,37 @@ +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + {{- if eq .URL "/" }} + <meta name="description" content="{{ .Site.Params.Description }}"> + {{- else if .Description }} + <meta name="description" content="{{ .Description }}"> + {{- end }} + + <title> + {{- if eq .URL "/" }} + {{ .Site.Title }} + {{- else }} + {{ .Title }} · {{ .Site.Title }} + {{- end }} + </title> + + <!-- CSS --> + {{- $inServerMode := .Site.IsServer }} + {{- $cssTarget := "css/style.css" }} + {{- $cssOptions := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }} + {{- $style := resources.Get "scss/stip.scss" | resources.ExecuteAsTemplate "style.hallo.scss" . | toCSS $cssOptions }} + <link rel="stylesheet" href="{{ $style.RelPermalink }}"> + + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400"> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous"> + + <!-- Favicon --> + <link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | relURL }}"> + <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | relURL }}"> + <link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | relURL }}"> + <link rel="manifest" href="{{ "site.webmanifest" | relURL }}"> + + <!-- RSS --> + <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" /> +</head> diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/layouts/partials/header.html diff --git a/layouts/partials/introduction.html b/layouts/partials/introduction.html new file mode 100644 index 0000000..feb6823 --- /dev/null +++ b/layouts/partials/introduction.html @@ -0,0 +1,2 @@ +<!--Stip is a single-page Hugo theme to introduce yourself. Add a portrait, an introduction, several links, and you're set. Create a partial called introduction.html on your own site to replace this standard introduction. Create a file called portrait.jpg in static/images to replace the standard portrait.--> +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque porta accumsan ex, eu auctor lacus condimentum ut. Suspendisse ut leo convallis risus fermentum blandit. Nam efficitur dui eros, nec fermentum lorem blandit at. Fusce tempus euismod arcu sed finibus.
\ No newline at end of file |