Skip to content
Permalink
Browse files

initial commit

  • Loading branch information...
mattbutton committed Dec 15, 2018
0 parents commit 1a55566bb2dec4d486bc266d36cf8d65efe0088a
Showing with 2,591 additions and 0 deletions.
  1. +20 −0 LICENSE
  2. +60 −0 README.md
  3. +2 −0 archetypes/default.md
  4. +11 −0 archetypes/post.md
  5. +225 −0 assets/css/styles.css
  6. +69 −0 assets/css/syntax.css
  7. +17 −0 exampleSite/config.toml
  8. +18 −0 exampleSite/content/about.md
  9. +1,153 −0 exampleSite/content/post/creating-a-new-theme.md
  10. +346 −0 exampleSite/content/post/goisforlovers.md
  11. +91 −0 exampleSite/content/post/hugoisforlovers.md
  12. +160 −0 exampleSite/content/post/migrate-from-jekyll.md
  13. 0 exampleSite/layouts/.gitkeep
  14. +1 −0 exampleSite/resources/_gen/assets/css/css/bundle.css_d11fe7b62c27961c87ecd0f2490357b9.content
  15. +1 −0 exampleSite/resources/_gen/assets/css/css/bundle.css_d11fe7b62c27961c87ecd0f2490357b9.json
  16. 0 exampleSite/static/.gitignore
  17. BIN exampleSite/static/images/hugo-logo.png
  18. BIN github-content/screenshot-home.jpg
  19. BIN github-content/screenshot-post-banner.png
  20. BIN github-content/screenshot-post-footer.png
  21. BIN github-content/screenshot-post-nobanner.jpg
  22. BIN images/screenshot.png
  23. BIN images/tn.png
  24. +7 −0 layouts/404.html
  25. +79 −0 layouts/_default/baseof.html
  26. +104 −0 layouts/_default/list.html
  27. +14 −0 layouts/_default/single.html
  28. +4 −0 layouts/partials/footer-about-site.html
  29. +2 −0 layouts/partials/footer-copyright.html
  30. +2 −0 layouts/partials/footer-disclaimer.html
  31. +19 −0 layouts/partials/head-meta.html
  32. +2 −0 layouts/partials/header-about-me.html
  33. +7 −0 layouts/partials/post-meta.html
  34. +39 −0 layouts/partials/share-icons.html
  35. +5 −0 layouts/partials/sidebar-about-me.html
  36. +23 −0 layouts/partials/sidebar-no-about.html
  37. +24 −0 layouts/partials/sidebar.html
  38. +4 −0 layouts/partials/social-icons.html
  39. +9 −0 layouts/partials/top-nav-text-links.html
  40. +58 −0 layouts/post/single.html
  41. BIN static/images/hero-main.jpg
  42. +15 −0 theme.toml
20 LICENSE
@@ -0,0 +1,20 @@
The MIT License (MIT)

Copyright (c) 2018 Matt Button | https://www.mattbutton.com

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.
@@ -0,0 +1,60 @@
# Hugo Silhouette Theme

