simplify
This commit is contained in:
Niklas Buschmann
parent
aa7b9056cf
commit
80ab8e36c3
31
README.md
31
README.md
|
|
@ -13,37 +13,6 @@ Second, specify `contrast-hugo` as your default theme in the `config.yaml` file.
|
|||
|
||||
at the top of the file.
|
||||
|
||||
## Sidebar
|
||||
|
||||
Instead of the horizontal menu, a sidebar can be enabled with `sidebar: true`. See [here](https://niklasbuschmann.github.io/contrast/) for an example of the sidebar in action.
|
||||
|
||||
An example `config.yaml` section could look like this:
|
||||
|
||||
```yaml
|
||||
params:
|
||||
sidebar: true
|
||||
show_excerpts: true
|
||||
description: 'Made by <a href="">Blog Author</a>'
|
||||
|
||||
menu:
|
||||
main:
|
||||
- {name: "Home", url: "/", identifier: "home", weight: 1}
|
||||
- {name: "About", url: "/about/", identifier: "address-card", weight: 2}
|
||||
remote:
|
||||
- {name: "Mail", url: "mailto:", identifier: "envelope", weight: 3}
|
||||
- {name: "Github", url: "https://github.com/", identifier: "github", weight: 4}
|
||||
- {name: "Subscribe", url: "/index.xml", identifier: "rss", weight: 5}
|
||||
|
||||
```
|
||||
|
||||
## Features
|
||||
|
||||
- supports dark mode on macOS Mojave
|
||||
- optional sidebar
|
||||
- MathJax support
|
||||
- no external resources
|
||||
- responsive
|
||||
|
||||
## Based on
|
||||
|
||||
- [Hyde](https://github.com/poole/hyde)
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
license = """
|
||||
Font Awesome Free License
|
||||
-------------------------
|
||||
|
||||
Font Awesome Free is free, open source, and GPL friendly. You can use it for
|
||||
commercial projects, open source projects, or really almost whatever you want.
|
||||
Full Font Awesome Free license: https://fontawesome.com/license/free.
|
||||
|
||||
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
|
||||
In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
|
||||
packaged as SVG and JS file types.
|
||||
|
||||
# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
|
||||
In the Font Awesome Free download, the SIL OFL license applies to all icons
|
||||
packaged as web and desktop font files.
|
||||
|
||||
# Code: MIT License (https://opensource.org/licenses/MIT)
|
||||
In the Font Awesome Free download, the MIT license applies to all non-font and
|
||||
non-icon files.
|
||||
|
||||
# Attribution
|
||||
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
|
||||
Awesome Free files already contain embedded comments with sufficient
|
||||
attribution, so you shouldn't need to do anything additional when using these
|
||||
files normally.
|
||||
|
||||
We've kept attribution comments terse, so we ask that you do not actively work
|
||||
to remove them from files, especially code. They're a great way for folks to
|
||||
learn about Font Awesome.
|
||||
|
||||
# Brand Icons
|
||||
All brand icons are trademarks of their respective owners. The use of these
|
||||
trademarks does not indicate endorsement of the trademark holder by Font
|
||||
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
|
||||
to represent the company, product, or service to which they refer.**
|
||||
"""
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -8,45 +8,25 @@
|
|||
{{- end }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/index.css">
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/classes.css">
|
||||
{{- if .Site.Params.sidebar }}
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/sidebar.css" media="screen and (min-width: 70em)">
|
||||
{{- end }}
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
<link rel="alternate" type="application/rss+xml" href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}" title="{{ .Site.Title }}">
|
||||
{{- if or .Params.math .Site.Params.math }}
|
||||
{{ partial "math.html" . }}
|
||||
{{- end }}
|
||||
|
||||
<body>
|
||||
|
||||
<header class="icons">
|
||||
<header>
|
||||
{{ if not (gt (len .Site.Menus) 1) }}
|
||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
{{ end }}
|
||||
{{ range $menu, $items := .Site.Menus }}
|
||||
<nav>
|
||||
{{ range $items }}
|
||||
<a href="{{ .URL }}" {{ if (eq $.RelPermalink .URL) }}class="selected"{{ end }}>
|
||||
{{ if and .Identifier (index $.Site.Data.fontawesome.icons .Identifier) }}
|
||||
{{ $icon := index $.Site.Data.fontawesome.icons .Identifier }}
|
||||
{{ $svg := $icon.svg.solid | default $icon.svg.regular | default $icon.svg.brands }}
|
||||
<span {{ if eq $menu "main" }}class="hidden"{{ end }}>{{ safeHTML $svg.raw }}</span>
|
||||
<span {{ if not (eq $menu "main") }}class="hidden"{{ end }}>{{ .Name }}</span>
|
||||
{{ else }}
|
||||
{{ .Name }}
|
||||
{{ end }}
|
||||
</a>
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.description }}
|
||||
<div class="hidden description">{{ safeHTML . }}</div>
|
||||
{{ end }}
|
||||
</header>
|
||||
|
||||
{{- block "main" . }}{{- end }}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -6,29 +6,12 @@
|
|||
{{ $Pages = where site.RegularPages "Type" "in" .Site.Params.mainSections }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.show_excerpts }}
|
||||
|
||||
{{- range $Pages }}
|
||||
<article>
|
||||
<header>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ if .Date }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "January 02, 2006" }}</time>{{ end }}
|
||||
</header>
|
||||
{{ .Summary }}
|
||||
{{- if .Truncated }}
|
||||
<div class="more"><a href="{{ .RelPermalink }}">read more</a></div>
|
||||
{{- end }}
|
||||
</article>
|
||||
{{- end }}
|
||||
|
||||
{{ else }}
|
||||
|
||||
<article>
|
||||
<header><h1>{{ .Title | default "Posts" | humanize }}</h1></header>
|
||||
<ul class="archive">
|
||||
<ul>
|
||||
{{- range $Pages }}
|
||||
<li>
|
||||
{{ if .Date }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "2006-01-02" }}</time>{{ end }}
|
||||
<li style="font-size: 1.1em;">
|
||||
{{ if .Date }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}" style="display: inline-block; min-width: 10ch; margin: 0 .2em;">{{ .Date.Format "2006-01-02" }}</time>{{ end }}
|
||||
<a href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</li>
|
||||
{{- end }}
|
||||
|
|
@ -37,5 +20,3 @@
|
|||
</article>
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -2,10 +2,6 @@
|
|||
|
||||
<article>
|
||||
<header>
|
||||
{{ range $index, $tag := .Params.categories }}
|
||||
{{- if gt $index 0 }}, {{ end -}}
|
||||
<a href="{{ ($.Site.GetPage (printf "/%s/%s" "categories" $tag)).Permalink }}">{{ $tag | upper }}</a>
|
||||
{{- end -}}
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ if .Date }}<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "January 02, 2006" }}</time>{{ end }}
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,39 +0,0 @@
|
|||
.archive li {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.archive time {
|
||||
display: inline-block;
|
||||
min-width: 10ch;
|
||||
margin: 0 .2em;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.more {
|
||||
margin: 2em 0 1em;
|
||||
}
|
||||
|
||||
.more a {
|
||||
border-radius: 2px;
|
||||
border: 1.5px solid #68f;
|
||||
padding: .4em .8em;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
.more a:hover {
|
||||
color: #fff;
|
||||
background: #68f;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
.icons svg {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
fill: currentColor;
|
||||
transition: .2s color;
|
||||
vertical-align: middle;
|
||||
margin-bottom: .15em;
|
||||
}
|
||||
|
|
@ -51,10 +51,6 @@ body {
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
b, strong, th {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
|
@ -81,10 +77,6 @@ hr {
|
|||
margin: 2em 0;
|
||||
}
|
||||
|
||||
article:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(142, 142, 145, 0.12);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background: rgba(142, 142, 145, 0.06);
|
||||
border-left: 3px solid rgba(142, 142, 145, 0.9);
|
||||
|
|
|
|||
|
|
@ -1,64 +0,0 @@
|
|||
body {
|
||||
font-size: 1.08em;
|
||||
margin: 0 0 0 16em;
|
||||
overscroll-behavior: none;
|
||||
}
|
||||
|
||||
body > article, body > footer {
|
||||
margin: 0 5em;
|
||||
padding: 2em 0;
|
||||
max-width: 50em;
|
||||
}
|
||||
|
||||
body > header {
|
||||
display: block;
|
||||
position: fixed;
|
||||
background: #17181c;
|
||||
color: #fff;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
opacity: .98;
|
||||
margin: 0;
|
||||
padding: 2.2em 2em;
|
||||
width: 12em;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin: 0 -2em;
|
||||
}
|
||||
|
||||
nav a {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: .5em 2em;
|
||||
}
|
||||
|
||||
nav a:hover, nav a.selected {
|
||||
background: #212228;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
body > header > a {
|
||||
display: block;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
article header h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.icons svg {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: inline-block;
|
||||
}
|
||||
Loading…
Reference in New Issue