mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-11-09 10:50:34 -05:00
commit
5ceeb21789
12 changed files with 77 additions and 18 deletions
|
@ -4,11 +4,11 @@
|
||||||
Pulp is a [Hugo](https://gohugo.io/) theme for getting a simple, easy-to-read blog site.
|
Pulp is a [Hugo](https://gohugo.io/) theme for getting a simple, easy-to-read blog site.
|
||||||
|
|
||||||
## Screenshots
|
## Screenshots
|
||||||
![screenshot-top](https://user-images.githubusercontent.com/17229643/55247370-c7a5b100-528a-11e9-835b-108bd6047699.png)
|
![screenshot-top](https://user-images.githubusercontent.com/17229643/72672672-bd16fc80-3a01-11ea-9056-7439db39ed75.png)
|
||||||
|
|
||||||
![screenshot-list](https://user-images.githubusercontent.com/17229643/55247387-d12f1900-528a-11e9-8144-c984031e16c0.png)
|
![screenshot-list](https://user-images.githubusercontent.com/17229643/72672673-c607ce00-3a01-11ea-8356-d3cfc4ead65e.png)
|
||||||
|
|
||||||
![screenshot-page](https://user-images.githubusercontent.com/17229643/55247395-d5f3cd00-528a-11e9-82ed-4830523c5bfa.png)
|
![screenshot-page](https://user-images.githubusercontent.com/17229643/72672675-cacc8200-3a01-11ea-914e-c80876d03b16.png)
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
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.
|
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.
|
||||||
|
|
|
@ -126,7 +126,7 @@ nav li {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
/* min-width: 300px; */
|
/* min-width: 300px; */
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
top: 240px;
|
top: 330px;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -154,6 +154,27 @@ nav li {
|
||||||
background-color: #dddfdf;
|
background-color: #dddfdf;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#tags ul {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
padding: 0;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tags li a {
|
||||||
|
display: block;
|
||||||
|
height: 24px;
|
||||||
|
margin: 5px;
|
||||||
|
padding: 0 5px;
|
||||||
|
background-color: #dddfdf;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
/* text-decoration: none; */
|
||||||
|
}
|
||||||
|
|
||||||
#contentsList {
|
#contentsList {
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,15 +16,6 @@ const bigramTokeniser = (obj, metadata) => {
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
|
|
||||||
if (Array.isArray(obj)) {
|
|
||||||
return obj.map((t) => {
|
|
||||||
return new lunr.Token(
|
|
||||||
lunr.utils.asString(t).toLowerCase(),
|
|
||||||
lunr.utils.clone(metadata)
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
let str = obj.toString().trim().toLowerCase()
|
let str = obj.toString().trim().toLowerCase()
|
||||||
let tokens = []
|
let tokens = []
|
||||||
|
|
||||||
|
@ -70,6 +61,7 @@ const initLunr = () => {
|
||||||
builder.pipeline.reset()
|
builder.pipeline.reset()
|
||||||
builder.ref('ref')
|
builder.ref('ref')
|
||||||
builder.field('title', { boost: 10 })
|
builder.field('title', { boost: 10 })
|
||||||
|
builder.field('tags', { boost: 10 })
|
||||||
builder.field('body')
|
builder.field('body')
|
||||||
builder.metadataWhitelist = ['position']
|
builder.metadataWhitelist = ['position']
|
||||||
for (let page of pagesIndex) {
|
for (let page of pagesIndex) {
|
||||||
|
@ -112,11 +104,12 @@ const initUI = () => {
|
||||||
const query = $(event.currentTarget).val()
|
const query = $(event.currentTarget).val()
|
||||||
|
|
||||||
// Icon switching
|
// Icon switching
|
||||||
|
const iconUrl = $('#searchBoxIcon').attr('src')
|
||||||
if (query.length) {
|
if (query.length) {
|
||||||
$('#searchBoxIcon').attr('src', '../img/clear.png')
|
$('#searchBoxIcon').attr('src', iconUrl.replace('search.png', 'clear.png'))
|
||||||
$('#searchBoxIcon').css('cursor', 'pointer')
|
$('#searchBoxIcon').css('cursor', 'pointer')
|
||||||
} else {
|
} else {
|
||||||
$('#searchBoxIcon').attr('src', '../img/search.png')
|
$('#searchBoxIcon').attr('src', iconUrl.replace('clear.png', 'search.png'))
|
||||||
$('#searchBoxIcon').css('cursor', 'default')
|
$('#searchBoxIcon').css('cursor', 'default')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -7,9 +7,6 @@ hasCJKLanguage = true
|
||||||
# pygmentsUseClasses = true
|
# pygmentsUseClasses = true
|
||||||
# googleAnalytics = "{your tracking code}"
|
# googleAnalytics = "{your tracking code}"
|
||||||
|
|
||||||
[taxonomies]
|
|
||||||
series = "series"
|
|
||||||
|
|
||||||
[params]
|
[params]
|
||||||
author = "Your Name"
|
author = "Your Name"
|
||||||
avatar = "avatar.jpg"
|
avatar = "avatar.jpg"
|
||||||
|
@ -24,8 +21,10 @@ hasCJKLanguage = true
|
||||||
# custom_css = ["/css/custom.css"]
|
# custom_css = ["/css/custom.css"]
|
||||||
# custom_js = ["/js/custom.js"]
|
# custom_js = ["/js/custom.js"]
|
||||||
|
|
||||||
|
# Make sure setting a following option for search bar to work
|
||||||
[outputs]
|
[outputs]
|
||||||
section = ["JSON", "HTML"]
|
section = ["JSON", "HTML"]
|
||||||
|
taxonomy = ["JSON", "HTML"]
|
||||||
|
|
||||||
[[menu.main]]
|
[[menu.main]]
|
||||||
identifier = "blog"
|
identifier = "blog"
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
title: "Emoji Support"
|
title: "Emoji Support"
|
||||||
date: 2019-03-05
|
date: 2019-03-05
|
||||||
draft: false
|
draft: false
|
||||||
|
tags: [ "emoji" ]
|
||||||
---
|
---
|
||||||
|
|
||||||
Emoji can be enabled in a Hugo project in a number of ways.
|
Emoji can be enabled in a Hugo project in a number of ways.
|
||||||
|
|
|
@ -2,6 +2,12 @@
|
||||||
title: "Markdown Syntax Guide"
|
title: "Markdown Syntax Guide"
|
||||||
date: 2019-03-11
|
date: 2019-03-11
|
||||||
draft: false
|
draft: false
|
||||||
|
tags: [
|
||||||
|
"markdown",
|
||||||
|
"css",
|
||||||
|
"html",
|
||||||
|
"themes",
|
||||||
|
]
|
||||||
---
|
---
|
||||||
|
|
||||||
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
|
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
title: "Placeholder Text"
|
title: "Placeholder Text"
|
||||||
date: 2019-03-09
|
date: 2019-03-09
|
||||||
draft: false
|
draft: false
|
||||||
|
tags: [ "markdown", "text", ]
|
||||||
---
|
---
|
||||||
|
|
||||||
## Mole et vultus populifer quaque primoque non
|
## Mole et vultus populifer quaque primoque non
|
||||||
|
|
|
@ -2,6 +2,10 @@
|
||||||
title: "Rich Content"
|
title: "Rich Content"
|
||||||
date: 2019-03-10
|
date: 2019-03-10
|
||||||
draft: false
|
draft: false
|
||||||
|
tags: [
|
||||||
|
"shortcodes",
|
||||||
|
"privacy",
|
||||||
|
]
|
||||||
---
|
---
|
||||||
|
|
||||||
Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
{{ define "main"}}
|
{{ define "main"}}
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
<!-- search box -->
|
<!-- search box -->
|
||||||
<div id="searchBox">
|
<div id="searchBox">
|
||||||
|
@ -7,6 +8,14 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- search results -->
|
<!-- search results -->
|
||||||
<div id="searchResults"></div>
|
<div id="searchResults"></div>
|
||||||
|
<!-- tags -->
|
||||||
|
<div id="tags">
|
||||||
|
<ul>
|
||||||
|
{{ range .Site.Taxonomies.tags.ByCount }}
|
||||||
|
<li><a href="{{ .Page.Permalink }}">{{ .Page.Title }} ({{ .Count }})</a></li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<!-- contents -->
|
<!-- contents -->
|
||||||
<div id="contentsList">
|
<div id="contentsList">
|
||||||
{{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}}
|
{{ $listPageDateFormat := .Site.Params.listPageDateFormat | default "January, 2006"}}
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
"ref": "{{ $page.Permalink }}",
|
"ref": "{{ $page.Permalink }}",
|
||||||
"title": {{ $page.Title | jsonify }},
|
"title": {{ $page.Title | jsonify }},
|
||||||
"section": "{{ $page.Section }}",
|
"section": "{{ $page.Section }}",
|
||||||
|
"tags": {{ $page.Params.tags | jsonify }},
|
||||||
"date" : {{ $page.Date.Format "2006.01.02" | jsonify }},
|
"date" : {{ $page.Date.Format "2006.01.02" | jsonify }},
|
||||||
"body": {{ $page.Plain | jsonify }}
|
"body": {{ $page.Plain | jsonify }}
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,6 +4,17 @@
|
||||||
<!-- date -->
|
<!-- date -->
|
||||||
{{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}}
|
{{ $singlePageDateFormat := .Site.Params.singlePageDateFormat | default "January 2, 2006"}}
|
||||||
<p class="date">{{ .Date.Format $singlePageDateFormat }}</p>
|
<p class="date">{{ .Date.Format $singlePageDateFormat }}</p>
|
||||||
|
<!-- tags -->
|
||||||
|
<div id="tags">
|
||||||
|
<ul>
|
||||||
|
{{ range .Param "tags" }}
|
||||||
|
{{ $name := . }}
|
||||||
|
{{ with $.Site.GetPage (printf "/tags/%s" ($name | urlize)) }}
|
||||||
|
<li><a href="{{ .Permalink }}">{{ $name }}</a></li>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<!-- content -->
|
<!-- content -->
|
||||||
<div id="contentBody">
|
<div id="contentBody">
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
|
|
13
layouts/_default/terms.html
Normal file
13
layouts/_default/terms.html
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
{{ define "main"}}
|
||||||
|
<h1>{{ .Title }}</h1>
|
||||||
|
{{ partial "header.html" . }}
|
||||||
|
<!-- tags -->
|
||||||
|
<div id="tags">
|
||||||
|
<ul>
|
||||||
|
{{ range .Site.Taxonomies.tags.ByCount }}
|
||||||
|
<li><a href="{{ .Page.Permalink }}">{{ .Page.Title }} ({{ .Count }})</a></li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{ partial "footer.html" . }}
|
||||||
|
{{ end }}
|
Loading…
Reference in a new issue