A theme for [Hugo](https://gohugo.io), created by [Matt Button](https://www.mattbutton.com).

Based on [Bootstrap 4.1](https://getbootstrap.com/).

### Home Page

![screenshot](https://raw.githubusercontent.com/mattbutton/silhouette-hugo/master/github-content/screenshot-home.jpg)

### Post without a feature image

![screenshot](https://raw.githubusercontent.com/mattbutton/silhouette-hugo/master/github-content/screenshot-post-nobanner.jpg)

### Post with a feature image

![screenshot](https://raw.githubusercontent.com/mattbutton/silhouette-hugo/master/github-content/screenshot-post-banner.png)

### Footer

![screenshot](https://raw.githubusercontent.com/mattbutton/silhouette-hugo/master/github-content/screenshot-post-footer.png)

## About the theme

Hi I'm [Matt Button](https://www.mattbutton.com), the creator of the Hugo Silhoutte theme.

I've been a fan of [Hugo](https://gohugo.io) for many years.

Back in 2016, inspired by the theme on [Troy Hunt's blog](https://www.troyhunt.com/), I hacked together a custom Hugo theme for [my personal blog](https://www.mattbutton.com) using Bootstrap 3.

In 2018 I rebuilt the theme using [Bootstrap 4.1](https://getbootstrap.com/), and decided to share it with the Hugo community under the name "Silhouette Hugo".

The silhouette image is taken from [this photo](https://unsplash.com/photos/85J99sGggnw) by Karl Magnuson.

## Usage

Create a new Hugo site by typing

```
$ hugo new site <SITENAME>
```

Then clone this repository:

```
$ cd <SITENAME>/themes
$ git clone https://github.com/mattbutton/silhouette-hugo.git
```

Now take a look at the exampleSite folder and you're ready to go!

## License

This theme is provided under the [MIT License](https://github.com/mattbutton/silhouette-hugo/blob/master/LICENSE).

If you use this theme, please provide attribution.




@@ -0,0 +1,2 @@
+++
+++
@@ -0,0 +1,11 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
categories:
- Software Development
tags:
- Untagged
---

**Insert Lead paragraph here.**
@@ -0,0 +1,225 @@
body {
background-color: #fafafa !important;
padding-top: 42px;

display: flex;
min-height: 100vh;
flex-direction: column;
}

.main {
display: flex;
flex: 1;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
word-wrap: break-word;
}

h1, .h1 {
font-size: 2rem;
}

h2, .h2 {
font-size: 1.75rem;
}

h3, .h3 {
font-size: 1.5rem;
}

h4, .h4 {
font-size: 1.25rem;
}

h5, .h5 {
font-size: 1rem;
}

h6, .h6 {
font-size: .75rem;
}

hr {
border-top: 1px dotted #2c2a24;
margin-bottom: 0;
}

pre {
margin: 0 0 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #f5f5f5;
}

a,
.text-primary {
color: #337ab7;
word-wrap: break-word;
}

.top-nav .container {
max-width: 1575px;
padding-left: 0;
padding-right: 0;
}

.navbar-brand {
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

.top-nav a,
.top-nav a:hover {
text-decoration: none;
color: #fff;
}

a.card {
text-decoration: none;
color: #000;
border: 0;
}

.top-nav,
footer,
.sidebar {
flex-shrink: 0;
}

.sidebar .badge-secondary {
color: #847b79;
background-color: #eeedea;
}

footer {
background-color: #27343c;
color: #fff3e4;
font-size: .8rem;
padding: 30px 30px;
}

footer h5 {
font-size: .9rem;
font-family: inherit;
margin-top: 10px;
}

footer h5,
footer a {
color: #e3d096 !important;
}

.recent-posts a.title,
.recent-posts a.title:hover {
color: #222;
text-decoration: none;
}

footer .icons a {
font-size: 1.2rem;
margin: 0 8px;
}

footer hr {
border-top: 1px dotted #555;
margin: 30px 0;
}

.main-content {
flex: 1 0 auto;
}

.main-content h1 {
font-size: 2rem;
}

.post h1,
.post h2,
.recent-posts h4,
.sidebar h2 {
padding-bottom: 10px;
border-bottom: 1px dotted #2c2a24;
}

.recent-posts .post {
margin-bottom: 4rem;
}

.top-nav {
color: #fff;
border-color: rgba(255,255,255,0);
}

.share-icons {
font-size: 1.2em;
}

.share-icons a {
color: #eeedea;
}

.share-icons .fa-inverse {
color: #847b79;
}

.feature-image,
.feature-banner {
background: no-repeat center center;
background-size: cover;
display: flex;
height: 100%;
text-align: center;
align-items: center;

-ms-flex-pack: center!important;
justify-content: center!important;
}

.feature-image-text {
max-width: 760px;

margin-right: auto;
margin-left: auto;
}

.white-shadow-text {
text-shadow: 0 0 3px #222;
color: #fcfbf7;
}

.feature-image-text h1 {
font-size: 2.3rem;
}

.feature-image-text .intro-description {
font-size: 1.6rem;
}

.sidebar {
background-color: #F8F8F8;
border-left: 1px dotted #BBB;
padding: 1.5rem 50px 20px 50px;
flex: 0 0 30rem;
}

.sidebar a:hover {
color: #23527c;
background-color: #eee;
}

.btn-outline-secondary {
color: #333;
background-color: #fff;
border-color: #ccc;
}

a.btn-outline-secondary:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
@@ -0,0 +1,69 @@
/* Generated with: ./hugo gen chromastyles --style=pygments > syntax.css */
/* Background */ .chroma { }
/* Error */ .chroma .err { }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
/* Keyword */ .chroma .k { color: #008000; font-weight: bold }
/* KeywordConstant */ .chroma .kc { color: #008000; font-weight: bold }
/* KeywordDeclaration */ .chroma .kd { color: #008000; font-weight: bold }
/* KeywordNamespace */ .chroma .kn { color: #008000; font-weight: bold }
/* KeywordPseudo */ .chroma .kp { color: #008000 }
/* KeywordReserved */ .chroma .kr { color: #008000; font-weight: bold }
/* KeywordType */ .chroma .kt { color: #b00040 }
/* NameAttribute */ .chroma .na { color: #7d9029 }
/* NameBuiltin */ .chroma .nb { color: #008000 }
/* NameClass */ .chroma .nc { color: #0000ff; font-weight: bold }
/* NameConstant */ .chroma .no { color: #880000 }
/* NameDecorator */ .chroma .nd { color: #aa22ff }
/* NameEntity */ .chroma .ni { color: #999999; font-weight: bold }
/* NameException */ .chroma .ne { color: #d2413a; font-weight: bold }
/* NameFunction */ .chroma .nf { color: #0000ff }
/* NameLabel */ .chroma .nl { color: #a0a000 }
/* NameNamespace */ .chroma .nn { color: #0000ff; font-weight: bold }
/* NameTag */ .chroma .nt { color: #008000; font-weight: bold }
/* NameVariable */ .chroma .nv { color: #19177c }
/* LiteralString */ .chroma .s { color: #ba2121 }
/* LiteralStringAffix */ .chroma .sa { color: #ba2121 }
/* LiteralStringBacktick */ .chroma .sb { color: #ba2121 }
/* LiteralStringChar */ .chroma .sc { color: #ba2121 }
/* LiteralStringDelimiter */ .chroma .dl { color: #ba2121 }
/* LiteralStringDoc */ .chroma .sd { color: #ba2121; font-style: italic }
/* LiteralStringDouble */ .chroma .s2 { color: #ba2121 }
/* LiteralStringEscape */ .chroma .se { color: #bb6622; font-weight: bold }
/* LiteralStringHeredoc */ .chroma .sh { color: #ba2121 }
/* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold }
/* LiteralStringOther */ .chroma .sx { color: #008000 }
/* LiteralStringRegex */ .chroma .sr { color: #bb6688 }
/* LiteralStringSingle */ .chroma .s1 { color: #ba2121 }
/* LiteralStringSymbol */ .chroma .ss { color: #19177c }
/* LiteralNumber */ .chroma .m { color: #666666 }
/* LiteralNumberBin */ .chroma .mb { color: #666666 }
/* LiteralNumberFloat */ .chroma .mf { color: #666666 }
/* LiteralNumberHex */ .chroma .mh { color: #666666 }
/* LiteralNumberInteger */ .chroma .mi { color: #666666 }
/* LiteralNumberIntegerLong */ .chroma .il { color: #666666 }
/* LiteralNumberOct */ .chroma .mo { color: #666666 }
/* Operator */ .chroma .o { color: #666666 }
/* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold }
/* Comment */ .chroma .c { color: #408080; font-style: italic }
/* CommentHashbang */ .chroma .ch { color: #408080; font-style: italic }
/* CommentMultiline */ .chroma .cm { color: #408080; font-style: italic }
/* CommentSingle */ .chroma .c1 { color: #408080; font-style: italic }
/* CommentSpecial */ .chroma .cs { color: #408080; font-style: italic }
/* CommentPreproc */ .chroma .cp { color: #bc7a00 }
/* CommentPreprocFile */ .chroma .cpf { color: #bc7a00 }
/* GenericDeleted */ .chroma .gd { color: #a00000 }
/* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericError */ .chroma .gr { color: #ff0000 }
/* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold }
/* GenericInserted */ .chroma .gi { color: #00a000 }
/* GenericOutput */ .chroma .go { color: #888888 }
/* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold }
/* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold }
/* GenericTraceback */ .chroma .gt { color: #0044dd }
/* GenericUnderline */ .chroma .gl { text-decoration: underline }
/* TextWhitespace */ .chroma .w { color: #bbbbbb }
Oops, something went wrong.

0 comments on commit 1a55566

Please sign in to comment.
You can’t perform that action at this time.