diff options
author | wileybaba <wileymckayconte@gmail.com> | 2018-10-31 09:03:26 +0300 |
---|---|---|
committer | wileybaba <wileymckayconte@gmail.com> | 2018-10-31 09:03:26 +0300 |
commit | 23a9b1ff401bf6238011cdfed4219605a20af728 (patch) | |
tree | c2595a904e58e97a715b2fa6faf9fb4b60ea1b9b /layouts |
adding my theme to github
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/404.html | 12 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 97 | ||||
-rw-r--r-- | layouts/index.html | 51 | ||||
-rw-r--r-- | layouts/partials/content.html | 6 | ||||
-rw-r--r-- | layouts/partials/footer.html | 71 | ||||
-rw-r--r-- | layouts/partials/header.html | 54 | ||||
-rw-r--r-- | layouts/portfolio/list.html | 29 |
7 files changed, 320 insertions, 0 deletions
diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..d552a63 --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,12 @@ +{{ define "main" }} + <div class="container"> + <div class="my-5 text-center"> + {{ if isset .Site.Params "logofile" }} + <img src="{{ .Site.Params.logofile | absURL }}" alt="logo" style="max-height:125px;" /> + {{ end }} + <h1 class="my-5">404</h1> + <h2 class="mb-3">The page you were looking for does not exist.</h2> + <a href="/">Visit the home page</a> + </div> + </div> +{{ end }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..8a08945 --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,97 @@ +<!DOCTYPE html> +<html lang="{{ .Site.LanguageCode }}"> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <title>{{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }}</title> + <meta name="HandheldFriendly" content="True"> + <meta name="MobileOptimized" content="320"> + <meta name="referrer" content="no-referrer"> + <meta name="description" content="{{ .Description | default .Site.Params.description }}"> + <meta property="og:site_name" content="{{ .Site.Title }}" /> + <meta property="og:locale" content="nn_NO" /> + <meta property="og:type" content="article" /> + <meta property="og:url" content="{{ .Permalink }}" /> + <meta property="og:title" content="{{ if .Title }}{{ .Title }}{{ else }}{{ .Site.Title }}{{ end }}" /> + <meta property="og:image" content="{{ .Site.BaseURL }}{{ .Params.meta_img | default .Site.Params.logofile }}" /> + <meta property="og:description" content="{{ .Description | default .Site.Params.description }}" /> + + {{ if .Site.Params.twitter }} + <meta property="twitter:site" content="@{{ .Site.Params.twitter }}"> + {{ end }} + + <meta property="twitter:title" content="{{ .Title | default .Site.Title }}" /> + <meta property="twitter:image" content="{{ .Site.BaseURL }}{{ .Params.meta_img | default .Site.Params.logofile }}" /> + <meta property="twitter:card" content="summary" /> + <meta property="twitter:description" content="{{ .Description | default .Site.Params.description }}" /> + + <link rel="canonical" href="{{ .Permalink }}"> + + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha256-eSi1q2PG6J7g7ib17yAaWMcrr5GrtohYChqibrV7PBE=" crossorigin="anonymous" /> + + <link rel="stylesheet" href="{{ "css/main.css" | absURL }}"/> + + {{ if .Site.Params.highlightjs }} + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/vs.min.css" integrity="sha256-w6kCMnFvhY2tI1OnsYR/rb5DG9yFGodJknvFZOkp51E=" crossorigin="anonymous" /> + {{ end }} + + {{ if .Site.Params.progressively }} + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/progressively/1.2.5/progressively.min.css" integrity="sha256-xbqLYBMsjpuCihs+3Fgp/MFMtPdo2SWKoOjEWOqR4X0=" crossorigin="anonymous" /> + {{ end }} + + <link rel="shortcut icon" + href="{{ if .Site.Params.faviconfile }}{{ .Site.Params.faviconfile | absURL }}{{ else }}{{ .Site.BaseURL }}img/favicon.ico{{ end }}"> + + <noscript> + <link href="https://fonts.googleapis.com/css?family=Raleway:400,600,700" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,700,700i" rel="stylesheet"> + </noscript> +</head> + +<body> + {{ block "main" . }}{{ end }} + + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js" integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha256-VsEqElsCHSGmnmHXGQzvoWjWwoznFSZc6hs7ARLRacQ=" crossorigin="anonymous"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js" integrity="sha256-4O4pS1SH31ZqrSO2A/2QJTVjTPqVe+jnYgOWUVr7EEc=" crossorigin="anonymous"></script> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" integrity="sha256-HAaDW5o2+LelybUhfuk0Zh2Vdk8Y2W2UeKmbaXhalfA=" crossorigin="anonymous" /> + <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.js" integrity="sha256-jGAkJO3hvqIDc4nIY1sfh/FPbV+UK+1N+xJJg6zzr7A=" crossorigin="anonymous"></script> + <script> + WebFont.load({ + google: { + families: ['Raleway:400,600,700', 'Merriweather:300,300i,700,700i'] + } + }); + </script> + + {{ if .Site.Params.highlightjs }} + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" integrity="sha256-/BfiIkHlHoVihZdc6TFuj7MmJ0TWcWsMXkeDFwhi0zw=" crossorigin="anonymous"></script> + {{ range .Site.Params.highlightjslanguages }} + <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/{{.}}.min.js" defer></script> + {{ end }} + <script> + window.addEventListener('load', function() { + hljs.initHighlighting(); + }, true); + </script> + {{ end }} + + {{ if .Site.Params.progressively }} + <script src="https://cdnjs.cloudflare.com/ajax/libs/progressively/1.2.5/progressively.min.js" integrity="sha256-LvFVlLdfGI3WeEH+8Ni4kxLm02g2GlOfeGCGLXfRk/U=" crossorigin="anonymous"></script> + <script> + window.addEventListener('load', function() { + progressively.init({delay: 30, throttle: 50}); + }, true); + </script> + {{ end }} + + {{ if .Site.Params.uselatex }} + <script type="text/x-mathjax-config"> + MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } }); + </script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script> + {{ end }} + +</body> +</html> diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..8ec54f1 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,51 @@ +{{ define "main" }} + {{ partial "header" . }} + + <div class="content"> + <div class="container"> + <div class="row justify-content-center"> + <div class="col-sm-12 col-md-10"> + <div class="markdown"> + {{ partial "content" . }} + </div> + + {{ if isset .Site.Params "best_posts" }} + <div class="mx-0 mx-md-4 best-posts"> + <div class="page-heading">📌 {{ i18n "pinned" }}</div> + <ul> + {{ range .Site.Params.best_posts }} + <li> + <a href="{{ .url }}">{{ .title }}</a> + </li> + {{ end }} + </ul> + </div> + {{ end }} + + {{ if isset .Site.Params "latestpostcount" }} + <div class="mx-0 mx-md-4 posts"> + {{ $nbPosts := len (where .Data.Pages "Section" "blog") }} + {{ if gt $nbPosts 0 }} + <div class="page-heading">Latest posts</div> + <ul class="px-0"> + {{ range (first .Site.Params.latestpostcount (where .Pages "Section" "blog")).GroupByDate "Jan, 2006" "desc" }} + <li class="groupby">{{ .Key }}</li> + {{ range sort .Pages "Date" "desc" }} + {{ partial "list" . }} + {{ end }} + {{ end }} + </ul> + + {{ if gt $nbPosts .Site.Params.latestpostcount }} + <a href="./blog/" class="font-italic mt-4 see-more">{{ i18n "see-more" }}</a> + {{ end }} + {{ end }} + </div> + {{ end }} + </div> + </div> + </div> + </div> + + {{ partial "footer" . }} +{{ end }} diff --git a/layouts/partials/content.html b/layouts/partials/content.html new file mode 100644 index 0000000..b4af9e9 --- /dev/null +++ b/layouts/partials/content.html @@ -0,0 +1,6 @@ +{{ if .Site.Params.progressively }} + {{ $newImage := (print "<figure class=\"progressive\"><img class=\"progressive__img progressive--not-loaded\" data-progressive=\"" .Site.BaseURL "$1/$2\" src=\"" .Site.BaseURL "$1/low/$2\" alt=$3 $4></figure>") }} + {{ .Content | replaceRE "<img src=\"/(.*)\\/(.*)\" alt=(.*) (.*)>" $newImage | safeHTML }} +{{ else }} + {{ .Content }} +{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..7211d51 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,71 @@ +<div class="my-4 footer"> + <div class="container"> + <div class="row justify-content-center"> + <div class="col-sm-12 col-md-5"> + {{ if .Site.Params.copyright }} + <div class="mx-0 mx-md-3 text-left"> + {{ if .Site.Params.copyrightUrl }} + <a href="{{ .Site.Params.copyrightUrl }}">{{ .Site.Params.copyright }}</a> + {{ else }} + <a href="{{ .Site.BaseURL }}license">{{ .Site.Params.copyright }}</a> + {{ end }} + </div> + {{ end }} + </div> + <div class="col-sm-12 col-md-5"> + <div class="mx-0 mx-md-3 text-right"> + {{ if .Site.Params._500px }} + <a href="https://500px.com/{{ .Site.Params._500px }}" target="_blank"> + <img class="icon" src="{{ .Site.BaseURL }}img/500px.svg" alt="500px" /> + </a> + {{ end }} + + {{ if .Site.Params.github }} + <a href="https://github.com/{{ .Site.Params.github }}" target="_blank"> + <img class="icon" src="{{ "github.svg" | relURL }}" alt="github" /> + </a> + {{ end }} + + {{ if .Site.Params.twitter }} + <a href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank"> + <img class="icon" src="{{ "img/twitter.svg" | relURL }}" alt="twitter" title="my twitter" /> + </a> + {{ end }} + + {{ if .Site.Params.instagram }} + <a href="https://instagram.com/{{ .Site.Params.instagram }}" target="_blank"> + <img class="icon" src="{{ "img/instagram.svg" | relURL }}" alt="instagram" title="my instagram" /> + </a> + {{ end }} + + {{ if .Site.Params.linkedin }} + <a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}" target="_blank"> + <img class="icon" src="{{ .Site.BaseURL }}img/linkedin.svg" alt="linkedin" /> + </a> + {{ end }} + + {{ if .Site.Params.email }} + <a href="mailto:{{ .Site.Params.email }}"> + <img class="icon" src="{{ .Site.BaseURL }}img/email.svg" alt="email" title="email me" /> + </a> + {{ end }} + + {{ if .Site.Params.fork}} + <a href="#"> + <img class="icon" src="{{ .Site.BaseURL }}img/git.svg" alt="fork this page" title="fork this theme" /> + </a> + {{ end }} + + {{ if .IsTranslated }} + <br /> + {{ range .Translations }} + <a href="{{ .Permalink }}"> + <strong>{{ upper .Language.LanguageName }}</strong> + </a> + {{ end }} + {{ end }} + </div> + </div> + </div> + </div> +</div> diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..1b982ea --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,54 @@ +<div class="my-4 my-md-5 header"> + <div class="container"> + <div class="row cap"> + <div class="col-auto offset-md-1 d-none d-md-block"> + {{ if .Site.Params.logofile }} + <a href="{{ .Site.BaseURL }}"> + <img class="ml-md-4 logo" src="{{ .Site.Params.logofile | absURL }}" alt="logo"> + </a> + {{ end }} + </div> + <div class="col-auto align-self-center mr-auto"> + <a href="{{ .Site.BaseURL }}"> + <h1 class="font-weight-bold name">{{ .Site.Title }}</h1> + </a> + + <ul class="nav nav-primary"> + {{ range .Site.Menus.primary.ByWeight }} + <li class="nav-item"> + <a class="text-uppercase nav-link{{ if .Identifier }} text-{{ .Identifier }}{{ end }}" href="{{ .URL }}"> + {{ .Pre }} + {{ .Name }} + </a> + </li> + {{ end }} + + {{ if .IsTranslated }} + <li class="ml-4"> + <ul class="nav nav-languages"> + {{ range .Translations }} + <li> + <a class="nav-link" href="{{ .Permalink }}"> + <strong>{{ upper .Language }}</strong> + </a> + </li> + {{ end }} + </ul> + </li> + {{ end }} + </ul> + + <ul class="nav nav-secondary"> + {{ range .Site.Menus.secondary.ByWeight }} + <li class="nav-item"> + <a class="text-uppercase font-weight-bold nav-link{{ if .Identifier }} text-{{ .Identifier }}{{ end }}" href="{{ .URL }}"> + {{ .Pre }} + {{ .Name }} + </a> + </li> + {{ end }} + </ul> + </div> + </div> + </div> +</div> diff --git a/layouts/portfolio/list.html b/layouts/portfolio/list.html new file mode 100644 index 0000000..9c7fe9c --- /dev/null +++ b/layouts/portfolio/list.html @@ -0,0 +1,29 @@ +{{ define "main" }} + {{ partial "header" . }} + + <div class="col-sm-12"> + <div class="card-columns"> + {{ if .Site.Params.portfolio }} + {{ range .Site.Params.portfolio }} + <div class="card"> + <a href="{{ .link | relURL }}" data-toggle="lightbox" data-gallery="gallery"> + <img src="{{ .link | relURL }}" class="card-image img-fluid rounded"> + </a> + </div> + {{ end }} + {{ end }} + </div> + </div> + + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js" integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script> + <script> + $(document).on("click", '[data-toggle="lightbox"]', function(event) { + event.preventDefault(); + $(this).ekkoLightbox({ + alwaysShowClose: true + }); + }); + </script> + + {{ partial "footer" }} +{{ end }} |