From b26cfc274e9564df966df420990971b27f41884b Mon Sep 17 00:00:00 2001 From: readme Date: Fri, 6 Mar 2020 13:24:42 +0100 Subject: [PATCH] update --- build/article/future/index.html | 151 ++--- build/article/gotchas/index.html | 154 ++--- build/article/gulp/index.html | 154 ++--- build/article/index.html | 148 ++--- build/article/usage/index.html | 154 ++--- build/contact/index.html | 106 ++-- build/css/styles.css | 45 +- build/index.html | 106 ++-- build/rss.xml | 768 ++++++++++++------------ build/sitemap.xml | 4 +- build/start/build/index.html | 160 ++--- build/start/index.html | 154 ++--- build/start/installation/index.html | 160 ++--- build/start/page-definitions/index.html | 160 ++--- build/start/plugins/index.html | 157 ++--- build/start/site-files/index.html | 160 ++--- src/assets/css/styles.css | 45 +- src/layouts/article.hbs | 53 +- src/layouts/page.hbs | 33 +- src/partials/footer.html | 8 +- 20 files changed, 1500 insertions(+), 1380 deletions(-) diff --git a/build/article/future/index.html b/build/article/future/index.html index 982170a..8172cf9 100644 --- a/build/article/future/index.html +++ b/build/article/future/index.html @@ -1,90 +1,93 @@ + - -Future publication - dashdevs-suite - - - - - - - - - - + + Future publication - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Future publication

+ + + + + +
+ +

Future publication

Published 1 March 2016, 16 words, 1-minute read

-

This article will only appear if the site is built is run after 1 March, 2016.

+

This article will only appear if the site is built is run after 1 March, 2016.

-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+ - + + \ No newline at end of file diff --git a/build/article/gotchas/index.html b/build/article/gotchas/index.html index 41e3353..fb611f3 100644 --- a/build/article/gotchas/index.html +++ b/build/article/gotchas/index.html @@ -1,83 +1,85 @@ + - -Gotchas - dashdevs-suite - - - - - - - - - - + + Gotchas - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Gotchas

+ + + + + +
+ +

Gotchas

Published 10 March 2016, 127 words, 1-minute read

-

Not everything is necessarily straight-forward in the Metalsmith world…

+

Not everything is necessarily straight-forward in the Metalsmith world…

Incompatible plugins

Some plugins clash with another. For example, metalsmith-rootpath which calculates relative roots does not play nicely with metalsmith-permalinks which creates custom folder structures.

Note: lib/metalsmith-moremeta in this project sets a correct root variable whether permalinks are used or not.

@@ -91,9 +93,11 @@ @@ -103,15 +107,17 @@
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+ - + + \ No newline at end of file diff --git a/build/article/gulp/index.html b/build/article/gulp/index.html index e687d9e..8cfe6e2 100644 --- a/build/article/gulp/index.html +++ b/build/article/gulp/index.html @@ -1,83 +1,85 @@ + - -Gulp - dashdevs-suite - - - - - - - - - - + + Gulp - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Gulp

+ + + + + +
+ +

Gulp

Published 2 March 2016, 141 words, 1-minute read

-

Metalsmith has plugins for CSS pre-processing with Sass, image minification, file concatenation, uglification and more. The build code will be familiar to anyone with Gulp experience.

+

Metalsmith has plugins for CSS pre-processing with Sass, image minification, file concatenation, uglification and more. The build code will be familiar to anyone with Gulp experience.

Do you still need Gulp?

Metalsmith is often enough for simpler workflows. However, Gulp has a more extensive range of plugins and permits complex build activities such as linting and PostCSS processing with auto-prefixer.

Metalsmith can be used within any Gulp task, e.g.

