Browse Source

Some css.

master
pebles 2 years ago
parent
commit
3867dc5c9c
Signed by: pebles GPG Key ID: 4501C52A9268B49C
  1. 54
      config.toml
  2. 66
      config.toml.mainroad
  3. 23
      config.toml.tale
  4. 7
      content/about.md
  5. 12
      content/post/hola_mundo.md
  6. BIN
      content/post/hola_mundo/welcome-aboard-sign.jpg
  7. 52
      layouts/_default/baseof.html.mainroad
  8. 32
      layouts/_default/single.html
  9. 24
      layouts/index.html.tale
  10. 1
      layouts/partials/svg/gitea.svg
  11. 1
      layouts/partials/svg/mastodon.svg
  12. 1
      layouts/partials/svg/matrix.svg
  13. 1
      layouts/partials/svg/peertube.svg
  14. 522
      resources/_gen/assets/scss/pebles/scss/tale.scss_5ad6f408b0e3e473c748aac88af0ea18.content
  15. 1
      resources/_gen/assets/scss/pebles/scss/tale.scss_5ad6f408b0e3e473c748aac88af0ea18.json
  16. 13
      static/css/custom.css
  17. 1311
      static/css/style.css.bak
  18. BIN
      static/img/hello-world.png
  19. BIN
      static/img/logo.png
  20. 2
      themes/tale/.gitattributes
  21. 24
      themes/tale/.travis.yml
  22. 21
      themes/tale/LICENSE
  23. 160
      themes/tale/README.md
  24. 2
      themes/tale/archetypes/default.md
  25. 8
      themes/tale/assets/scss/tale.scss
  26. 67
      themes/tale/assets/scss/tale/_base.scss
  27. 39
      themes/tale/assets/scss/tale/_catalogue.scss
  28. 47
      themes/tale/assets/scss/tale/_code.scss
  29. 92
      themes/tale/assets/scss/tale/_layout.scss
  30. 44
      themes/tale/assets/scss/tale/_pagination.scss
  31. 63
      themes/tale/assets/scss/tale/_post.scss
  32. 65
      themes/tale/assets/scss/tale/_syntax.scss
  33. 29
      themes/tale/assets/scss/tale/_variables.scss
  34. 12
      themes/tale/data/months_de.yaml
  35. 12
      themes/tale/data/months_es.yaml
  36. 12
      themes/tale/data/months_fr.yaml
  37. 12
      themes/tale/data/months_nl.yaml
  38. 11
      themes/tale/i18n/de.toml
  39. 11
      themes/tale/i18n/en.toml
  40. 11
      themes/tale/i18n/es.toml
  41. 11
      themes/tale/i18n/fr.toml
  42. 11
      themes/tale/i18n/nl.toml
  43. BIN
      themes/tale/images/screenshot.png
  44. BIN
      themes/tale/images/tn.png
  45. 0
      themes/tale/layouts/404.html
  46. 9
      themes/tale/layouts/_default/baseof.html
  47. 22
      themes/tale/layouts/_default/list.html
  48. 27
      themes/tale/layouts/_default/single.html
  49. 11
      themes/tale/layouts/_default/summary.html
  50. 23
      themes/tale/layouts/_default/taxonomy.html
  51. 24
      themes/tale/layouts/_default/terms.html
  52. 14
      themes/tale/layouts/about/list.html
  53. 24
      themes/tale/layouts/index.html
  54. 5
      themes/tale/layouts/partials/footer.html
  55. 30
      themes/tale/layouts/partials/head.html
  56. 12
      themes/tale/layouts/partials/header-menu.html
  57. 8
      themes/tale/layouts/partials/header.html
  58. 5
      themes/tale/layouts/partials/index/introduction.html
  59. 5
      themes/tale/layouts/partials/single/footer.html
  60. 5
      themes/tale/layouts/partials/single/header.html
  61. 13
      themes/tale/layouts/partials/single/post-info.html
  62. 2
      themes/tale/layouts/partials/single/title.html
  63. 1
      themes/tale/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.content
  64. 1
      themes/tale/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.json
  65. 522
      themes/tale/resources/_gen/assets/scss/scss/tale.scss_5ad6f408b0e3e473c748aac88af0ea18.content
  66. 1
      themes/tale/resources/_gen/assets/scss/scss/tale.scss_5ad6f408b0e3e473c748aac88af0ea18.json
  67. 41
      themes/tale/static/css/fonts.css
  68. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-700.eot
  69. 443
      themes/tale/static/fonts/libre-baskerville-v7-latin-700.svg
  70. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-700.ttf
  71. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-700.woff
  72. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-700.woff2
  73. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-italic.eot
  74. 482
      themes/tale/static/fonts/libre-baskerville-v7-latin-italic.svg
  75. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-italic.ttf
  76. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-italic.woff
  77. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-italic.woff2
  78. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-regular.eot
  79. 450
      themes/tale/static/fonts/libre-baskerville-v7-latin-regular.svg
  80. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-regular.ttf
  81. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-regular.woff
  82. BIN
      themes/tale/static/fonts/libre-baskerville-v7-latin-regular.woff2
  83. BIN
      themes/tale/static/images/apple-touch-icon.png
  84. BIN
      themes/tale/static/images/favicon-16x16.png
  85. BIN
      themes/tale/static/images/favicon-32x32.png
  86. 21
      themes/tale/theme.toml

54
config.toml

@ -1,18 +1,16 @@
baseURL = ""
title = "Mi web"
enableGitInfo = true
languageCode = "es-ES"
#enableGitInfo = true #enable last modification info close to creation date on post view
paginate = "10" # Number of posts per page
theme = "mainroad"
disqusShortname = "" # Enable comments by entering your Disqus shortname
googleAnalytics = "" # Enable Google Analytics by entering your tracking id
# datos de autor para adjuntar al final de cada artículo en la vista individual de los mismos.
# Descomenta el partial authorbox hacia el final de fichero layouts/_default/single.html si quieres que aparezcan.
[Author]
name = "Yo"
bio = "Texto al final de cada artículo si descomentas el partial authorbox en layouts/_default/single.html."
bio = "Texto que acompaña al autor."
avatar = "img/avatar.png"
[Params]
@ -20,20 +18,62 @@ googleAnalytics = "" # Enable Google Analytics by entering your tracking id
opengraph = true
twitter_cards = false
readmore = false # Show "Read more" button in list if true
authorbox = true
authorbox = false # Bloque bajo la página de cada artículo con datos definidos arriba en [Author]
toc = false # Enable Table of Contents
pager = true
post_meta = ["date", "categories"] # Order of post meta information
mainSections = ["post"] # Specify section pages to show on home page and the "Recent articles" widget
dateformat = "01 jun 2006" # Change the format of dates
customCSS = ["css/custom.css"] # Include custom CSS files
customJS = ["js/custom.js"] # Include custom JS files
[Params.logo]
subtitle = "Just another site" # Logo subtitle
image = "img/logo.png" # Logo image. Path relative to "static"
title = "" # Logo title (banner site title), if empty will use site title
subtitle = "Otro sitio de sindominio.net" # Logo subtitle
[Params.sidebar]
home = "right" # Configure layout for home page
list = "right" # Configure layout for list pages
single = "right" # Configure layout for single pages
# Enable widgets in given order
widgets = ["recent", "categories", "taglist"]
widgets = ["recent", "categories", "taglist", "social"]
[Params.widgets]
recent_num = 5 # Set the number of articles in the "Recent articles" widget
tags_counter = false # Enable counter for each tag in "Tags" widget (disabled by default)
#[Params.widgets.social]
# # Enable parts of social widget
# facebook = "username"
# twitter = "username"
# instagram = "username"
# linkedin = "username"
# telegram = "username"
# github = "pebelino"
# gitlab = "username"
# bitbucket = "username"
# email = "example@example.com"
#
# Custom social links
#[[Params.widgets.social.custom]]
# title = ""
# url = "https://egelesta.net"
# icon = "svg/gitea.svg" # Optional. Path relative to "layouts/partials"
#
#[[Params.widgets.social.custom]]
# title = ""
# url = "https://egelesta.net"
# icon = "svg/mastodon.svg" # Optional. Path relative to "layouts/partials"
#
#[[Params.widgets.social.custom]]
# title = ""
# url = "https://egelesta.net"
# icon = "svg/matrix.svg" # Optional. Path relative to "layouts/partials"
#
#[[Params.widgets.social.custom]]
# title = ""
# url = "https://egelesta.net"
# icon = "svg/peertube.svg" # Optional. Path relative to "layouts/partials"
#

