Commit 4c7108a6 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Merge commit '382832d49b9c69f9041a7f628202c32c0bd094aa'

parents 1478cc8e 3ac368a2
......@@ -7,20 +7,15 @@ The Hugo theme for the Site.js starter blog.
1. [Site.js](https://sitejs.org/#get-started)
2. [Site.js starters defaults](https://source.small-tech.org/site.js/starters/starters-defaults)
## How to run
## How to use
0. Download and install [Site.js](https://sitejs.org/#get-started).
1. Create a folder on your computer for the site.
2. Clone or download the [`starters-defaults`](https://source.small-tech.org/site.js/starters/starters-defaults) repository into your new folder.
3. Inside the folder, navigate to the `.hugo/themes/` folder.
4. Clone or download this `starter-theme` repository into the `.hugo/themes/` folder.
5. In your command line interface, navigate to your site folder and run the command, `site`.
3. In your command line interface, navigate to your site folder and run the command, `site`.
Your copy of the site should now be running locally on [https://localhost](https://localhost).
## How to run with demo content
If you’d like to try the theme with demo content, try the Site.js [starter-blog-demo](https://source.small-tech.org/site.js/starters/starter-blog-demo) or [starter-photo-blog-demo](https://source.small-tech.org/site.js/starters/starter-photo-blog-demo).
---
## Guiding Principles
......
......@@ -11,14 +11,14 @@ header {
(if flex is supported) */
@supports (display: flex) {
/* if navigation is short, layout with flexbox */
/* layout with flexbox */
.short-nav .header-wrap {
.header-wrap {
display: flex;
justify-content: flex-end;
}
.short-nav .site-title {
.site-title {
flex: 1 1 auto;
align-self: flex-start;
}
......
......@@ -65,6 +65,7 @@
/* display the navigation in horizontal rows */
/* (if flex is supported) */
@supports (display: flex) {
#site-navigation ul {
clear: both;
display: flex;
......@@ -75,18 +76,8 @@
align-items: flex-start;
}
#site-navigation ul {
display: block;
}
#site-navigation ul.collapsible {
clear: right; /* clear floating menu button */
padding-top: 0.5em; /* space between button + nav */
}
@media (min-width: 35em) {
#site-navigation ul.collapsible {
display: flex;
}
}
} /* end @supports (display: flex) */
\ No newline at end of file
......@@ -4,7 +4,7 @@
{{- $colourTheme := "lavender-blue" -}}
{{- /* override with chosen theme colour */ -}}
{{- $colourTheme = $.Site.Params.colourTheme -}}
{{- $colourTheme = $.Site.Params.colour -}}
{{- /* if colourTheme is set in post frontmatter (or cascaded from section’s _index.md frontmatter), use that instead: */ -}}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment