diff options
| author | Alexandre Vicenzi <vicenzi.alexandre@gmail.com> | 2020-02-10 21:38:11 +0300 |
|---|---|---|
| committer | Alexandre Vicenzi <vicenzi.alexandre@gmail.com> | 2020-02-10 21:38:11 +0300 |
| commit | 6283825517f49afa18b4bb6f1d820a08f8f6e290 (patch) | |
| tree | 06337007eed707d40f0135b6d36c2f4d20d59d66 | |
| parent | a56b6f866fe0a9e6aaf3ecaebf43bf3b2a00a88b (diff) | |
Lanyon update
28 files changed, 449 insertions, 471 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..ca4d540 --- /dev/null +++ b/.gitignore @@ -0,0 +1,27 @@ +# Compiled Object files, Static and Dynamic libs (Shared Objects) +*.o +*.a +*.so + +# Folders +_obj +_test + +# Architecture specific extensions/prefixes +*.[568vq] +[568vq].out + +*.cgo1.go +*.cgo2.c +_cgo_defun.c +_cgo_gotypes.go +_cgo_export.* + +_testmain.go + +*.exe +*.test + +/public +/themes +.DS_Store diff --git a/CHANGELOG.md b/CHANGELOG.md deleted file mode 100644 index 891329a..0000000 --- a/CHANGELOG.md +++ /dev/null @@ -1,7 +0,0 @@ -# Changelog - -## Version 1.0 - -- Due to the switch to the base template feature the minimum required version of Hugo changed to v0.21 -- Support for Google Analytics have been added -- Hugo's internal Disqus template replaced the custom one of this theme. The Disqus shortname now has to be defined outsite the `[params]` blog diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..61db97b --- /dev/null +++ b/Dockerfile @@ -0,0 +1,3 @@ +FROM golang:latest + +RUN go get -v github.com/gohugoio/hugo @@ -1,9 +1,7 @@ -# Released under MIT License - -Copyright (c) 2013 Mark Otto. +Copyright 2020 Alexandre Vicenzi 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.
\ No newline at end of file +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. @@ -1,219 +1,94 @@ -# Hyde - -Hyde is a brazen two-column [hugo](https://gohugo.io) theme based on the [Jekyll](http://jekyllrb.com) theme of the same name. -It pairs a prominent sidebar with uncomplicated content. - - - - -## Contents - -- [Installation](#installation) -- [Options](#options) - - [Sidebar menu](#sidebar-menu) - - [Sidebar description](#sidebar-description) - - [Sticky sidebar content](#sticky-sidebar-content) - - [Themes](#themes) - - [Reverse layout](#reverse-layout) - - [Disqus](#disqus) - - [Google Analytics](#google-analytics) -- [Author](#author) -- [Ported by](#ported-by) -- [License](#license) +# Lanyon +Lanyon is a minimalist brazen two-column [hugo](https://gohugo.io) theme based on [Hyde](https://github.com/spf13/hyde) and inspired by the success of [Flex](https://github.com/alexandrevicenzi/Flex). ## Installation -### Quick Start - -To give you a running start this installation puts a fully configured [starter repo](https://github.com/forestryio/hyde-hugo-starter) into your Git account and sets it up in a content manager / CMS. - -_[Forestry](https://forestry.io) Starter-Kit:_ - -[](https://app.forestry.io/quick-start?repo=forestryio/hyde-hugo-starter&provider=github&engine=hugo&version=0.49) - -### Standard Installation - -To install Hyde as your default theme, first install this repository in the `themes/` directory: +To install Lanyon as your default theme, first install this repository in the `themes/` directory: $ cd themes/ - $ git clone https://github.com/spf13/hyde.git + $ git clone https://github.com/alexandrevicenzi/lanyon.git -Second, specify `hyde` as your default theme in the `config.toml` file. Just add the line +Second, specify `lanyon` as your default theme in the `config.toml` file. Just add the line - theme = "hyde" + theme = "lanyon" at the top of the file. +## Configuration -## Options - -Hyde includes some customizable options, typically applied via classes on the `<body>` element. - - -### Sidebar menu - -Create a list of nav links in the sidebar by assigning "menu=main" in the front matter, like so: - -**TOML** ```toml -theme = "hyde" - -[Menus] - main = [ - {Name = "Github", URL = "https://github.com/username/"}, - {Name = "LinkedIn", URL = "https://www.linkedin.com/in/username/"} - ] -``` - -**YAML** -```yaml -theme: "hyde" - -Menus: - main: - - Name: "Github" - URL: "https://github.com/username/" - - Name: "LinkedIn" - URL: "https://www.linkedin.com/in/username/" -``` +baseURL = "https://example.com" +title = "Lanyon" +author = "Author Name" +languageCode = "en" +enableInlineShortcodes = true -### Sidebar description -Customise the describe of your page using `description`, like so: - -**TOML** -```toml -theme = "hyde" +summarylength = 10 +enableEmoji = true [params] - description = "Your custom description" -``` - -**YAML** -```yaml -theme: "hyde" - -params: - description = "Your custom description" +description = "My Blog" + +## Set one of: +# gravatar = "lanyon@example.com" +profilePicture = "images/profile.png" + +copyright = "Author Name" +license = "CC BY-SA 4.0" +licenseURL = "https://creativecommons.org/licenses/by-sa/4.0" + +## Set custom theme color. +# themeColor = "#fc2803" + +## Set custom CSS and/or JS to override site defaults. +customCss = ["css/blog.css"] +customJs = ["js/blog.js"] + + ## Set as many as you want. + [[params.socialIcons]] + icon = "fa-linkedin" + title = "Linkedin" + url = "#" + + [[params.socialIcons]] + icon = "fa-github" + title = "GitHub" + url = "#" + + [[params.socialIcons]] + icon = "fa-twitter" + title = "Twitter" + url = "#" + +[menu] + + [[menu.main]] + name = "Posts" + weight = 100 + identifier = "posts" + url = "/posts/" + + [[menu.main]] + name = "About" + identifier = "about" + weight = 300 + url = "/about/" + +[markup] + + [markup.highlight] + codeFences = true + guessSyntax = false + hl_Lines = "" + lineNoStart = 1 + lineNos = false + lineNumbersInTable = true + noClasses = true # if false, you need to provide you own custom CSS + style = "monokai" + tabWidth = 4 ``` - -### Sticky sidebar content - -By default Hyde ships with a sidebar that affixes it's content to the bottom of the sidebar. You can optionally disabled this by removing the `.sidebar-sticky` class from the sidebar's `.container`. Sidebar content will then normally flow from top to bottom. - -```html -<!-- Default sidebar --> -<div class="sidebar"> - <div class="container sidebar-sticky"> - ... - </div> -</div> - -<!-- Modified sidebar --> -<div class="sidebar"> - <div class="container"> - ... - </div> -</div> -``` - - -### Themes - -Hyde ships with eight optional themes based on the [base16 color scheme](https://github.com/chriskempson/base16). Apply a theme to change the color scheme (mostly applies to sidebar and links). - - - -There are eight themes available at this time. - - - -To use a theme, add the `themeColor` variable under `params`, like so: - -**TOML** -```toml -theme = "hyde" - -[params] - themeColor = "theme-base-09" -``` - -**YAML** -```yaml -theme: "hyde" - -params: - themeColor: "theme-base-09" -``` - -To create your own theme, look to the Themes section of [included CSS file](https://github.com/poole/hyde/blob/master/public/css/hyde.css). Copy any existing theme (they're only a few lines of CSS), rename it, and change the provided colors. - -### Reverse layout - - - -To reverse page orientation, add the `layoutReverse` variable under `params`, like so: - -**TOML** -```toml -theme = "hyde" - -[params] - layoutReverse = true -``` - -**YAML** -```yaml -theme: "hyde" - -params: - layoutReverse: true -``` - -### Disqus - -You can optionally enable a comment system powered by Disqus for the posts. Simply add the variable `disqusShortname` to your config file. - -**TOML** -```toml -disqusShortname = "spf13" -``` - -**YAML** -```yaml -disqusShortname : spf13 -``` - -> **Note:** Previous version 1.0 the Disqus shortname had to be defined inside the `[params]` block. - - -## Google Analytics - -Google Analytics can be enabled by assigning your tracking code to the `googleAnalytics` variable in the config file: - -**TOML** -```toml -googleAnalytics = "Your tracking code" -``` - -**YAML** -```yaml -googleAnalytics: Your tracking code -``` - -## Author -**Mark Otto** -- <https://github.com/mdo> -- <https://twitter.com/mdo> - -## Ported By -**Steve Francia** -- <https://github.com/spf13> -- <https://twitter.com/spf13> - ## License -Open sourced under the [MIT license](LICENSE.md). - -<3 +MIT diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..ffe233d --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,11 @@ +version: '3' +services: + app: + build: . + working_dir: /go/src/github.com/alexandrevicenzi/lanyon/hugoBasicExample + command: hugo server -v --bind "0.0.0.0" --port 1313 --watch -t lanyon + ports: + - "1313:1313" + volumes: + - ./hugoBasicExample:/go/src/github.com/alexandrevicenzi/lanyon/hugoBasicExample + - .:/go/src/github.com/alexandrevicenzi/lanyon/hugoBasicExample/themes/lanyon @@ -1,3 +1,3 @@ -module github.com/spf13/hyde +module github.com/alexandrevicenzi/lanyon go 1.12 diff --git a/images/screenshot.png b/images/screenshot.png Binary files differindex 8248097..c664dff 100644 --- a/images/screenshot.png +++ b/images/screenshot.png diff --git a/images/tn.png b/images/tn.png Binary files differindex b6778fd..7752556 100644 --- a/images/tn.png +++ b/images/tn.png diff --git a/layouts/404.html b/layouts/404.html index a919514..4f1c246 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,4 +1,7 @@ {{ define "main" -}} -<h1>404: Page not found</h1> -<p class="lead">Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ .Site.BaseURL }}">Head back home</a> to try finding it again.</p> -{{- end }}
\ No newline at end of file +<h1>Page not found</h1> +<p class="lead"> + Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. + <a href="{{ .Site.BaseURL }}">Head back home</a> to try finding it again. +</p> +{{- end }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 4fada03..658c98e 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,10 +1,62 @@ -{{ partial "head.html" . }} - <body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}"> +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"{{with .Site.LanguageCode}} xml:lang="{{.}}" lang="{{.}}"{{end}}> +<head> + <meta http-equiv="content-type" content="text/html; charset=utf-8"> + + {{ hugo.Generator }} + + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + {{ if .IsHome -}} + <title>{{ .Site.Title }}</title> + {{- else -}} + <title>{{ .Title }} · {{ .Site.Title }}</title> + {{- end }} + + <meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" /> + + <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print"> + <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css"> + <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css"> + + {{ partial "theme-color.html" . }} + + {{ range $.Site.Params.customCss -}} + <link type="text/css" rel="stylesheet" href="{{ $.Site.BaseURL }}{{ . }}"> + {{- end}} + + <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap" rel="stylesheet"> + + <link rel="stylesheet" + href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" + integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" + crossorigin="anonymous" /> + + <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png"> + <link rel="shortcut icon" href="/favicon.png"> + + <!-- RSS --> + {{ range .AlternativeOutputFormats -}} + {{ printf `<link href="%s" rel="%s" type="%s" title="%s" />` .Permalink .Rel .MediaType.Type $.Site.Title | safeHTML }} + {{ end -}} +</head> +<body> {{ partial "sidebar.html" . }} - <main class="content container"> - {{ block "main" . -}}{{- end }} - </main> - {{ template "_internal/google_analytics_async.html" . }} - </body> + <main class="content container"> + {{ block "main" . -}}{{- end }} + </main> + + {{ partial "footer.html" . }} + + <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/js/all.min.js" + integrity="sha256-MAgcygDRahs+F/Nk5Vz387whB4kSK9NXlDN3w58LLq0=" + crossorigin="anonymous"></script> + + {{ range $.Site.Params.customJs -}} + <script src="{{ $.Site.BaseURL }}{{ . }}"></script> + {{- end}} + + {{ template "_internal/google_analytics_async.html" . }} +</body> </html> diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 47a6453..b5b6ed3 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,9 +1,13 @@ {{ define "main" -}} <ul class="posts"> -{{ range .Data.Pages -}} + <h1>{{ .Title }}</h1> + {{ range .Data.Pages -}} <li> - <span><a href="{{ .Permalink }}">{{ .Title }}</a> <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span> + <span> + <a href="{{ .Permalink }}">{{ .Title }}</a> + <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> + </span> </li> -{{- end }} + {{- end }} </ul> {{- end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 735bbf7..b3554ca 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,12 +1,19 @@ {{ define "main" -}} <div class="post"> <h1>{{ .Title }}</h1> - <time datetime={{ .Date.Format "2006-01-02T15:04:05Z0700" }} class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</time> + + {{ if ne .Type "page" -}} + <div class="post-date"> + <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> · {{ .ReadingTime }} min read + </div> + {{- end }} + {{ .Content }} </div> -{{ if .Site.DisqusShortname -}} +{{ if (and .Site.DisqusShortname (eq .Params.DisableComments false)) -}} <h2>Comments</h2> {{ template "_internal/disqus.html" . }} {{- end }} + {{- end }} diff --git a/layouts/index.html b/layouts/index.html index ec6d2eb..28e95ae 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,18 +1,29 @@ {{ define "main" -}} <div class="posts"> -{{ range .Site.RegularPages -}} -<article class="post"> - <h1 class="post-title"> - <a href="{{ .Permalink }}">{{ .Title }}</a> - </h1> - <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" class="post-date">{{ .Date.Format "Mon, Jan 2, 2006" }}</time> - {{ .Summary }} - {{ if .Truncated }} - <div class="read-more-link"> - <a href="{{ .RelPermalink }}">Read More…</a> - </div> - {{ end }} -</article> -{{- end }} + {{ range .Site.RegularPages -}} + {{ if and (or (eq .Type "post") (eq .Type "article")) (or (not (isset .Params "Hidden")) (eq .Params.Hidden false)) -}} + <article class="post"> + <h1 class="post-title"> + <a href="{{ .Permalink }}">{{ .Title }}</a> + </h1> + + <div class="post-date"> + <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> · {{ .ReadingTime }} min read + </div> + + {{ if .Description }} + {{ .Description }} + {{ else }} + {{ .Summary }} + {{ end }} + + {{ if .Truncated }} + <div class="read-more-link"> + <a href="{{ .RelPermalink }}">Read More</a> + </div> + {{ end }} + </article> + {{- end }} + {{- end }} </div> {{- end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..d8e44e7 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,5 @@ +<footer> + <div class="copyright"> + © {{ $.Site.Params.copyright }} {{ now.Format "2006"}} · {{ with $.Site.Params.license }}<a href="{{ $.Site.Params.licenseURL }}">{{ . | safeHTML }}</a>{{end}} + </div> +</footer> diff --git a/layouts/partials/head.html b/layouts/partials/head.html deleted file mode 100644 index 56a3157..0000000 --- a/layouts/partials/head.html +++ /dev/null @@ -1,35 +0,0 @@ -<!DOCTYPE html> -<html xmlns="http://www.w3.org/1999/xhtml"{{with .Site.LanguageCode}} xml:lang="{{.}}" lang="{{.}}"{{end}}> -<head> - <link href="https://gmpg.org/xfn/11" rel="profile"> - <meta http-equiv="content-type" content="text/html; charset=utf-8"> - {{ hugo.Generator }} - - <!-- Enable responsiveness on mobile devices--> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - - {{ if .IsHome -}} - <title>{{ .Site.Title }}</title> - {{- else -}} - <title>{{ .Title }} · {{ .Site.Title }}</title> - {{- end }} - <meta name="description" content="{{if .IsHome}}{{ $.Site.Params.description }}{{else}}{{.Description}}{{end}}" /> - - <!-- CSS --> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/print.css" media="print"> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css"> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css"> - <link type="text/css" rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css"> - {{ partial "head_fonts.html" . }} - - <!-- Icons --> - <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png"> - <link rel="shortcut icon" href="/favicon.png"> - - <!-- RSS etc --> - {{ range .AlternativeOutputFormats -}} - {{ printf `<link href="%s" rel="%s" type="%s" title="%s" />` .Permalink .Rel .MediaType.Type $.Site.Title | safeHTML }} - {{ end -}} - - {{ partial "hook_head_end.html" . }} -</head> diff --git a/layouts/partials/head_fonts.html b/layouts/partials/head_fonts.html deleted file mode 100644 index 4729eb2..0000000 --- a/layouts/partials/head_fonts.html +++ /dev/null @@ -1 +0,0 @@ - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface|PT+Sans:400,400i,700"> diff --git a/layouts/partials/hook_head_end.html b/layouts/partials/hook_head_end.html deleted file mode 100644 index e69de29..0000000 --- a/layouts/partials/hook_head_end.html +++ /dev/null diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 162fcad..22ecbf5 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,21 +1,44 @@ <aside class="sidebar"> - <div class="container sidebar-sticky"> + <div class="container"> <div class="sidebar-about"> - <a href="{{ .Site.BaseURL }}"><h1>{{ .Site.Title }}</h1></a> - <p class="lead"> - {{ with .Site.Params.description }} {{.}} {{ else }}An elegant open source and mobile first theme for <a href="http://hugo.spf13.com">hugo</a> made by <a href="http://twitter.com/mdo">@mdo</a>. Originally made for Jekyll.{{end}} - </p> + {{ with .Site.Params.gravatar }} + <div class="author-image"> + <img src="https://www.gravatar.com/avatar/{{md5 .}}?s=200&d=mp" class="img-circle img-headshot center" alt="Gravatar"> + </div> + {{ else }} + {{ with .Site.Params.profilePicture }} + <div class="author-image"> + <img src="{{ $.Site.BaseURL }}{{ . }}" class="img-circle img-headshot center" alt="Profile Picture"> + </div> + {{ end }} + {{ end }} + + <h1>{{ .Site.Title }}</h1> + + {{ with .Site.Params.description }} + <p class="lead">{{.}}</p> + {{end}} </div> <nav> <ul class="sidebar-nav"> - <li><a href="{{ .Site.BaseURL }}">Home</a> </li> + <li> + <a href="{{ .Site.BaseURL }}">Home</a> + </li> {{ range .Site.Menus.main -}} - <li><a href="{{.URL}}"> {{ .Name }} </a></li> + <li> + <a href="{{.URL}}"> {{ .Name }} </a> + </li> {{- end }} </ul> </nav> - <p>{{ with .Site.Params.copyright }}{{.}}{{ else }}© {{ now.Format "2006"}}. All rights reserved. {{end}}</p> + <section class="social-icons"> + {{ range $item := .Site.Params.socialIcons }} + <a href="{{ $item.url }}" rel="me" title="{{ $item.title }}"> + <i class="fab {{ $item.icon }}" aria-hidden="true"></i> + </a> + {{ end }} + </section> </div> </aside> diff --git a/layouts/partials/theme-color.html b/layouts/partials/theme-color.html new file mode 100644 index 0000000..0f624af --- /dev/null +++ b/layouts/partials/theme-color.html @@ -0,0 +1,17 @@ +{{ with $.Site.Params.themeColor }} +<style type="text/css"> + .sidebar { + background-color: {{ . }}; + } + + .read-more-link a { + border-color: {{ . }}; + } + + footer a, + .content a, + .related-posts li a:hover { + color: {{ . }}; + } +</style> +{{ end }} diff --git a/static/apple-touch-icon-144-precomposed.png b/static/apple-touch-icon-144-precomposed.png Binary files differindex 19323de..f1fd774 100644 --- a/static/apple-touch-icon-144-precomposed.png +++ b/static/apple-touch-icon-144-precomposed.png diff --git a/static/css/hyde.css b/static/css/hyde.css index 1ddbdda..6ca0a7f 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,7 +32,7 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: 'Open Sans', 'Roboto', Helvetica, Arial, sans-serif; } @media (min-width: 48em) { html { @@ -66,7 +66,6 @@ html { left: 0; bottom: 0; width: 18rem; - text-align: left; } } @@ -79,8 +78,8 @@ html { .sidebar-about h1 { color: #fff; margin-top: 0; - font-family: "Abril Fatface", serif; - font-size: 3.25rem; + font-size: 2.25rem; + font-weight: 400; } /* Sidebar nav */ @@ -99,22 +98,6 @@ a.sidebar-nav-item:focus { font-weight: bold; } -/* Sticky sidebar - * - * Add the `sidebar-sticky` class to the sidebar's container to affix it the - * contents to the bottom of the sidebar in tablets and up. - */ - -@media (min-width: 48em) { - .sidebar-sticky { - position: absolute; - right: 1rem; - bottom: 1rem; - left: 1rem; - } -} - - /* Container * * Align the contents of the site above the proper threshold with some margin-fu @@ -122,15 +105,35 @@ a.sidebar-nav-item:focus { */ .content { - padding-top: 4rem; - padding-bottom: 4rem; + padding-top: 2rem; + padding-bottom: 2rem; + min-height: 50%; +} + + +html, +body { + height: 100%; + width: 100%; } +.copyright { + font-size: .7rem; + text-align: center; +} + +footer { + height: 40px; +} + + @media (min-width: 48em) { .content { max-width: 38rem; margin-left: 20rem; margin-right: 2rem; + margin-bottom: -40px; + min-height: 100%; } } @@ -141,110 +144,68 @@ a.sidebar-nav-item:focus { } } - -/* - * Reverse layout - * - * Flip the orientation of the page by placing the `.sidebar` on the right. - */ - -@media (min-width: 48em) { - .layout-reverse .sidebar { - left: auto; - right: 0; - } - .layout-reverse .content { - margin-left: 2rem; - margin-right: 20rem; - } +.img-circle { + border-radius: 50%; } -@media (min-width: 64em) { - .layout-reverse .content { - margin-left: 4rem; - margin-right: 22rem; - } +.img-headshot { + border: 6px solid #fff; + height: 180px; + width: 180px; } - - -/* - * Themes - * - * As of v1.1, Hyde includes optional themes to color the sidebar and links - * within blog posts. To use, add the class of your choosing to the `body`. - */ - -/* Base16 (http://chriskempson.github.io/base16/#default) */ - -/* Red */ -.theme-base-08 .sidebar { - background-color: #ac4142; -} -.theme-base-08 .content a, -.theme-base-08 .related-posts li a:hover { - color: #ac4142; +.center { + display: block; + margin-left: auto; + margin-right: auto; } -/* Orange */ -.theme-base-09 .sidebar { - background-color: #d28445; -} -.theme-base-09 .content a, -.theme-base-09 .related-posts li a:hover { - color: #d28445; +.sidebar { + background-color: #49757a; + color: #fff; } -/* Yellow */ -.theme-base-0a .sidebar { - background-color: #f4bf75; -} -.theme-base-0a .content a, -.theme-base-0a .related-posts li a:hover { - color: #f4bf75; +.sidebar a, +.sidebar-about h1 { + color: #fff; } -/* Green */ -.theme-base-0b .sidebar { - background-color: #90a959; -} -.theme-base-0b .content a, -.theme-base-0b .related-posts li a:hover { - color: #90a959; +footer a, +.content a, +.related-posts li a:hover { + color: #49757a; } -/* Cyan */ -.theme-base-0c .sidebar { - background-color: #75b5aa; -} -.theme-base-0c .content a, -.theme-base-0c .related-posts li a:hover { - color: #75b5aa; +.read-more-link { + margin-top: 1rem; } -/* Blue */ -.theme-base-0d .sidebar { - background-color: #6a9fb5; +.read-more-link a { + padding: 8px 16px; + border: 1px solid; + border-color: #49757a; + border-radius: 4px; } -.theme-base-0d .content a, -.theme-base-0d .related-posts li a:hover { - color: #6a9fb5; + +.read-more-link a:hover { + text-decoration: none; } -/* Magenta */ -.theme-base-0e .sidebar { - background-color: #aa759f; +.pull-right { + float: right; } -.theme-base-0e .content a, -.theme-base-0e .related-posts li a:hover { - color: #aa759f; + +ul.posts { + list-style: none; } -/* Brown */ -.theme-base-0f .sidebar { - background-color: #8f5536; +.social-icons, +.sidebar nav { + margin-top: 1rem; } -.theme-base-0f .content a, -.theme-base-0f .related-posts li a:hover { - color: #8f5536; + +.social-icons a, +.social-icons a:hover, +.social-icons a:focus { + text-decoration: none !important; } diff --git a/static/css/poole.css b/static/css/poole.css index ec6a32f..bd7d30e 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -304,7 +304,7 @@ tbody tr:nth-child(odd) th { .page, .post { - margin-bottom: 4em; + margin-bottom: 2em; } /* Blog post or page title */ diff --git a/static/css/print.css b/static/css/print.css index da8f1df..7c733f3 100644 --- a/static/css/print.css +++ b/static/css/print.css @@ -1,4 +1,4 @@ -.sidebar { +.sidebar, .post-date { display: none !important; } diff --git a/static/css/syntax.css b/static/css/syntax.css deleted file mode 100644 index 1264b87..0000000 --- a/static/css/syntax.css +++ /dev/null @@ -1,66 +0,0 @@ -.hll { background-color: #ffffcc } - /*{ background: #f0f3f3; }*/ -.c { color: #999; } /* Comment */ -.err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.k { color: #006699; } /* Keyword */ -.o { color: #555555 } /* Operator */ -.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ -.cp { color: #009999 } /* Comment.Preproc */ -.c1 { color: #999; } /* Comment.Single */ -.cs { color: #999; } /* Comment.Special */ -.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.ge { font-style: italic } /* Generic.Emph */ -.gr { color: #FF0000 } /* Generic.Error */ -.gh { color: #003300; } /* Generic.Heading */ -.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.go { color: #AAAAAA } /* Generic.Output */ -.gp { color: #000099; } /* Generic.Prompt */ -.gs { } /* Generic.Strong */ -.gu { color: #003300; } /* Generic.Subheading */ -.gt { color: #99CC66 } /* Generic.Traceback */ -.kc { color: #006699; } /* Keyword.Constant */ -.kd { color: #006699; } /* Keyword.Declaration */ -.kn { color: #006699; } /* Keyword.Namespace */ -.kp { color: #006699 } /* Keyword.Pseudo */ -.kr { color: #006699; } /* Keyword.Reserved */ -.kt { color: #007788; } /* Keyword.Type */ -.m { color: #FF6600 } /* Literal.Number */ -.s { color: #d44950 } /* Literal.String */ -.na { color: #4f9fcf } /* Name.Attribute */ -.nb { color: #336666 } /* Name.Builtin */ -.nc { color: #00AA88; } /* Name.Class */ -.no { color: #336600 } /* Name.Constant */ -.nd { color: #9999FF } /* Name.Decorator */ -.ni { color: #999999; } /* Name.Entity */ -.ne { color: #CC0000; } /* Name.Exception */ -.nf { color: #CC00FF } /* Name.Function */ -.nl { color: #9999FF } /* Name.Label */ -.nn { color: #00CCFF; } /* Name.Namespace */ -.nt { color: #2f6f9f; } /* Name.Tag */ -.nv { color: #003333 } /* Name.Variable */ -.ow { color: #000000; } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #FF6600 } /* Literal.Number.Float */ -.mh { color: #FF6600 } /* Literal.Number.Hex */ -.mi { color: #FF6600 } /* Literal.Number.Integer */ -.mo { color: #FF6600 } /* Literal.Number.Oct */ -.sb { color: #CC3300 } /* Literal.String.Backtick */ -.sc { color: #CC3300 } /* Literal.String.Char */ -.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.s2 { color: #CC3300 } /* Literal.String.Double */ -.se { color: #CC3300; } /* Literal.String.Escape */ -.sh { color: #CC3300 } /* Literal.String.Heredoc */ -.si { color: #AA0000 } /* Literal.String.Interpol */ -.sx { color: #CC3300 } /* Literal.String.Other */ -.sr { color: #33AAAA } /* Literal.String.Regex */ -.s1 { color: #CC3300 } /* Literal.String.Single */ -.ss { color: #FFCC33 } /* Literal.String.Symbol */ -.bp { color: #336666 } /* Name.Builtin.Pseudo */ -.vc { color: #003333 } /* Name.Variable.Class */ -.vg { color: #003333 } /* Name.Variable.Global */ -.vi { color: #003333 } /* Name.Variable.Instance */ -.il { color: #FF6600 } /* Literal.Number.Integer.Long */ - -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } diff --git a/static/favicon.png b/static/favicon.png Binary files differindex 84cce4d..163da34 100644 --- a/static/favicon.png +++ b/static/favicon.png diff --git a/static/icon.svg b/static/icon.svg new file mode 100644 index 0000000..b3b16e2 --- /dev/null +++ b/static/icon.svg @@ -0,0 +1,91 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="32" + height="32" + version="1.1" + id="svg19" + sodipodi:docname="iconfinder-icon.svg" + inkscape:version="0.92.3 (2405546, 2018-03-11)"> + <metadata + id="metadata25"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs23" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1853" + inkscape:window-height="1025" + id="namedview21" + showgrid="false" + inkscape:zoom="7.375" + inkscape:cx="16" + inkscape:cy="16" + inkscape:window-x="67" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:current-layer="svg19" /> + <title + id="title2" /> + <desc + id="desc4" /> + <g + id="g9"> + <title + id="title6">background</title> + <rect + id="canvas_background" + height="402" + width="582" + y="-1" + x="-1" + fill="none" /> + </g> + <g + id="g17" + transform="translate(5.8305085,1.4915254)"> + <title + id="title11">Layer 1</title> + <path + id="Fill-1" + d="m 6.0775,3.8803 v 20.038 h 11.305 c 0.902,0 1.593,0.219 2.075,0.657 0.482,0.438 0.723,0.989 0.723,1.652 0,0.676 -0.238,1.224 -0.713,1.644 -0.476,0.419 -1.171,0.629 -2.085,0.629 H 3.9175 c -1.214,0 -2.087,-0.269 -2.619,-0.808 -0.532,-0.538 -0.798,-1.408 -0.798,-2.61 V 3.8803 c 0,-1.127 0.253,-1.972 0.76,-2.535 0.507,-0.564 1.174,-0.845 2,-0.845 0.839,0 1.518,0.278 2.038,0.835 0.519,0.558 0.779,1.406 0.779,2.545" + inkscape:connector-curvature="0" + style="fill:#f42f42" /> + <path + id="Stroke-3" + d="m 6.0775,3.8803 v 20.038 h 11.305 c 0.902,0 1.593,0.219 2.075,0.657 0.482,0.438 0.723,0.989 0.723,1.652 0,0.676 -0.238,1.224 -0.713,1.644 -0.476,0.419 -1.171,0.629 -2.085,0.629 H 3.9175 c -1.214,0 -2.087,-0.269 -2.619,-0.808 -0.532,-0.538 -0.798,-1.408 -0.798,-2.61 V 3.8803 c 0,-1.127 0.253,-1.972 0.76,-2.535 0.507,-0.564 1.174,-0.845 2,-0.845 0.839,0 1.518,0.278 2.038,0.835 0.519,0.558 0.779,1.406 0.779,2.545 z" + inkscape:connector-curvature="0" + style="fill:#49757a;stroke:#000000" /> + <path + id="Stroke-5" + d="m 2.3755,2.3477 c 0.154,-0.172 0.381,-0.348 0.885,-0.348" + inkscape:connector-curvature="0" + style="stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1, 2, 6, 2, 3" /> + <path + id="Fill-7" + d="m 19.1363,26.4961 c -0.379,0.334 -0.97,0.504 -1.754,0.504 H 3.9173 c -1.069,0 -1.831,-0.222 -2.263,-0.659 -0.435,-0.44 -0.655,-1.199 -0.655,-2.259 v 1 c 0,1.06 0.22,1.819 0.655,2.259 0.432,0.437 1.194,0.659 2.263,0.659 h 13.465 c 0.784,0 1.375,-0.17 1.754,-0.504 0.367,-0.323 0.545,-0.738 0.545,-1.269 0,-0.177 -0.03,-0.339 -0.073,-0.494 -0.081,0.297 -0.232,0.552 -0.472,0.763" + inkscape:connector-curvature="0" + style="opacity:0.20376599;fill:#1c494e" /> + </g> +</svg> @@ -1,17 +1,16 @@ -name = "Hyde" +name = "Lanyon" license = "MIT" -licenselink = "https://github.com/spf13/hyde/blob/master/LICENSE.md" -description = "An elegant open source and mobile first theme" -tags = ["blog", "company"] -features = ["blog", "themes", "disqus"] -min_version = 0.53 +licenselink = "https://github.com/alexandrevicenzi/lanyon/blob/master/LICENSE.md" +description = "A minimalist and mobile first theme for Hugo" +tags = ["blog", "responsive", "clean", "minimalist"] +features = ["blog", "themes", "disqus", "analytics"] +min_version = 0.54 [author] - name = "spf13" - homepage = "http://spf13.com" + name = "alexandrevicenzi" + homepage = "http://alexandrevicenzi.com" -# If Porting existing theme [original] - author = "mdo" - homepage = "http://markdotto.com/" - repo = "https://www.github.com/mdo/hyde" + author = "spf13" + homepage = "http://spf13.com" + repo = "https://github.com/spf13/hyde" |
