diff options
author | Tazeg <jeffgazet@gmail.com> | 2018-08-11 00:15:41 +0300 |
---|---|---|
committer | Tazeg <jeffgazet@gmail.com> | 2018-08-11 00:15:41 +0300 |
commit | 929bd99b3443cb85e541fc33e7ad8ddd191ade88 (patch) | |
tree | b3539c1ac915263e05d5700bc66c6bf26cbe7c9d |
first commit
-rw-r--r-- | LICENSE | 20 | ||||
-rw-r--r-- | README.md | 56 | ||||
-rw-r--r-- | archetypes/default.md | 2 | ||||
-rw-r--r-- | archetypes/post.md | 8 | ||||
-rw-r--r-- | images/screenshot.png | bin | 0 -> 283651 bytes | |||
-rw-r--r-- | images/tn.png | bin | 0 -> 173191 bytes | |||
-rw-r--r-- | layouts/404.html | 5 | ||||
-rw-r--r-- | layouts/_default/baseof.html | 5 | ||||
-rw-r--r-- | layouts/_default/single.html | 19 | ||||
-rw-r--r-- | layouts/index.html | 34 | ||||
-rw-r--r-- | layouts/partials/footer.html | 16 | ||||
-rw-r--r-- | layouts/partials/header.html | 45 | ||||
-rw-r--r-- | layouts/partials/widget-archives.html | 9 | ||||
-rw-r--r-- | layouts/partials/widget-tags.html | 10 | ||||
-rw-r--r-- | layouts/taxonomy/archive.html | 34 | ||||
-rw-r--r-- | layouts/taxonomy/tag.html | 34 | ||||
-rw-r--r-- | static/css/blog.css | 12 | ||||
-rw-r--r-- | static/img/bg-blog.jpg | bin | 0 -> 98287 bytes | |||
-rw-r--r-- | theme.toml | 15 |
19 files changed, 324 insertions, 0 deletions
@@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2018 YOUR_NAME_HERE + +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. diff --git a/README.md b/README.md new file mode 100644 index 0000000..8c8ece5 --- /dev/null +++ b/README.md @@ -0,0 +1,56 @@ +# WebShot + +A free blog theme for [HUGO](https://gohugo.io/), with tags, archives, last posts... + +![HUGO blog theme by JeffProd.com](images/screenshot.png) + +# Install + +Install HUGO (<https://gohugo.io/>) then : + +``` +hugo new site myblog +cd myblog +git clone https://github.com/Tazeg/hugo-blog-jeffprod.git themes/jeffprod +``` +In the file `config.toml` add the lines : +``` +theme = "jeffprod" + +[permalinks] + post = "/:year/:filename" + +[taxonomies] + tag = "tags" + archive = "archives" +``` + +### Write blog posts + +``` +hugo new post/my-first-post.md +``` +And edit this new file `content/post/my-first-post.md`. + +### Render + +``` +hugo server +``` +Then go to <http://localhost:1313> + +### Create the web site + +``` +hugo +``` + +All files to publish are in `public/` directory. + +# Donate + +<https://en.jeffprod.com/donate.html> + +# Credits + +Background image by https://pixabay.com diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..ac36e06 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/archetypes/post.md b/archetypes/post.md new file mode 100644 index 0000000..3eecd3b --- /dev/null +++ b/archetypes/post.md @@ -0,0 +1,8 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +archives: [{{ dateFormat "2006" now }}] +tags: [] +author: John SMITH +type: "article" +--- diff --git a/images/screenshot.png b/images/screenshot.png Binary files differnew file mode 100644 index 0000000..764bad9 --- /dev/null +++ b/images/screenshot.png diff --git a/images/tn.png b/images/tn.png Binary files differnew file mode 100644 index 0000000..612e04c --- /dev/null +++ b/images/tn.png diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..9792bf7 --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,5 @@ +{{ define "main" }} + +Page not found... + +{{ end }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..61b192f --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,5 @@ +{{ partial "header.html" . }} + + {{ block "main" . }}{{ end }} + +{{ partial "footer.html" . }}
\ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..76f142e --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,19 @@ +{{ define "main" }} + +<div class="container"> + <div class="columns"> + <div class="column is-9"> + <div class="tile is-child box"> + <div class="content"> + {{ .Content }} + </div> + </div> + </div> + <div class="column is-3"> + {{ partial "widget-tags.html" . }}<br> + {{ partial "widget-archives.html" . }} + </div> + </div> +</div> + +{{ end }} diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..c60633a --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,34 @@ +{{ define "main" }} + +<div class="container"> + <div class="columns"> + <div class="column is-9"> + <div class="tile is-child box"> + <div class="content"> + <h3>Welcome to my blog !</h3> + <hr> + {{ range first 5 (where .Site.Pages "Type" "article").ByPublishDate.Reverse }} + <article class="media"> + <div class="media-content"> + <div class="content"> + <p class="title is-4"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></p> + <p class="subtitle is-size-6 has-text-grey-light"> + Published at {{ .Date.Format "January 2, 2006" }} · + <i class="far fa-clock"></i> {{.ReadingTime}} min read + </p> + <p>{{ .Summary }}...</p> + </div> + </div> + </article> + {{ end }} + </div> + </div> + </div> + <div class="column is-3"> + {{ partial "widget-tags.html" . }}<br> + {{ partial "widget-archives.html" . }} + </div> + </div> +</div> + +{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..72fca2e --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,16 @@ +<br> +<footer class="footer has-background-grey-darker has-text-white"> + <div class="content has-text-centered"> + <p> + <span class="icon is-large"><a href="https://twitter.com/" class="mysocial"><i class="fab fa-twitter fa-3x"></i></a></span> + <span class="icon is-large"><a href="https://www.youtube.com/" class="mysocial"><i class="fab fa-youtube fa-3x"></i></a></span> + <span class="icon is-large"><a href="https://github.com/" class="mysocial"><i class="fab fa-github fa-3x"></i></a></span> + <br><br> + Copyright © {{ .Site.Title }} {{ now.Format "2006"}} - Theme by <a href="https://jeffprod.com" class="mysocial">JeffProd.com</a> + </p> + </div> +</footer> + +<script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script> +</body> +</html> diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..d6eff35 --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="{{ $.Site.LanguageCode | default "en" }}"> +<head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <title>{{ .Site.Title }} {{ with .Title }} | {{ . }}{{ end }}</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" /> + <link rel="stylesheet" href="/css/blog.css" /> +</head> +<body> + + <!-- nav --> + <nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a class="navbar-item" href="/">Home</a> + </div> + </nav> + <!-- /nav --> + + <!-- hero --> + <section class="hero is-info is-medium"> + <div class="hero-body" style="background-image: url(/img/bg-blog.jpg);"> + <div class="container has-text-centered"> + <br> + <h1 class="title is-size-1"> + {{ if eq .Type "tags" }} + #{{ .Title }} + {{ else if eq .Type "archives" }} + Archive {{ .Title }} + {{ else }} + {{ .Title }} + {{ end }} + </h1> + {{ if eq .Type "article" }} + {{ .Date.Format "January 2, 2006" }} · {{ .ReadingTime }} min read + {{ end }} + </div> + </div> + </section> + + <br> diff --git a/layouts/partials/widget-archives.html b/layouts/partials/widget-archives.html new file mode 100644 index 0000000..9fa8ce9 --- /dev/null +++ b/layouts/partials/widget-archives.html @@ -0,0 +1,9 @@ +<div class="card"> + <div class="card-content"> + <h1 class="title is-5">Archives</h1> + {{ range (where .Site.Pages "Type" "article").GroupByDate "2006" }} + <a href="/archives/{{ .Key }}">{{ .Key }}</a> ({{ len .Pages }})<br> + {{ end }} + </div> +</div> +
\ No newline at end of file diff --git a/layouts/partials/widget-tags.html b/layouts/partials/widget-tags.html new file mode 100644 index 0000000..575d8c6 --- /dev/null +++ b/layouts/partials/widget-tags.html @@ -0,0 +1,10 @@ +<div class="card"> + <div class="card-content"> + <h1 class="title is-5">Tags</h1> + <div class="tags"> + {{ range $name, $taxonomy := .Site.Taxonomies.tags }} + <span class="tag"><a href="{{ "/tags/" | relLangURL }}{{ $name | urlize }}">{{ $name }}</a></span> + {{ end }} + </div> + </div> +</div>
\ No newline at end of file diff --git a/layouts/taxonomy/archive.html b/layouts/taxonomy/archive.html new file mode 100644 index 0000000..7fd1f5b --- /dev/null +++ b/layouts/taxonomy/archive.html @@ -0,0 +1,34 @@ +{{ define "main" }} + +{{ $archive := lower .Title }} +<div class="container"> + <div class="columns"> + <div class="column is-9"> + <div class="tile is-child box"> + <div class="content"> +{{ range $key, $value := .Site.Taxonomies.archives }}{{ if eq $key $archive }}{{ range $value.Pages }} + <article class="media"> + <div class="media-content"> + <div class="content"> + <p class="title is-4"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></p> + <p class="subtitle is-size-6 has-text-grey-light"> + Published at {{ .Date.Format "January 2, 2006" }} · + <i class="far fa-clock"></i> {{.ReadingTime}} min read + </p> + <p>{{ .Summary }}...</p> + </div> + </div> + </article> + <br> +{{ end }}{{ end }}{{ end }} + </div> + </div> + </div> + <div class="column is-3"> + {{ partial "widget-tags.html" . }}<br> + {{ partial "widget-archives.html" . }} + </div> + </div> +</div> + +{{ end }} diff --git a/layouts/taxonomy/tag.html b/layouts/taxonomy/tag.html new file mode 100644 index 0000000..6662496 --- /dev/null +++ b/layouts/taxonomy/tag.html @@ -0,0 +1,34 @@ +{{ define "main" }} + +{{ $tag := lower .Title }} +<div class="container"> + <div class="columns"> + <div class="column is-9"> + <div class="tile is-child box"> + <div class="content"> +{{ range $key, $value := .Site.Taxonomies.tags }}{{ if eq $key $tag }}{{ range $value.Pages }} + <article class="media"> + <div class="media-content"> + <div class="content"> + <p class="title is-4"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></p> + <p class="subtitle is-size-6 has-text-grey-light"> + Published at {{ .Date.Format "January 2, 2006" }} · + <i class="far fa-clock"></i> {{.ReadingTime}} min read + </p> + <p>{{ .Summary }}...</p> + </div> + </div> + </article> + <br> +{{ end }}{{ end }}{{ end }} + </div> + </div> + </div> + <div class="column is-3"> + {{ partial "widget-tags.html" . }}<br> + {{ partial "widget-archives.html" . }} + </div> + </div> +</div> + +{{ end }} diff --git a/static/css/blog.css b/static/css/blog.css new file mode 100644 index 0000000..83b69b7 --- /dev/null +++ b/static/css/blog.css @@ -0,0 +1,12 @@ +html,body { + font-family: 'Open Sans', sans-serif; + background: #F0F2F4; + } +.hero-body { + background-position: center; + background-size: cover; + background-repeat: no-repeat; + /* height: 200px; */ + } +.mysocial { color: hsl(0, 0%, 100%);} +.mysocial:hover { color: hsl(0, 0%, 71%) } diff --git a/static/img/bg-blog.jpg b/static/img/bg-blog.jpg Binary files differnew file mode 100644 index 0000000..534e5d1 --- /dev/null +++ b/static/img/bg-blog.jpg diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..ef196f4 --- /dev/null +++ b/theme.toml @@ -0,0 +1,15 @@ +# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "Jeffprod" +license = "MIT" +licenselink = "https://github.com/Tazeg/hugo-blog-jeffprod/blob/master/LICENSE" +description = "A new theme blog for HUGO built with Bulma CSS. Including archives and tags widgets." +homepage = "https://github.com/Tazeg/hugo-blog-jeffprod" +tags = ["blog","archives","theme","tags","bulma","simple","personal"] +features = [] +min_version = "0.41" + +[author] + name = "@JeffProd" + homepage = "https://jeffprod.com" |