Lanyon update

This commit is contained in:
Alexandre Vicenzi 2020-02-10 19:38:11 +01:00
parent a56b6f866f
commit 6283825517
28 changed files with 452 additions and 474 deletions

27
.gitignore vendored Normal file
View File

@ -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

View File

@ -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

3
Dockerfile Normal file
View File

@ -0,0 +1,3 @@
FROM golang:latest
RUN go get -v github.com/gohugoio/hugo

View File

@ -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.
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.

273
README.md
View File

@ -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.
![Hyde screenshot](https://f.cloud.github.com/assets/98681/1831228/42af6c6a-7384-11e3-98fb-e0b923ee0468.png)
## 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:_
[![Import this project into Forestry](https://assets.forestry.io/import-to-forestry.svg)](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"
baseURL = "https://example.com"
title = "Lanyon"
author = "Author Name"
languageCode = "en"
enableInlineShortcodes = true
[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/"
```
### 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"
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
```
**YAML**
```yaml
theme: "hyde"
params:
description = "Your custom description"
```
### 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).
![Hyde in red](https://f.cloud.github.com/assets/98681/1831229/42b0b354-7384-11e3-8462-31b8df193fe5.png)
There are eight themes available at this time.
![Hyde theme classes](https://f.cloud.github.com/assets/98681/1817044/e5b0ec06-6f68-11e3-83d7-acd1942797a1.png)
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
![Hyde with reverse layout](https://f.cloud.github.com/assets/98681/1831230/42b0d3ac-7384-11e3-8d54-2065afd03f9e.png)
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

11
docker-compose.yml Normal file
View File

@ -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

2
go.mod
View File

@ -1,3 +1,3 @@
module github.com/spf13/hyde
module github.com/alexandrevicenzi/lanyon
go 1.12

Binary file not shown.

Before

Width:  |  Height:  |  Size: 437 KiB

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 102 KiB

View File

@ -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 }}
<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 }}

View File

@ -1,10 +1,62 @@
{{ partial "head.html" . }}
<body class="{{ .Site.Params.themeColor }} {{if .Site.Params.layoutReverse}}layout-reverse{{end}}">
{{ partial "sidebar.html" . }}
<main class="content container">
{{ block "main" . -}}{{- end }}
</main>
<!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">
{{ template "_internal/google_analytics_async.html" . }}
</body>
{{ hugo.Generator }}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{ if .IsHome -}}
<title>{{ .Site.Title }}</title>
{{- else -}}
<title>{{ .Title }} &middot; {{ .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>
{{ 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>

View File

@ -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 }}

View File

@ -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 }}

View File

@ -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 }}

View File

@ -0,0 +1,5 @@
<footer>
<div class="copyright">
&copy; {{ $.Site.Params.copyright }} {{ now.Format "2006"}} · {{ with $.Site.Params.license }}<a href="{{ $.Site.Params.licenseURL }}">{{ . | safeHTML }}</a>{{end}}
</div>
</footer>

View File

@ -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 }} &middot; {{ .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>

View File

@ -1 +0,0 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface|PT+Sans:400,400i,700">

View File

@ -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 }}&copy; {{ 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>

View File

@ -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 }}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 570 B

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -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;
}
.theme-base-0d .content a,
.theme-base-0d .related-posts li a:hover {
color: #6a9fb5;
.read-more-link a {
padding: 8px 16px;
border: 1px solid;
border-color: #49757a;
border-radius: 4px;
}
/* Magenta */
.theme-base-0e .sidebar {
background-color: #aa759f;
}
.theme-base-0e .content a,
.theme-base-0e .related-posts li a:hover {
color: #aa759f;
.read-more-link a:hover {
text-decoration: none;
}
/* Brown */
.theme-base-0f .sidebar {
background-color: #8f5536;
.pull-right {
float: right;
}
.theme-base-0f .content a,
.theme-base-0f .related-posts li a:hover {
color: #8f5536;
ul.posts {
list-style: none;
}
.social-icons,
.sidebar nav {
margin-top: 1rem;
}
.social-icons a,
.social-icons a:hover,
.social-icons a:focus {
text-decoration: none !important;
}

View File

@ -304,7 +304,7 @@ tbody tr:nth-child(odd) th {
.page,
.post {
margin-bottom: 4em;
margin-bottom: 2em;
}
/* Blog post or page title */

View File

@ -1,4 +1,4 @@
.sidebar {
.sidebar, .post-date {
display: none !important;
}

View File

@ -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; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 183 B

After

Width:  |  Height:  |  Size: 525 B

91
static/icon.svg Normal file
View File

@ -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>

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -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"