66
config.toml.mainroad

@ -0,0 +1,66 @@
baseURL = ""
title = "Mi web"
#enableGitInfo = true
languageCode = "es-ES"
paginate = "10" # Number of posts per page
theme = "mainroad"
disqusShortname = "" # Enable comments by entering your Disqus shortname
googleAnalytics = "" # Enable Google Analytics by entering your tracking id
[Author]
name = "Yo"
bio = "Texto que acompaña al autor."
avatar = "img/avatar.png"
[Params]
description = "John Doe's Personal blog about everything" # Description of your site
opengraph = true
twitter_cards = false
readmore = false # Show "Read more" button in list if true
authorbox = false # Bloque bajo la página de cada artículo con datos definidos arriba en [Author]
toc = true # Enable Table of Contents
pager = true
post_meta = ["date", "categories"] # Order of post meta information
mainSections = ["post"] # Specify section pages to show on home page and the "Recent articles" widget
dateformat = "01 jun 2006" # Change the format of dates
[Params.logo]
image = "img/logo.png" # Logo image. Path relative to "static"
title = "" # Logo title (banner site title), if empty will use site title
subtitle = "Otro sitio de sindominio.net" # Logo subtitle
[Params.sidebar]
home = "right" # Configure layout for home page
list = "right" # Configure layout for list pages
single = "right" # Configure layout for single pages
# Enable widgets in given order
widgets = ["recent", "categories", "taglist"]
[Params.widgets]
recent_num = 5 # Set the number of articles in the "Recent articles" widget
tags_counter = false # Enable counter for each tag in "Tags" widget (disabled by default)
#[Params.widgets.social]
# # Enable parts of social widget
# facebook = "username"
# twitter = "username"
# instagram = "username"
# linkedin = "username"
# telegram = "username"
# github = "username"
# gitlab = "username"
# bitbucket = "username"
# email = "example@example.com"
#
## Custom social links
#[[Params.widgets.social.custom]]
# title = "Youtube"
# url = "https://youtube.com/user/username"
# icon = "youtube.svg" # Optional. Path relative to "layouts/partials"
#
#[[Params.widgets.social.custom]]
# title = "My Home Page"
# url = "http://example.com"

23
config.toml.tale

@ -0,0 +1,23 @@
baseURL = ""
title = "Mi web"
#enableGitInfo = true
languageCode = "es-ES"
theme = "tale"
[Author]
name = "yo"
[menu]
[[menu.main]]
identifier = "about"
name = "About"
title = "About"
url = "/about/"
weight = 0
[[menu.main]]
identifier = "posts"
name = "Posts"
title = "Posts"
url = "/post/"
weight = 0

7
content/about.md

@ -1,7 +1,10 @@
---
title: "About"
title: "Presentación"
date: 2019-06-30T20:57:50+02:00
draft: false
menu: main
---
## Yoo ##
**¿Quién soy yo?**
No te importa. Si acaso lo que pienso.

12
content/post/hola_mundo.md

@ -1,12 +0,0 @@
---
title: "Hola_mundo"
date: 2019-06-11
---
¡Hola!
Éste es un artículo de ejemplo.
Puedes añadir más a través de cuenta el gitea, el servidor git de tu proveedor.
Si lo prefieres hacer en local puedes trabajar con git normalmente contra el repo de gitea.
Hi mate!

BIN
content/post/hola_mundo/welcome-aboard-sign.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

52
layouts/_default/baseof.html.mainroad

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html class="no-js" lang="{{ .Site.Language.Lang }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ block "title" . }}{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}{{ end }}</title>
<script>(function(d,e){d[e]=d[e].replace("no-js","js");})(document.documentElement,"className");</script>
<meta name="description" content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Params.Description }}{{ end }}">
{{- if .Site.Params.opengraph }}
{{ template "_internal/opengraph.html" . }}
{{- end }}
{{- if .Site.Params.schema }}
{{ template "_internal/schema.html" . }}
{{- end }}
{{- if .Site.Params.twitter_cards }}
{{ template "_internal/twitter_cards.html" . }}
{{- end }}
{{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
{{ end -}}
{{ $style := resources.Get "css/style.css" | resources.ExecuteAsTemplate "css/style.css" . -}}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
{{ range .Site.Params.customCSS -}}
<link rel="stylesheet" href="{{ . | relURL }}">
{{- end }}
<link rel="shortcut icon" href="{{ "favicon.ico" | relURL }}">
</head>
<body class="body">
<div class="container container--outer">
{{ partial "header" . }}
<div class="wrapper flex">
<div class="primary">
{{ block "main" . }}
{{ with .Content }}
<div class="content main__content clearfix">
{{ . }}
</div>
{{ end }}
{{ end }}
</div>
{{ partial "sidebar.html" . }}
</div>
{{ partial "footer" . }}
</div>
<script async defer src="{{ "js/menu.js" | relURL }}"></script>
{{ range .Site.Params.customJS -}}
<script src="{{ . | relURL }}"></script>
{{- end }}
{{- partial "mathjax.html" . -}}
</body>
</html>

32
layouts/_default/single.html

@ -1,32 +0,0 @@
{{ define "main" }}
<main class="main" role="main">
<article class="post">
<header class="post__header">
<h1 class="post__title">{{ .Title }}</h1>
{{- with .Params.lead }}
<p class="post__lead">{{ . }}</p>
{{- end }}
{{ with partial "post_meta.html" . -}}
<div class="post__meta meta">{{ . }}</div>
{{- end }}
</header>
{{- if .Params.thumbnail }}
<figure class="post__thumbnail">
<img src="{{ .Params.thumbnail | relURL }}" alt="{{ .Title }}">
</figure>
{{- end }}
{{- partial "post_toc.html" . -}}
<div class="content post__content clearfix">
{{ .Content }}
</div>
{{- if .Params.tags }}
<footer class="post__footer">
{{ partial "post_tags.html" . }}
</footer>
{{- end }}
</article>
</main>
{{/* partial "authorbox.html" . */}}
{{ partial "pager.html" . }}
{{ partial "comments.html" . }}
{{ end }}

24
layouts/index.html.tale

@ -0,0 +1,24 @@
{{ define "main" }}
<main>
{{ partial "index/introduction.html" . }}
<div class="catalogue">
{{ range where (.Paginate .Site.RegularPages).Pages "Section" "post" }}
{{ .Render "summary" }}
{{ end }}
</div>
<div class="pagination">
{{ if .Paginator.HasPrev }}
<a href="{{ .Paginator.Prev.URL }}" class="left arrow">&#8592;</a>
{{ end }}
{{ if .Paginator.HasNext }}
<a href="{{ .Paginator.Next.URL }}" class="right arrow">&#8594;</a>
{{ end }}
<span>{{ .Paginator.PageNumber }}</span>
</div>
</main>
{{ end }}

1
layouts/partials/svg/gitea.svg

@ -0,0 +1 @@
<svg class="{{ with .class }}{{ . }} {{ end }}icon" xmlns="http://www.w3.org/2000/svg" width="75.404" height="20.002" viewBox="0 0 19.951 5.292"><text style="line-height:1.25" x="-46.659" y="128.305" font-weight="400" font-size="5.873" letter-spacing="0" word-spacing="0" font-family="sans-serif" stroke-width=".147" transform="translate(55.878 -123.674)"><tspan x="-46.659" y="128.305" style="-inkscape-font-specification:'PT Sans Narrow'" font-family="PT Sans Narrow">Gitea</tspan></text><path d="M1.512.034C.86.032-.013.498.036 1.664.111 3.49 1.773 3.66 2.437 3.674c.073.342.855 1.522 1.433 1.584h2.537C7.927 5.143 9.064.088 8.22.068c-3.192.17-3.41.146-6.046 0-.17-.002-.407-.034-.662-.034zm.17.645c.092.935.243 1.481.547 2.316C1.452 2.893.791 2.64.67 1.691.605 1.186.833.656 1.682.68z" fill="#609926" stroke="#428f29" stroke-width=".068"/><g transform="translate(-.379 -2.26) scale(.06824)" fill="#fff"><rect ry="5.483" height="34.762" width="34.762" y="18.292" x="87.509" transform="rotate(25.915)"/><path d="M79.805 57.359l3.241 1.61V35.256h-3.263z"/></g><g transform="translate(-.379 -2.26) scale(.06824)"><circle r="3.474" cy="90.078" cx="49.065" transform="rotate(-19.796)" fill="#609926"/><circle r="3.474" cy="102.1" cx="36.81" transform="rotate(-19.796)" fill="#609926"/><circle r="3.474" cy="111.44" cx="46.484" transform="rotate(-19.796)" fill="#609926"/><path d="M79.54 58.935l2.402 1.173-11.96 24.497-2.403-1.173z" fill="#609926"/><path d="M76.558 68.116c12.976 6.395 13.013 4.102 4.89 20.907" fill="none" stroke="#609926" stroke-width="2.68"/></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

1
layouts/partials/svg/mastodon.svg

@ -0,0 +1 @@
<svg class="{{ with .class }}{{ . }} {{ end }}icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 91.265 22.5" height="24" width="97.349"><path d="M20.54 13.489c-.308 1.587-2.762 3.324-5.581 3.66-1.47.176-2.918.337-4.461.266-2.525-.115-4.516-.602-4.516-.602 0 .245.015.48.045.698.328 2.491 2.47 2.64 4.5 2.71 2.047.07 3.87-.505 3.87-.505l.085 1.852s-1.433.769-3.984.91c-1.407.077-3.154-.035-5.19-.574C.896 20.736.137 16.032.02 11.258-.015 9.841.007 8.505.007 7.388c0-4.882 3.198-6.313 3.198-6.313C4.817.335 7.585.024 10.46 0h.07c2.877.024 5.645.335 7.258 1.075 0 0 3.198 1.431 3.198 6.312 0 0 .04 3.601-.446 6.102" fill="#3088d4"/><path d="M4.434 6.204a1.286 1.286 0 112.573 0 1.286 1.286 0 01-2.573 0m18.45 1.562v5.91h-2.342V7.939c0-1.209-.509-1.823-1.527-1.823-1.125 0-1.689.729-1.689 2.168v3.14H15v-3.14c0-1.44-.564-2.168-1.69-2.168-1.017 0-1.526.614-1.526 1.823v5.737H9.442v-5.91c0-1.208.307-2.168.925-2.878.637-.71 1.471-1.074 2.507-1.074 1.198 0 2.105.46 2.705 1.381l.584.978.583-.978c.6-.92 1.507-1.381 2.705-1.381 1.036 0 1.87.364 2.507 1.074.618.71.925 1.67.925 2.878m8.067 2.938c.483-.51.715-1.154.715-1.929 0-.775-.232-1.418-.715-1.91-.466-.51-1.056-.756-1.772-.756s-1.307.246-1.772.756c-.465.492-.698 1.135-.698 1.91 0 .775.233 1.418.698 1.929.465.491 1.056.737 1.772.737s1.306-.246 1.772-.737m.715-6.656h2.31v9.454h-2.31v-1.115c-.697.926-1.664 1.38-2.917 1.38-1.199 0-2.219-.473-3.078-1.437-.841-.965-1.27-2.156-1.27-3.555 0-1.38.429-2.572 1.27-3.536.86-.964 1.88-1.456 3.078-1.456 1.253 0 2.22.454 2.917 1.38zm10.077 4.557c.68.51 1.02 1.229 1.002 2.136 0 .965-.34 1.721-1.038 2.25-.698.511-1.539.776-2.56.776-1.843 0-3.095-.756-3.758-2.25l2.005-1.191c.268.813.859 1.229 1.754 1.229.823 0 1.235-.265 1.235-.814 0-.397-.537-.756-1.629-1.04a15.028 15.028 0 01-1.02-.321 4.004 4.004 0 01-.966-.53c-.663-.51-1.003-1.19-1.003-2.06 0-.927.322-1.664.967-2.194.662-.548 1.467-.813 2.434-.813 1.539 0 2.667.662 3.4 2.004l-1.968 1.135c-.287-.643-.77-.964-1.432-.964-.698 0-1.038.264-1.038.775 0 .397.537.756 1.628 1.04.842.189 1.504.473 1.987.832m7.338-2.212h-2.022v3.933c0 .472.179.756.519.888.25.095.751.114 1.503.076v2.212c-1.557.19-2.684.038-3.347-.473-.662-.491-.984-1.399-.984-2.703V6.393h-1.557V4.048h1.557v-1.91l2.309-.737v2.647h2.022zm7.356 4.254c.466-.492.698-1.116.698-1.872s-.232-1.38-.698-1.872c-.465-.492-1.038-.737-1.736-.737s-1.27.245-1.736.737c-.447.51-.68 1.135-.68 1.872 0 .738.233 1.362.68 1.872.466.492 1.038.737 1.736.737s1.27-.245 1.736-.737m-5.1 1.683c-.913-.964-1.36-2.137-1.36-3.555 0-1.4.447-2.572 1.36-3.536.912-.964 2.04-1.456 3.364-1.456 1.325 0 2.452.492 3.365 1.456.913.964 1.378 2.156 1.378 3.536 0 1.4-.465 2.59-1.378 3.555-.913.964-2.023 1.437-3.365 1.437s-2.452-.473-3.364-1.437m15.82-1.626c.466-.51.699-1.154.699-1.929 0-.775-.233-1.418-.698-1.91-.465-.51-1.056-.756-1.772-.756s-1.306.246-1.79.756c-.465.492-.698 1.135-.698 1.91 0 .775.233 1.418.698 1.929.484.491 1.092.737 1.79.737.716 0 1.307-.246 1.772-.737M67.855.266h2.309v13.236h-2.31v-1.115c-.68.926-1.646 1.38-2.898 1.38-1.2 0-2.237-.473-3.097-1.437-.84-.965-1.27-2.156-1.27-3.555 0-1.38.43-2.572 1.27-3.536.86-.964 1.897-1.456 3.097-1.456 1.252 0 2.219.454 2.899 1.38zM78.27 10.647c.466-.492.698-1.116.698-1.872s-.232-1.38-.698-1.872c-.465-.492-1.038-.737-1.736-.737s-1.27.245-1.736.737c-.447.51-.68 1.135-.68 1.872 0 .738.233 1.362.68 1.872.466.492 1.038.737 1.736.737s1.271-.245 1.736-.737m-5.1 1.683c-.913-.964-1.36-2.137-1.36-3.555 0-1.4.447-2.572 1.36-3.536s2.04-1.456 3.364-1.456c1.325 0 2.452.492 3.365 1.456.913.964 1.378 2.156 1.378 3.536 0 1.4-.465 2.59-1.378 3.555-.913.964-2.022 1.437-3.365 1.437-1.342 0-2.451-.473-3.364-1.437m18.094-4.633v5.805h-2.309V8c0-.624-.16-1.097-.483-1.456-.304-.322-.734-.492-1.289-.492-1.306 0-1.968.775-1.968 2.345v5.105h-2.309V4.048h2.309v1.059c.555-.89 1.431-1.324 2.666-1.324.985 0 1.79.34 2.417 1.04.644.7.966 1.645.966 2.874" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

1
layouts/partials/svg/matrix.svg

@ -0,0 +1 @@
<svg class="{{ with .class }}{{ . }} {{ end }}icon" xmlns="http://www.w3.org/2000/svg" width="56.583" height="24" viewBox="0 0 14.971 6.35"><g paint-order="stroke" fill="#fff"><path d="M.404.376v5.598H.83v.135H.24V.24H.83v.135z" stroke="#fff" stroke-width=".382" stroke-linejoin="round"/><path d="M2.04 2.15v.284h.01a.848.848 0 01.287-.251.814.814 0 01.386-.09c.14 0 .266.027.382.078a.52.52 0 01.262.271.917.917 0 01.266-.243.738.738 0 01.4-.105c.116 0 .224.014.323.04a.596.596 0 01.422.362c.04.097.06.212.06.347v1.4h-.606V3.057c0-.07-.003-.136-.009-.198a.41.41 0 00-.046-.162.278.278 0 00-.114-.11.427.427 0 00-.202-.04.404.404 0 00-.207.047.345.345 0 00-.124.121.471.471 0 00-.06.17 1.22 1.22 0 00-.014.193v1.165H2.85V3.07a5.57 5.57 0 00-.004-.184.5.5 0 00-.036-.168.263.263 0 00-.107-.123.42.42 0 00-.22-.047.528.528 0 00-.113.018.383.383 0 00-.25.215.565.565 0 00-.046.249v1.214h-.605V2.151zM5.226 2.458a.711.711 0 01.238-.214c.097-.054.206-.093.327-.116.12-.023.242-.034.364-.034.111 0 .223.008.337.022.114.015.218.044.312.087.093.043.17.103.23.18s.09.179.09.306v1.089c0 .094.005.184.017.27a.47.47 0 00.06.195h-.615a.793.793 0 01-.043-.202.799.799 0 01-.34.198 1.44 1.44 0 01-.402.057c-.105 0-.203-.012-.294-.037a.688.688 0 01-.239-.113.532.532 0 01-.16-.194.628.628 0 01-.057-.28c0-.118.022-.216.066-.293a.534.534 0 01.17-.184c.07-.046.15-.08.24-.103.089-.023.179-.041.27-.055.091-.013.18-.024.269-.032.088-.01.166-.02.234-.037a.419.419 0 00.162-.07c.04-.031.059-.077.056-.136a.291.291 0 00-.032-.148.23.23 0 00-.086-.085.347.347 0 00-.123-.04 1.031 1.031 0 00-.152-.01.478.478 0 00-.281.072c-.068.049-.108.13-.12.243H5.12a.646.646 0 01.106-.336zm1.196.812a1.532 1.532 0 01-.262.05 1.348 1.348 0 00-.276.053.406.406 0 00-.115.055.263.263 0 00-.08.087.268.268 0 00-.03.133c0 .051.01.095.03.13.02.035.048.062.082.083.034.02.074.034.12.042a.723.723 0 00.14.012c.12 0 .212-.019.277-.056a.39.39 0 00.203-.296c.007-.054.01-.097.01-.13V3.22a.275.275 0 01-.096.05z" stroke="#fff" stroke-width=".094" stroke-linejoin="round"/><path d="M8.718 2.15v.385h-.443v1.036c0 .097.017.162.051.194.034.033.102.049.205.049a1.012 1.012 0 00.187-.016v.445a1.331 1.331 0 01-.17.016 3.818 3.818 0 01-.184.004c-.094 0-.183-.007-.266-.018a.648.648 0 01-.222-.07.384.384 0 01-.152-.15.511.511 0 01-.055-.255V2.535h-.367v-.384h.367v-.628h.606v.628z"/><path d="M9.584 2.15v.39h.009a.745.745 0 01.281-.322.758.758 0 01.422-.123c.04-.001.085.006.133.02v.533a1.163 1.163 0 00-.218-.021.674.674 0 00-.281.053.482.482 0 00-.186.144.563.563 0 00-.1.212 1.1 1.1 0 00-.03.263v.943H9.01V2.15zM10.684 1.827v-.474h.606v.474zm.606.323v2.093h-.606V2.15zM11.605 2.15h.691l.388.547.384-.547h.67l-.725.98.814 1.113h-.69l-.461-.66-.46.66h-.679l.793-1.1z" stroke="#fff" stroke-width=".094" stroke-linejoin="round"/><path d="M14.567 5.974V.376h-.425V.24h.588V6.11h-.588v-.135z" stroke="#fff" stroke-width=".382" stroke-linejoin="round"/></g></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

1
layouts/partials/svg/peertube.svg

@ -0,0 +1 @@
<svg class="{{ with .class }}{{ . }} {{ end }}icon" xmlns="http://www.w3.org/2000/svg" width="112.6" height="24" viewBox="0 0 29.792 6.35"><path d="M.853.266v2.936l2.201-1.468" fill="#322e30"/><path d="M.853 3.202v2.935l2.201-1.468" fill="#737373"/><path d="M3.054 1.734v2.935l2.201-1.467" fill="#f1680d"/><text style="line-height:1.25" x="15.935" y="94.423" font-weight="400" font-size="5.36" font-family="sans-serif" letter-spacing="0" word-spacing="0" fill="#fff" stroke-width=".084" transform="translate(-9.887 -89.095)"><tspan x="15.935" y="94.423" style="-inkscape-font-specification:'Source Sans Pro Bold'" font-weight="700" font-family="Source Sans Pro">PeerTube</tspan></text></svg>

After

Width:  |  Height:  |  Size: 692 B

522
resources/_gen/assets/scss/pebles/scss/tale.scss_5ad6f408b0e3e473c748aac88af0ea18.content

@ -0,0 +1,522 @@
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.5; }
html,
body {
color: #555;
background-color: #fff;
margin: 0;
padding: 0; }
html {
font-family: "Libre Baskerville", "Times New Roman", Times, serif;
font-size: 14px;
overflow-y: scroll; }
@media (min-width: 600px) {
html {
font-size: 16px; } }
body {
-webkit-text-size-adjust: 100%; }
h1,
h2,
h3,
h4,
h5,
h6 {
color: #353535;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
line-height: normal; }
a {
color: #4a9ae1;
text-decoration: none; }
blockquote {
border-left: 0.25rem solid #e5e5e5;
color: #979797;
margin: .8rem 0;
padding: .5rem 1rem; }
blockquote p:last-child {
margin-bottom: 0; }
@media (min-width: 600px) {
blockquote {
padding: 0 5rem 0 1.25rem; } }
img {
display: block;
margin: 0 0 1rem;
max-width: 100%; }
td {
vertical-align: top; }
pre,
code {
font-family: Menlo, Monaco, monospace; }
code {
background-color: #f9f9f9;
border-radius: 3px;
color: #bf616a;
font-size: 85%;
padding: .25em .5em;
white-space: pre-wrap; }
pre {
margin: 0 0 1rem; }
pre code {
background-color: transparent;
color: inherit;
font-size: 100%;
padding: 0; }
.highlight {
background-color: #f9f9f9;
border-radius: 3px;
line-height: 1.4;
margin: 0 0 1rem;
padding: 1rem; }
.highlight pre {
margin-bottom: 0;
overflow-x: auto; }
.highlight .lineno {
color: #aaa;
display: inline-block;
padding: 0 .75rem 0 .25rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.post {
padding: 3rem 0; }
.post-info {
color: #aaa;
font-family: Palatino, "Palatino LT STD", "Palatino Linotype", "Book Antiqua", "Georgia", serif;
letter-spacing: 0.5px;
text-align: center; }
.post-info span {
font-style: italic; }
.post-title {
color: #353535;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 4rem;
margin: 1rem 0;
text-align: center; }
.post-line {
border-top: 0.4rem solid #353535;
display: block;
margin: 0 auto 3rem;
width: 4rem; }
.post p {
margin: 0 0 1rem;
text-align: justify; }
.post a:hover {
text-decoration: underline; }
.post img {
margin: 0 auto 0.5rem; }
.post img + em {
color: #aaa;
display: block;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 0.9rem;
font-style: normal;
text-align: center; }
.post img.emoji {
display: inline-block;
left: 0;
transform: none;
width: 1rem;
height: 1rem;
vertical-align: text-top;
padding: 0;
margin: 0; }
.highlight .hll {
background-color: #ffc; }
.highlight .c {
color: #999; }
/* Comment */
.highlight .err {
color: #a00;
background-color: #faa; }
/* Error */
.highlight .k {
color: #069; }
/* Keyword */
.highlight .o {
color: #555; }
/* Operator */
.highlight .cm {
color: #09f;
font-style: italic; }
/* Comment.Multiline */
.highlight .cp {
color: #099; }
/* Comment.Preproc */
.highlight .c1 {
color: #999; }
/* Comment.Single */
.highlight .cs {
color: #999; }
/* Comment.Special */
.highlight .gd {
background-color: #fcc;
border: 1px solid #c00; }
/* Generic.Deleted */
.highlight .ge {
font-style: italic; }
/* Generic.Emph */
.highlight .gr {
color: #f00; }
/* Generic.Error */
.highlight .gh {
color: #030; }
/* Generic.Heading */
.highlight .gi {
background-color: #cfc;
border: 1px solid #0c0; }
/* Generic.Inserted */
.highlight .go {
color: #aaa; }
/* Generic.Output */
.highlight .gp {
color: #009; }
/* Generic.Prompt */
/* Generic.Strong */
.highlight .gu {
color: #030; }
/* Generic.Subheading */
.highlight .gt {
color: #9c6; }
/* Generic.Traceback */
.highlight .kc {
color: #069; }
/* Keyword.Constant */
.highlight .kd {
color: #069; }
/* Keyword.Declaration */
.highlight .kn {
color: #069; }
/* Keyword.Namespace */
.highlight .kp {
color: #069; }
/* Keyword.Pseudo */
.highlight .kr {
color: #069; }
/* Keyword.Reserved */
.highlight .kt {
color: #078; }
/* Keyword.Type */
.highlight .m {
color: #f60; }
/* Literal.Number */
.highlight .s {
color: #d44950; }
/* Literal.String */
.highlight .na {
color: #4f9fcf; }
/* Name.Attribute */
.highlight .nb {
color: #366; }
/* Name.Builtin */
.highlight .nc {
color: #0a8; }
/* Name.Class */
.highlight .no {
color: #360; }
/* Name.Constant */
.highlight .nd {
color: #99f; }
/* Name.Decorator */
.highlight .ni {
color: #999; }
/* Name.Entity */
.highlight .ne {
color: #c00; }
/* Name.Exception */
.highlight .nf {
color: #c0f; }
/* Name.Function */
.highlight .nl {
color: #99f; }
/* Name.Label */
.highlight .nn {
color: #0cf; }
/* Name.Namespace */
.highlight .nt {
color: #2f6f9f; }
/* Name.Tag */
.highlight .nv {
color: #033; }
/* Name.Variable */
.highlight .ow {
color: #000; }
/* Operator.Word */
.highlight .w {
color: #bbb; }
/* Text.Whitespace */
.highlight .mf {
color: #f60; }
/* Literal.Number.Float */
.highlight .mh {
color: #f60; }
/* Literal.Number.Hex */
.highlight .mi {
color: #f60; }
/* Literal.Number.Integer */
.highlight .mo {
color: #f60; }
/* Literal.Number.Oct */
.highlight .sb {
color: #c30; }
/* Literal.String.Backtick */
.highlight .sc {
color: #c30; }
/* Literal.String.Char */
.highlight .sd {
color: #c30;
font-style: italic; }
/* Literal.String.Doc */
.highlight .s2 {
color: #c30; }
/* Literal.String.Double */
.highlight .se {
color: #c30; }
/* Literal.String.Escape */
.highlight .sh {
color: #c30; }
/* Literal.String.Heredoc */
.highlight .si {
color: #a00; }
/* Literal.String.Interpol */
.highlight .sx {
color: #c30; }
/* Literal.String.Other */
.highlight .sr {
color: #3aa; }
/* Literal.String.Regex */
.highlight .s1 {
color: #c30; }
/* Literal.String.Single */
.highlight .ss {
color: #fc3; }
/* Literal.String.Symbol */
.highlight .bp {
color: #366; }
/* Name.Builtin.Pseudo */
.highlight .vc {
color: #033; }
/* Name.Variable.Class */
.highlight .vg {
color: #033; }
/* Name.Variable.Global */
.highlight .vi {
color: #033; }
/* Name.Variable.Instance */
.highlight .il {
color: #f60; }
/* Literal.Number.Integer.Long */
.css .o,
.css .o + .nt,
.css .nt + .nt {
color: #999; }
.container {
margin: 0 auto;
max-width: 800px;
width: 80%; }
main,
footer,
.nav-container {
display: block;
margin: 0 auto;
max-width: 800px;
width: 80%; }
.nav {
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
overflow: auto; }
.nav-container {
margin: 1rem auto;
position: relative;
text-align: center; }
.nav-title {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #555;
display: inline-block;
margin: 0;
padding-right: .2rem; }
.nav-title:hover, .nav-title:focus {
opacity: .6; }
.nav ul {
list-style-type: none;
margin: 1rem 0 0;
padding: 0;
text-align: center; }
.nav li {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #555;
display: inline-block;
opacity: .6;
padding: 0 2rem 0 0; }
.nav li:last-child {
padding-right: 0; }
.nav li:hover, .nav li:focus {
opacity: 1; }
.nav a {
color: #555;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; }
@media (min-width: 600px) {
.nav-container {
text-align: left; }
.nav ul {
bottom: 0;
position: absolute;
right: 0; } }
footer {
font-family: Palatino, "Palatino LT STD", "Palatino Linotype", "Book Antiqua", "Georgia", serif;
padding: 2rem 0;
text-align: center; }
footer span {
color: #555;
font-size: .8rem; }
.pagination {
border-top: 0.5px solid #e5e5e5;
font-family: Palatino, "Palatino LT STD", "Palatino Linotype", "Book Antiqua", "Georgia", serif;
padding-top: 2rem;
position: relative;
text-align: center; }
.pagination span {
color: #353535;
font-size: 1.1rem; }
.pagination .top {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #555;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 1.1rem;
opacity: .6; }
.pagination .top:hover {
opacity: 1; }
.pagination .arrow {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #555;
position: absolute; }
.pagination .arrow:hover, .pagination .arrow:focus {
opacity: .6;
text-decoration: none; }
.pagination .left {
left: 0; }
.pagination .right {
right: 0; }
.catalogue-item {
border-bottom: 1px solid #e5e5e5;
color: #555;
display: block;
padding: 2rem 0; }
.catalogue-item:hover .catalogue-line,
.catalogue-item:focus .catalogue-line {
width: 5rem; }
.catalogue-item:last-child {
border: 0; }
.catalogue-time {
color: #aaa;
font-family: Palatino, "Palatino LT STD", "Palatino Linotype", "Book Antiqua", "Georgia", serif;
letter-spacing: .5px; }
.catalogue-title {
color: #353535;
display: block;
font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 2rem;
font-weight: 700;
margin: .5rem 0; }
.catalogue-line {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-top: 0.2rem solid #353535;
display: block;
width: 2rem; }
/*# sourceMappingURL=style.css.map */

1
resources/_gen/assets/scss/pebles/scss/tale.scss_5ad6f408b0e3e473c748aac88af0ea18.json

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}

13
static/css/custom.css

@ -0,0 +1,13 @@
/* CUSTOM CSS */
body {
font-size: 1.1rem;
}
/* Social widgets small and inline */
.widget-social__item {
padding: 0;
border: 0;
display: inline-block;
}

1311
static/css/style.css.bak

File diff suppressed because it is too large

BIN
static/img/hello-world.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

BIN
static/img/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

2
themes/tale/.gitattributes

@ -0,0 +1,2 @@
resources/** -diff -merge
resources/** linguist-generated=true

24
themes/tale/.travis.yml

@ -0,0 +1,24 @@
env:
- HUGO_VERSION="0.50"
- HUGO_VERSION="0.51"
- HUGO_VERSION="0.52"
- HUGO_VERSION="0.53"
- HUGO_VERSION="0.54.0"
- HUGO_VERSION="0.55.6"
- HUGO_VERSION="0.56.3"
- HUGO_VERSION="0.57.2"
- HUGO_VERSION="0.58.3"
install:
- wget https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_${HUGO_VERSION}_Linux-64bit.tar.gz
- tar xf hugo_${HUGO_VERSION}_Linux-64bit.tar.gz
- mv hugo ~/bin/
- hugo version
- gem install html-proofer
- htmlproofer --version
- git clone https://github.com/EmielH/hugo-theme-test.git
script:
- cd hugo-theme-test
- hugo -t tale-hugo --themesDir ../..
- htmlproofer public --check-html --disable-external --allow-hash-href --checks-to-ignore LinkCheck

21
themes/tale/LICENSE

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2018 Emiel Hollander
Copyright (c) 2018 Chester How (original theme)
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

160
themes/tale/README.md

@ -0,0 +1,160 @@
# Tale
[![Build Status](https://travis-ci.com/EmielH/tale-hugo.svg?branch=master)](https://travis-ci.com/EmielH/tale-hugo)
This is a port of the [Tale theme for Jekyll](https://github.com/chesterhow/tale) to Hugo. Tale is a minimal Jekyll theme curated for storytellers. Checkout the demo [here](https://chesterhow.github.io/tale/). I did not design this theme; I only ported it from Jekyll to Hugo.
![Tale screenshot](https://raw.githubusercontent.com/EmielH/tale-hugo/master/images/screenshot.png)
## Installation
### 1. Install the theme
If your site is also under version control using git, the easiest way to install this theme is to add it as a submodule. If you have not created a git repo for your project yet, you need to run `git init` beforehand. Inside the folder of your Hugo site, run the following command.
```
git submodule add https://github.com/EmielH/tale-hugo.git themes/tale
```
Alternatively, you can clone the theme into your project.
```
git clone https://github.com/EmielH/tale-hugo.git themes/tale
```
### 2. Configure Hugo
Add the following line to `config.toml` to tell Hugo to use the theme.
```
theme = "tale"
```
Alternatively, you can tell Hugo to use the theme with the `server` command.
```
hugo server -t tale
```
### Additional information
For more information, read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo.
### Update the theme
If you have installed the theme as a git submodule, you can update the theme by issuing the following command inside your project folder.
```
git submodule update --remote --rebase
```
If you have cloned the theme, you can run `git pull` inside the theme folder.
## Configuration
### Menu
The top menu uses [Hugo Menus](https://gohugo.io/content-management/menus/), with the name of the menu being `main`. To turn on the menu, follow the steps there - you can either add something like this to the front-matter of your pages:
```
---
menu: "main"
---
```
... or you can add a menu section to your `config` file:
```
sectionPagesMenu = "main"
```
Or if you want more control, add a specific entry for each item in your menu:
```
[menu]
[[menu.main]]
identifier = "about"
name = "About"
title = "About"
url = "/about/"
weight = 0
[[menu.main]]
identifier = "posts"
name = "Posts"
title = "Posts"
url = "/posts/"
weight = 0
```
For menu internationalization/translation, see [Multilingual Mode: Menus](https://gohugo.io/content-management/multilingual/#menus).
### Internationalisation (i18n)
Tale supports using other languages than English. Language files for the texts Tale uses are provided in the `i18n` directory. The default language is English. To switch languages, add the key `defaultContentLanguage` to your `config.toml` file. For example:
```
defaultContentLanguage = "nl"
```
To translate texts your site uses, add an `i18n` folder to your site.
Feel free to submit pull requests for other translations of Tale's texts.
[Hugo documentation for multilingual sites](//gohugo.io/content-management/multilingual/)
### Custom summaries
Tale allows for writing the summary of your posts manually by setting the `summary` variable in the page frontmatter. If this variable is not set, the summary that Hugo automatically generates will be used.
### Taxonomies
Tale has basic support for taxonomies. Taxonomy and terms pages will be generated when you have defined taxonomies, but you need to include links to these pages yourself. For example, you can add a link to a taxonomy page in `header-menu.html`.
### Placeholder partials
The theme contains placeholder partials to make the theme more flexible and easier to adapt to your site without having to change the theme itself. These are:
- `single/header.html`
- `single/footer.html`
These are included in the template for a single post, at the top of the post (below the title) and at the bottom of the post, respectively. These can be used, for example, to include additional information about the post author or for related posts. Create a file `/layouts/partials/single/header.html` or `footer.html` on your own site to have it included.
- `index/introduction.html`
This partial is included at the top of the list of posts on the index page, allowing you to add an introduction to your site.
### Copyright message
The copyright message in the footer uses the name of the author of the site, as defined in `config.toml`. For example:
```
[Author]
name = "Emiel"
```
### Additional CSS files
The theme can load additional CSS files for you, e.g. to override some of the styles, or the CSS that goes with a component that you're using. To add additional CSS files, put these files in the `static` folder of your site and add the `css` parameter to `config.toml`, like so:
```
[Params]
css = ["custom.css"]
```
To load multiple CSS files, use the parameter like this:
```
[Params]
css = ["custom.css", "custom2.css"]
```
## Acknowledgments
Thanks
- to [Chester How](//github.com/chesterhow) for creating the original [Tale theme for Jekyll](https://chesterhow.github.io/tale/),
- to [onedrawingperday](//github.com/onedrawingperday), [bep](//github.com/bep) and [digitalcraftsman](//github.com/digitalcraftsman) for their help in getting the theme working correctly with Hugo,
- to [lucperkins](https://github.com/lucperkins) for the [Fresh theme](https://github.com/lucperkins/hugo-fresh) from which I used some useful snippets of code.
## License
See [LICENSE](https://github.com/EmielH/tale-hugo/blob/master/LICENSE).

2
themes/tale/archetypes/default.md

@ -0,0 +1,2 @@
+++
+++

8
themes/tale/assets/scss/tale.scss

@ -0,0 +1,8 @@
@import 'tale/variables';
@import 'tale/base';
@import 'tale/code';
@import 'tale/post';
@import 'tale/syntax';
@import 'tale/layout';
@import 'tale/pagination';
@import 'tale/catalogue';

67
themes/tale/assets/scss/tale/_base.scss

@ -0,0 +1,67 @@
* {
@include box-sizing;
line-height: 1.5;
}
html,
body {
color: $default-color;
background-color: #fff;
margin: 0;
padding: 0;
}
html {
font-family: $serif-primary;
font-size: 14px;
overflow-y: scroll;
@media (min-width: 600px) {
font-size: 16px;
}
}
body {
-webkit-text-size-adjust: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $default-shade;
font-family: $sans-serif;
line-height: normal;
}
a {
color: $blue;
text-decoration: none;
}
blockquote {
border-left: .25rem solid $grey-2;
color: $grey-1;
margin: .8rem 0;
padding: .5rem 1rem;
p:last-child {
margin-bottom: 0;
}
@media (min-width: 600px) {
padding: 0 5rem 0 1.25rem;
}
}
img {
display: block;
margin: 0 0 1rem;
max-width: 100%;
}
td {
vertical-align: top;
}

39
themes/tale/assets/scss/tale/_catalogue.scss

@ -0,0 +1,39 @@
.catalogue {
&-item {
border-bottom: 1px solid $grey-2;
color: $default-color;
display: block;
padding: 2rem 0;
&:hover .catalogue-line,
&:focus .catalogue-line {
width: 5rem;
}
&:last-child {
border: 0;
}
}
&-time {
color: $default-tint;
font-family: $serif-secondary;
letter-spacing: .5px;
}
&-title {
color: $default-shade;
display: block;
font-family: $sans-serif;
font-size: 2rem;
font-weight: 700;
margin: .5rem 0;
}
&-line {
@include transition(all .3s ease-out);
border-top: .2rem solid $default-shade;
display: block;
width: 2rem;
}
}

47
themes/tale/assets/scss/tale/_code.scss

@ -0,0 +1,47 @@
pre,
code {
font-family: $monospaced;
}
code {
background-color: $grey-3;
border-radius: 3px;
color: $code-color;
font-size: 85%;
padding: .25em .5em;
white-space: pre-wrap;
}
pre {
margin: 0 0 1rem;
}
pre code {
background-color: transparent;
color: inherit;
font-size: 100%;
padding: 0;
}
.highlight {
background-color: $grey-3;
border-radius: 3px;
line-height: 1.4;
margin: 0 0 1rem;
padding: 1rem;
pre {
margin-bottom: 0;
overflow-x: auto;
}
.lineno {
color: $default-tint;
display: inline-block; // Ensures the null space also isn't selectable
padding: 0 .75rem 0 .25rem;
// Make sure numbers aren't selectable
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
}

92
themes/tale/assets/scss/tale/_layout.scss

@ -0,0 +1,92 @@
.container {
margin: 0 auto;
max-width: 800px;
width: 80%;
}
main,
footer,
.nav-container {
display: block;
margin: 0 auto;
max-width: 800px;
width: 80%;
}
.nav {
box-shadow: 0 2px 2px -2px $shadow-color;
overflow: auto;
&-container {
margin: 1rem auto;
position: relative;
text-align: center;
}
&-title {
@include transition(all .2s ease-out);
color: $default-color;
display: inline-block;
margin: 0;
padding-right: .2rem;
&:hover,
&:focus {
opacity: .6;
}
}
ul {
list-style-type: none;
margin: 1rem 0 0;
padding: 0;
text-align: center;
}
li {
@include transition(all .2s ease-out);
color: $default-color;
display: inline-block;
opacity: .6;
padding: 0 2rem 0 0;
&:last-child {
padding-right: 0;
}
&:hover,
&:focus {
opacity: 1;
}
}
a {
color: $default-color;
font-family: $sans-serif;
}
}
@media (min-width: 600px) {
.nav {
&-container {
text-align: left;
}
ul {
bottom: 0;
position: absolute;
right: 0;
}
}
}
footer {
font-family: $serif-secondary;
padding: 2rem 0;
text-align: center;
span {
color: $default-color;
font-size: .8rem;
}
}

44
themes/tale/assets/scss/tale/_pagination.scss

@ -0,0 +1,44 @@
.pagination {
border-top: .5px solid $grey-2;
font-family: $serif-secondary;
padding-top: 2rem;
position: relative;
text-align: center;
span {
color: $default-shade;
font-size: 1.1rem;
}
.top {
@include transition(all .3s ease-out);
color: $default-color;
font-family: $sans-serif;
font-size: 1.1rem;
opacity: .6;
&:hover {
opacity: 1;
}
}
.arrow {
@include transition(all .3s ease-out);
color: $default-color;
position: absolute;
&:hover,
&:focus {
opacity: .6;
text-decoration: none;
}
}
.left {
left: 0;
}
.right {
right: 0;
}
}

63
themes/tale/assets/scss/tale/_post.scss

@ -0,0 +1,63 @@
.post {
padding: 3rem 0;
&-info {
color: $default-tint;
font-family: $serif-secondary;
letter-spacing: 0.5px;
text-align: center;
span {
font-style: italic;
}
}
&-title {
color: $default-shade;
font-family: $sans-serif;
font-size: 4rem;
margin: 1rem 0;
text-align: center;
}
&-line {
border-top: 0.4rem solid $default-shade;
display: block;
margin: 0 auto 3rem;
width: 4rem;
}
p {
margin: 0 0 1rem;
text-align: justify;
}
a:hover {
text-decoration: underline;
}
img {
margin: 0 auto 0.5rem;
}
img + em {
color: $default-tint;
display: block;
font-family: $sans-serif;
font-size: 0.9rem;
font-style: normal;
text-align: center;
}
// CSS for making emoji inline
img.emoji {
display: inline-block;
left: 0;
transform: none;
width: 1rem;
height: 1rem;
vertical-align: text-top;
padding: 0;
margin: 0;
}
}

65
themes/tale/assets/scss/tale/_syntax.scss

@ -0,0 +1,65 @@
.highlight .hll { background-color: #ffc; }
.highlight .c { color: #999; } /* Comment */
.highlight .err { color: #a00; background-color: #faa } /* Error */
.highlight .k { color: #069; } /* Keyword */
.highlight .o { color: #555 } /* Operator */
.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #099 } /* Comment.Preproc */
.highlight .c1 { color: #999; } /* Comment.Single */
.highlight .cs { color: #999; } /* Comment.Special */
.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #f00 } /* Generic.Error */
.highlight .gh { color: #030; } /* Generic.Heading */
.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
.highlight .go { color: #aaa } /* Generic.Output */
.highlight .gp { color: #009; } /* Generic.Prompt */
.highlight .gs { } /* Generic.Strong */
.highlight .gu { color: #030; } /* Generic.Subheading */
.highlight .gt { color: #9c6 } /* Generic.Traceback */
.highlight .kc { color: #069; } /* Keyword.Constant */
.highlight .kd { color: #069; } /* Keyword.Declaration */
.highlight .kn { color: #069; } /* Keyword.Namespace */
.highlight .kp { color: #069 } /* Keyword.Pseudo */
.highlight .kr { color: #069; } /* Keyword.Reserved */
.highlight .kt { color: #078; } /* Keyword.Type */
.highlight .m { color: #f60 } /* Literal.Number */
.highlight .s { color: #d44950 } /* Literal.String */
.highlight .na { color: #4f9fcf } /* Name.Attribute */
.highlight .nb { color: #366 } /* Name.Builtin */
.highlight .nc { color: #0a8; } /* Name.Class */
.highlight .no { color: #360 } /* Name.Constant */
.highlight .nd { color: #99f } /* Name.Decorator */
.highlight .ni { color: #999; } /* Name.Entity */
.highlight .ne { color: #c00; } /* Name.Exception */
.highlight .nf { color: #c0f } /* Name.Function */
.highlight .nl { color: #99f } /* Name.Label */
.highlight .nn { color: #0cf; } /* Name.Namespace */
.highlight .nt { color: #2f6f9f; } /* Name.Tag */
.highlight .nv { color: #033 } /* Name.Variable */
.highlight .ow { color: #000; } /* Operator.Word */
.highlight .w { color: #bbb } /* Text.Whitespace */
.highlight .mf { color: #f60 } /* Literal.Number.Float */
.highlight .mh { color: #f60 } /* Literal.Number.Hex */
.highlight .mi { color: #f60 } /* Literal.Number.Integer */
.highlight .mo { color: #f60 } /* Literal.Number.Oct */
.highlight .sb { color: #c30 } /* Literal.String.Backtick */
.highlight .sc { color: #c30 } /* Literal.String.Char */
.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #c30 } /* Literal.String.Double */
.highlight .se { color: #c30; } /* Literal.String.Escape */
.highlight .sh { color: #c30 } /* Literal.String.Heredoc */
.highlight .si { color: #a00 } /* Literal.String.Interpol */
.highlight .sx { color: #c30 } /* Literal.String.Other */
.highlight .sr { color: #3aa } /* Literal.String.Regex */
.highlight .s1 { color: #c30 } /* Literal.String.Single */
.highlight .ss { color: #fc3 } /* Literal.String.Symbol */
.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #033 } /* Name.Variable.Class */
.highlight .vg { color: #033 } /* Name.Variable.Global */
.highlight .vi { color: #033 } /* Name.Variable.Instance */
.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
.css .o,
.css .o + .nt,
.css .nt + .nt { color: #999; }

29
themes/tale/assets/scss/tale/_variables.scss

@ -0,0 +1,29 @@
// Colors
$default-color: #555;
$default-shade: #353535;
$default-tint: #aaa;
$grey-1: #979797;
$grey-2: #e5e5e5;
$grey-3: #f9f9f9;
$white: #fff;
$blue: #4a9ae1;
$shadow-color: rgba(0, 0, 0, .2);
$code-color: #bf616a;
// Fonts
$serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif;
$serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif;
$sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
$monospaced: Menlo, Monaco, monospace;
@mixin box-sizing($type: border-box) {
-webkit-box-sizing: $type;
-moz-box-sizing: $type;
box-sizing: $type;
}
@mixin transition($args...) {
-webkit-transition: $args;
-moz-transition: $args;
transition: $args;
}

12
themes/tale/data/months_de.yaml

@ -0,0 +1,12 @@
1: "Januar"
2: "Februar"
3: "März"
4: "April"
5: "Mai"
6: "Juni"
7: "Juli"
8: "August"
9: "September"
10: "Oktober"
11: "November"
12: "Dezember"

12
themes/tale/data/months_es.yaml

@ -0,0 +1,12 @@
1: "enero"
2: "febrero"
3: "marzo"
4: "abril"
5: "mayo"
6: "junio"
7: "julio"
8: "agosto"
9: "septiembre"
10: "octubre"
11: "noviembre"
12: "diciembre"

12
themes/tale/data/months_fr.yaml

@ -0,0 +1,12 @@
1: "janvier"
2: "février"
3: "mars"
4: "avril"
5: "mai"
6: "juin"
7: "juillet"
8: "août"
9: "septembre"
10: "octobre"
11: "novembre"
12: "décembre"

12
themes/tale/data/months_nl.yaml

@ -0,0 +1,12 @@
1: "januari"
2: "februari"
3: "maart"
4: "april"
5: "mei"
6: "juni"
7: "juli"
8: "augustus"
9: "september"
10: "oktober"
11: "november"
12: "december"

11
themes/tale/i18n/de.toml

@ -0,0 +1,11 @@
[writtenBy]
other = "Von"
[on]
other = "am"
[generator]
other = "Made with <a href='https://gohugo.io'>Hugo</a> using the <a href='https://github.com/EmielH/tale-hugo/'>Tale</a> theme."
[publishdate]
other = "{{ .PublishDate.Day }}. {{ index $.Site.Data.months_de (printf \"%d\" .PublishDate.Month) }} {{ .PublishDate.Year }}"

11
themes/tale/i18n/en.toml

@ -0,0 +1,11 @@
[writtenBy]
other = "Written by"
[on]
other = "on"
[generator]
other = "Made with <a href='https://gohugo.io'>Hugo</a> using the <a href='https://github.com/EmielH/tale-hugo/'>Tale</a> theme."
[publishdate]
other = "{{ .PublishDate.Format \"January 2, 2006\" }}"

11
themes/tale/i18n/es.toml

@ -0,0 +1,11 @@
[writtenBy]
other = "Escrito por"
[on]
other = "el"
[generator]
other = "Hecho con <a href='https://gohugo.io'>Hugo</a> usando el tema <a href='https://github.com/EmielH/tale-hugo/'>Tale</a>."
[publishdate]
other = "{{ .PublishDate.Day }} de {{ index $.Site.Data.months_es (printf \"%d\" .PublishDate.Month) }} de {{ .PublishDate.Year }}"