@@ -108,9 +110,11 @@ gulp.task('html', function() { @@ -120,15 +124,17 @@ gulp.task('html', function() {
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+ - + + \ No newline at end of file diff --git a/build/article/index.html b/build/article/index.html index f9cd718..21a1bdf 100644 --- a/build/article/index.html +++ b/build/article/index.html @@ -1,80 +1,82 @@ + - -Articles - dashdevs-suite - - - - - - - - - - + + Articles - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Articles

+ + + + + +
+ +

Articles

-

A selection of articles is available in this section.

+

A selection of articles is available in this section.

@@ -124,15 +126,17 @@
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+ - + + \ No newline at end of file diff --git a/build/article/usage/index.html b/build/article/usage/index.html index 268af0f..47928c1 100644 --- a/build/article/usage/index.html +++ b/build/article/usage/index.html @@ -1,83 +1,85 @@ + - -Usage options - dashdevs-suite - - - - - - - - - - + + Usage options - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Usage options

+ + + + + +
+ +

Usage options

Published 14 March 2016, 47 words, 1-minute read

-

Metalsmith could be used to create any number of resources, including:

+

Metalsmith could be used to create any number of resources, including:

-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+ - + + \ No newline at end of file diff --git a/build/contact/index.html b/build/contact/index.html index 660f73b..553041c 100644 --- a/build/contact/index.html +++ b/build/contact/index.html @@ -1,75 +1,79 @@ + - -Contact - dashdevs-suite - - - - - - - - - - + + Contact - dashdevs-suite + + + + + + + + + + + -
+
+ +
+ + + + + +
+ +
-
+
- - - - -
- -
- -
- -
+
- -
+
-
+ - - - --> + + + --> - + + \ No newline at end of file diff --git a/build/css/styles.css b/build/css/styles.css index d2a5589..ae4c7ce 100644 --- a/build/css/styles.css +++ b/build/css/styles.css @@ -1,7 +1,7 @@ /* basic page styles */ -/* dark blue: #1f2833; */ +/* current default: 111833 - blue-weak: #1f2833; brown-red: 33111b; /* light yellow: FBF7EB, new lighter: #f7f2ea */ @@ -30,8 +30,8 @@ body { /* margin-left: 310px; */ /* TODO: not sure this is clean solution */ /* set background-color for all parts default, specially below content */ - background-color: #f7f2ea; - /* color: #1f2833; */ + /* background-color: #f7f2ea; */ + /* color: #111833; */ line-height: 1.5; /* TODO: put footer at bottom https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b */ @@ -100,7 +100,7 @@ pre { font-weight: bold; padding: 0.2em 0.4em; margin: 1em 0 1.5em 3em; - background-color: #1f2833; + background-color: #111833; border-radius: 3px; overflow: auto; } @@ -120,7 +120,7 @@ code { pre code { padding: 0; color: #eff5ef; - background-color: #1f2833; + background-color: #111833; padding-left: 8px; line-height: 2.5; font-size: 0.82em; @@ -161,7 +161,7 @@ a:active { outline: 0 none; overflow: hidden; /* color for links in pagelist type page eg "Installation" (1 from 3) */ - color: #1f2833; + color: #111833; } .pagelist a:hover, @@ -176,13 +176,13 @@ a:active { } .pagelist p { - color: #1f2833; + color: #111833; } p.articleinfo { font-size: 0.8em; /* currently date */ - color: #1f2833; + color: #111833; } @@ -201,16 +201,19 @@ main { } .content { - /* this is the content of main navigation header */ - /* CHECK min-width makes things too wide */ + /* min-height "influences" the content of navmain=header but it should exclude the
*/ + /* CHECK min-width makes things too wide in the
area */ /* min-width: 100%; */ - min-height: 100%; - overflow: auto; + /* TODO: there must be bug in other place! + this is needed to remove scroll in header navigation, so its main navigation header!? */ + /* min-height: 100%; */ + /* overflow: auto; */ /* move font a little down */ padding-top: 10px; } article { + /* this only applys to
while .content is also applied */ /* for page and article template */ /* Distance left, right 4em */ padding: 0 4em; @@ -235,22 +238,25 @@ header { /* eg can overwrite value for "if desktop" below */ height: 60px; overflow: auto; - background-color: #1f2833 + background-color: #111833; + border-bottom: solid; + color: #66fcf1; } footer { /* footer global */ + /* TODO: move footer bottom when article not end of page */ clear: both; /* width: 100%; */ margin-left: 310px; height: 70px; /* margin-top: -70px; */ - overflow: auto; + /* overflow: auto; */ background-color: #f7f2ea; } footer { - font-size: 0.85em; + font-size: 0.90em; padding: 1em; text-align: center; } @@ -304,11 +310,14 @@ footer a:hover { .nav.main a { color: #fff; + /* font-size: 1.6em; */ + text-transform: uppercase; + font-weight: bold; } .nav a.active, .nav strong { - background-color: #1f2833; + background-color: #111833; } .nav a:hover { @@ -362,7 +371,7 @@ footer a:hover { } .subpages .content { /* article template */ - /* Important */ + /* CHECK What does flex do?? */ display: flex; margin-left: 310px; } @@ -380,7 +389,7 @@ footer a:hover { z-index: 1; top: 0; left: 0; - background-color: #1f2833; + background-color: #111833; overflow-x: hidden; overflow-y: scroll; padding-top: 20px; diff --git a/build/index.html b/build/index.html index 86b0a5e..814232a 100644 --- a/build/index.html +++ b/build/index.html @@ -1,57 +1,59 @@ + - -dashdevs-suite - - - - - - - - - - + + dashdevs-suite + + + + + + + + + + + -
+
+ +
+ + + + + +
+ +
-
+
- - - - -
- -
- -
- -
+
-
+
-

Node.js

+

Node.js

This is a static website generated using the Node.js-powered Metalsmith and various published and custom plugins.

This is a demonstration rather than a recommended way to build a static site. Your requirements will be different. Please use any part of the code as you wish.

Where could you use Metalsmith?

@@ -66,20 +68,22 @@

Get started…

-
+
-
+
-
+ - - - --> + + + --> - + + \ No newline at end of file diff --git a/build/rss.xml b/build/rss.xml index 75b4f03..855ea70 100644 --- a/build/rss.xml +++ b/build/rss.xml @@ -1,80 +1,82 @@ -<![CDATA[dashdevs-suite]]>http://127.0.0.1metalsmith-feedThu, 05 Mar 2020 13:41:51 GMT<![CDATA[Articles]]> +<![CDATA[dashdevs-suite]]>http://127.0.0.1metalsmith-feedFri, 06 Mar 2020 12:23:38 GMT<![CDATA[Articles]]> + - -Articles - dashdevs-suite - - - - - - - - - - + + Articles - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Articles

+ + + + + +
+ +

Articles

-

A selection of articles is available in this section.

+

A selection of articles is available in this section.

@@ -124,98 +126,101 @@
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- -]]>http://127.0.0.1/articlehttp://127.0.0.1/articleWed, 26 Feb 2020 15:41:33 GMT<![CDATA[Usage options]]> + +]]>http://127.0.0.1/articlehttp://127.0.0.1/articleWed, 26 Feb 2020 15:41:33 GMT<![CDATA[Usage options]]> + - -Usage options - dashdevs-suite - - - - - - - - - - + + Usage options - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Usage options

+ + + + + +
+ +

Usage options

Published 14 March 2016, 47 words, 1-minute read

-

Metalsmith could be used to create any number of resources, including:

+

Metalsmith could be used to create any number of resources, including:

-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- -]]>http://127.0.0.1/article/usagehttp://127.0.0.1/article/usageMon, 14 Mar 2016 00:00:00 GMT<![CDATA[Gotchas]]> + +]]>http://127.0.0.1/article/usagehttp://127.0.0.1/article/usageMon, 14 Mar 2016 00:00:00 GMT<![CDATA[Gotchas]]> + - -Gotchas - dashdevs-suite - - - - - - - - - - + + Gotchas - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Gotchas

+ + + + + +
+ +

Gotchas

Published 10 March 2016, 127 words, 1-minute read

-

Not everything is necessarily straight-forward in the Metalsmith world…

+

Not everything is necessarily straight-forward in the Metalsmith world…

Incompatible plugins

Some plugins clash with another. For example, metalsmith-rootpath which calculates relative roots does not play nicely with metalsmith-permalinks which creates custom folder structures.

Note: lib/metalsmith-moremeta in this project sets a correct root variable whether permalinks are used or not.

@@ -347,9 +357,11 @@ @@ -359,98 +371,101 @@
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- -]]>http://127.0.0.1/article/gotchashttp://127.0.0.1/article/gotchasThu, 10 Mar 2016 00:00:00 GMT<![CDATA[Gulp]]> + +]]>http://127.0.0.1/article/gotchashttp://127.0.0.1/article/gotchasThu, 10 Mar 2016 00:00:00 GMT<![CDATA[Gulp]]> + - -Gulp - dashdevs-suite - - - - - - - - - - + + Gulp - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Gulp

+ + + + + +
+ +

Gulp

Published 2 March 2016, 141 words, 1-minute read

-

Metalsmith has plugins for CSS pre-processing with Sass, image minification, file concatenation, uglification and more. The build code will be familiar to anyone with Gulp experience.

+

Metalsmith has plugins for CSS pre-processing with Sass, image minification, file concatenation, uglification and more. The build code will be familiar to anyone with Gulp experience.

Do you still need Gulp?

Metalsmith is often enough for simpler workflows. However, Gulp has a more extensive range of plugins and permits complex build activities such as linting and PostCSS processing with auto-prefixer.

Metalsmith can be used within any Gulp task, e.g.

@@ -481,9 +496,11 @@ gulp.task('html', function() { @@ -493,105 +510,109 @@ gulp.task('html', function() {
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- -]]>http://127.0.0.1/article/gulphttp://127.0.0.1/article/gulpWed, 02 Mar 2016 00:00:00 GMT<![CDATA[Future publication]]> + +]]>http://127.0.0.1/article/gulphttp://127.0.0.1/article/gulpWed, 02 Mar 2016 00:00:00 GMT<![CDATA[Future publication]]> + - -Future publication - dashdevs-suite - - - - - - - - - - + + Future publication - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Future publication

+ + + + + +
+ +

Future publication

Published 1 March 2016, 16 words, 1-minute read

-

This article will only appear if the site is built is run after 1 March, 2016.

+

This article will only appear if the site is built is run after 1 March, 2016.

-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- -]]>http://127.0.0.1/article/futurehttp://127.0.0.1/article/futureTue, 01 Mar 2016 00:00:00 GMT \ No newline at end of file + +]]>http://127.0.0.1/article/futurehttp://127.0.0.1/article/futureTue, 01 Mar 2016 00:00:00 GMT \ No newline at end of file diff --git a/build/sitemap.xml b/build/sitemap.xml index 6613046..dbd5f2c 100644 --- a/build/sitemap.xml +++ b/build/sitemap.xml @@ -1,15 +1,15 @@ http://127.0.0.1/ 1.0 - http://127.0.0.1/article/future/ http://127.0.0.1/article/gotchas/ + http://127.0.0.1/article/future/ http://127.0.0.1/article/gulp/ http://127.0.0.1/article/ 0.8 http://127.0.0.1/article/usage/ http://127.0.0.1/contact/ 0.7 http://127.0.0.1/start/build/ 0.5 - http://127.0.0.1/start/installation/ 0.5 http://127.0.0.1/start/ 0.9 + http://127.0.0.1/start/installation/ 0.5 http://127.0.0.1/start/page-definitions/ 0.3 http://127.0.0.1/start/plugins/ 0.3 http://127.0.0.1/start/site-files/ 0.4 diff --git a/build/start/build/index.html b/build/start/build/index.html index 8134f4c..ce8f949 100644 --- a/build/start/build/index.html +++ b/build/start/build/index.html @@ -1,86 +1,88 @@ + - -Build - dashdevs-suite - - - - - - - - - - + + Build - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Build

+ + + + + +
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- + + \ No newline at end of file diff --git a/build/start/index.html b/build/start/index.html index e12d908..a33af26 100644 --- a/build/start/index.html +++ b/build/start/index.html @@ -1,83 +1,85 @@ + - -Start - dashdevs-suite - - - - - - - - - - + + Start - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- + + \ No newline at end of file diff --git a/build/start/installation/index.html b/build/start/installation/index.html index 0af7ab9..ef1e8c9 100644 --- a/build/start/installation/index.html +++ b/build/start/installation/index.html @@ -1,86 +1,88 @@ + - -Installation - dashdevs-suite - - - - - - - - - - + + Installation - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Installation

+ + + + + +
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- + + \ No newline at end of file diff --git a/build/start/page-definitions/index.html b/build/start/page-definitions/index.html index 4b20efb..aaebb91 100644 --- a/build/start/page-definitions/index.html +++ b/build/start/page-definitions/index.html @@ -1,86 +1,88 @@ + - -Page definitions - dashdevs-suite - - - - - - - - - - + + Page definitions - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Page definitions

+ + + + + +
+ +

Page definitions

Published 3 March 2020, 194 words, 1-minute read

-

Each sub-folder in src/html is a website section. Pages named index.md are the default page in section. File paths are translated to permalinks, e.g.

+

Each sub-folder in src/html is a website section. Pages named index.md are the default page in section. File paths are translated to permalinks, e.g.

src/html/article/mypage.md

is rendered to:

build/article/mypage/index.html

Pages use YAML front-matter defined at the top. This can be referenced in templates or during the build process, e.g.

---
@@ -105,9 +107,11 @@ date: 2016-06-01
 				
@@ -117,15 +121,17 @@ date: 2016-06-01
-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- + + \ No newline at end of file diff --git a/build/start/plugins/index.html b/build/start/plugins/index.html index 7947f5a..24a19c0 100644 --- a/build/start/plugins/index.html +++ b/build/start/plugins/index.html @@ -1,86 +1,88 @@ + - -Custom plugins - dashdevs-suite - - - - - - - - - - + + Custom plugins - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Custom plugins

+ + + + + +
+ +

Custom plugins

Published 2 March 2020, 77 words, 1-minute read

-

The build.js file defines how the site is built using Metalsmith and various plugins.

+

The build.js file defines how the site is built using Metalsmith and various plugins.

Several custom plugins have been created specifically for this site:

-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- + + \ No newline at end of file diff --git a/build/start/site-files/index.html b/build/start/site-files/index.html index 6ae8d0f..43a2ffd 100644 --- a/build/start/site-files/index.html +++ b/build/start/site-files/index.html @@ -1,86 +1,88 @@ + - -Site files - dashdevs-suite - - - - - - - - - - + + Site files - dashdevs-suite + + + + + + + + + + + -
- -
- - - - - -
- -
- -
- +
- - + +
-
+
-
+
-

Site files

+ + + + + +
+ +

Site files

Published 26 February 2020, 57 words, 1-minute read

-

All files in the src folder can be edited:

+

All files in the src folder can be edited:

-
- -
- -

By dashdevs and featured on DashDevs.org

- -

Development build, version 1.0.0, article template

- -
+
+
+ +

Help make this page better. Edit here

+ + + + + +
- + + \ No newline at end of file diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css index d2a5589..ae4c7ce 100644 --- a/src/assets/css/styles.css +++ b/src/assets/css/styles.css @@ -1,7 +1,7 @@ /* basic page styles */ -/* dark blue: #1f2833; */ +/* current default: 111833 - blue-weak: #1f2833; brown-red: 33111b; /* light yellow: FBF7EB, new lighter: #f7f2ea */ @@ -30,8 +30,8 @@ body { /* margin-left: 310px; */ /* TODO: not sure this is clean solution */ /* set background-color for all parts default, specially below content */ - background-color: #f7f2ea; - /* color: #1f2833; */ + /* background-color: #f7f2ea; */ + /* color: #111833; */ line-height: 1.5; /* TODO: put footer at bottom https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b */ @@ -100,7 +100,7 @@ pre { font-weight: bold; padding: 0.2em 0.4em; margin: 1em 0 1.5em 3em; - background-color: #1f2833; + background-color: #111833; border-radius: 3px; overflow: auto; } @@ -120,7 +120,7 @@ code { pre code { padding: 0; color: #eff5ef; - background-color: #1f2833; + background-color: #111833; padding-left: 8px; line-height: 2.5; font-size: 0.82em; @@ -161,7 +161,7 @@ a:active { outline: 0 none; overflow: hidden; /* color for links in pagelist type page eg "Installation" (1 from 3) */ - color: #1f2833; + color: #111833; } .pagelist a:hover, @@ -176,13 +176,13 @@ a:active { } .pagelist p { - color: #1f2833; + color: #111833; } p.articleinfo { font-size: 0.8em; /* currently date */ - color: #1f2833; + color: #111833; } @@ -201,16 +201,19 @@ main { } .content { - /* this is the content of main navigation header */ - /* CHECK min-width makes things too wide */ + /* min-height "influences" the content of navmain=header but it should exclude the
*/ + /* CHECK min-width makes things too wide in the
area */ /* min-width: 100%; */ - min-height: 100%; - overflow: auto; + /* TODO: there must be bug in other place! + this is needed to remove scroll in header navigation, so its main navigation header!? */ + /* min-height: 100%; */ + /* overflow: auto; */ /* move font a little down */ padding-top: 10px; } article { + /* this only applys to
while .content is also applied */ /* for page and article template */ /* Distance left, right 4em */ padding: 0 4em; @@ -235,22 +238,25 @@ header { /* eg can overwrite value for "if desktop" below */ height: 60px; overflow: auto; - background-color: #1f2833 + background-color: #111833; + border-bottom: solid; + color: #66fcf1; } footer { /* footer global */ + /* TODO: move footer bottom when article not end of page */ clear: both; /* width: 100%; */ margin-left: 310px; height: 70px; /* margin-top: -70px; */ - overflow: auto; + /* overflow: auto; */ background-color: #f7f2ea; } footer { - font-size: 0.85em; + font-size: 0.90em; padding: 1em; text-align: center; } @@ -304,11 +310,14 @@ footer a:hover { .nav.main a { color: #fff; + /* font-size: 1.6em; */ + text-transform: uppercase; + font-weight: bold; } .nav a.active, .nav strong { - background-color: #1f2833; + background-color: #111833; } .nav a:hover { @@ -362,7 +371,7 @@ footer a:hover { } .subpages .content { /* article template */ - /* Important */ + /* CHECK What does flex do?? */ display: flex; margin-left: 310px; } @@ -380,7 +389,7 @@ footer a:hover { z-index: 1; top: 0; left: 0; - background-color: #1f2833; + background-color: #111833; overflow-x: hidden; overflow-y: scroll; padding-top: 20px; diff --git a/src/layouts/article.hbs b/src/layouts/article.hbs index 8408d55..347d513 100644 --- a/src/layouts/article.hbs +++ b/src/layouts/article.hbs @@ -1,60 +1,65 @@ + -{{> meta }} + {{> meta }} + -{{> header }} + {{> header }} - + - {{> navsub }} +
-
+ {{> navsub }} + +
-
+

{{ title }}

-

{{ title }}

- - {{#if isPage}} - {{else}} + {{#if isPage}} + {{else}}

Published {{ dateFormat }}, {{ wordCount }} words, {{ readingTime }}-minute read

- {{/if}} + {{/if}} - {{{ contents }}} + {{{ contents }}} - {{#if isPage}} + {{#if isPage}} {{> pagelist }} - {{else}} + {{else}} - {{/if}} + {{/if}}
- + -{{> footer template='article' }} + {{> footer template='article' }} - + + \ No newline at end of file diff --git a/src/layouts/page.hbs b/src/layouts/page.hbs index ff3fe8f..3b7c742 100644 --- a/src/layouts/page.hbs +++ b/src/layouts/page.hbs @@ -1,33 +1,38 @@ + -{{> meta }} + {{> meta }} + -{{> header }} + {{> header }} - + {{!-- removed since there is no navsub (sidebar) in page layout --}} + {{!-- --}} +
-
+
- {{> navsub }} + {{!-- {{> navsub }} --}} -
+
- {{#if title}} + {{#if title}}

{{ title }}

- {{/if}} + {{/if}} - {{{ contents }}} + {{{ contents }}} -
+
-
+
-
+ - + - + + \ No newline at end of file diff --git a/src/partials/footer.html b/src/partials/footer.html index 8e8a018..e2d40f9 100644 --- a/src/partials/footer.html +++ b/src/partials/footer.html @@ -1,7 +1,9 @@
-

By {{ author }} and featured on DashDevs.org

+

Help make this page better. Edit here

-

{{#if devBuild}}Development{{else}}Production{{/if}} build, version {{ version }}, {{ template }} template

+ -
+ + + \ No newline at end of file