mirror of
https://github.com/seigler/dashdev-website
synced 2025-07-26 22:36:09 +00:00
update css
remove layout dir
This commit is contained in:
readme
parent
b79c6f7f54
commit
d35d3cf54c
22 changed files with 2653 additions and 428 deletions
6
build.js
6
build.js
|
|
@ -89,7 +89,7 @@ var metalsmith = Metalsmith(__dirname)
|
|||
reverse: true,
|
||||
refer: true,
|
||||
metadata: {
|
||||
layout: 'article.hbs'
|
||||
layout: './../src/layouts/article.hbs' // default is <root>/layouts
|
||||
}
|
||||
},
|
||||
article: {
|
||||
|
|
@ -99,7 +99,7 @@ var metalsmith = Metalsmith(__dirname)
|
|||
refer: true,
|
||||
limit: 50,
|
||||
metadata: {
|
||||
layout: 'article.hbs'
|
||||
layout: './../src/layouts/article.hbs'
|
||||
}
|
||||
}
|
||||
}))
|
||||
|
|
@ -124,7 +124,7 @@ var metalsmith = Metalsmith(__dirname)
|
|||
.use(layouts({
|
||||
//engineOptions: {},
|
||||
pattern: `**/index.*`,
|
||||
default: 'page.hbs'
|
||||
default: './../src/layouts/page.hbs'
|
||||
}))
|
||||
// .use(layouts({
|
||||
// //engineOptions: {},
|
||||
|
|
|
|||
|
|
@ -1 +1,109 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Future publication - dashdevs-suite</title><meta name=description content="This article will be published after 1 March, 2016."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ class=active>Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Future publication</h1><p class=articleinfo>Published 1 March 2016, 16 words, 1-minute read</p><p>This article will only appear if the site is built is run after 1 March, 2016.</p><nav class="nav page"><ul><li><a href=/dashdev-website/build/article/gulp/ class=back>« back: Gulp</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/article/usage/ >Usage options</a></li><li><a href=/dashdev-website/build/article/gotchas/ >Gotchas</a></li><li><a href=/dashdev-website/build/article/gulp/ >Gulp</a></li><li><strong>Future publication</strong></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Future publication - dashdevs-suite</title>
|
||||
<meta name="description" content="This article will be published after 1 March, 2016." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/" class="active">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../article/usage/">Usage options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/gotchas/">Gotchas</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/gulp/">Gulp</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Future publication</strong>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Future publication</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 1 March 2016, 16 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>This article will only appear if the site is built is run after 1 March, 2016.</p>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../article/gulp/" class="back">« back: Gulp</a></li></p>
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,117 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Gotchas - dashdevs-suite</title><meta name=description content="Issues and workarounds when using Metalsmith."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ class=active>Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Gotchas</h1><p class=articleinfo>Published 10 March 2016, 127 words, 1-minute read</p><p>Not everything is necessarily straight-forward in the Metalsmith world…</p><h2 id=incompatible-plugins>Incompatible plugins</h2><p>Some plugins clash with another. For example, <a href=https://github.com/radiovisual/metalsmith-rootpath>metalsmith-rootpath</a> which calculates relative roots does not play nicely with <a href=https://github.com/segmentio/metalsmith-permalinks>metalsmith-permalinks</a> which creates custom folder structures.</p><p><em>Note: <code>lib/metalsmith-moremeta</code> in this project sets a correct <code>root</code> variable whether permalinks are used or not.</em></p><h2 id=plugin-order-can-be-critical>Plugin order can be critical</h2><p>One plugins may depend on another or conflict if placed the wrong way around. For example, the RSS-generating <a href=https://github.com/hurrymaplelad/metalsmith-feed>metalsmith-feed</a> plugin must be called after <a href=https://github.com/superwolff/metalsmith-layouts>metalsmith-layouts</a> to ensure <code>rss.xml</code> is not generated within a page template.</p><h2 id=browsersync-build-issues>Browsersync build issues</h2><p>When <a href=https://www.browsersync.io/ >Browsersync</a> is running and files are edited, collections are re-parsed but the old data remains. This can cause menus and next/back links to be incorrect. To fix this, stop and restart the build.</p><nav class="nav page"><ul><li><a href=/dashdev-website/build/article/usage/ class=back>« back: Usage options</a></li><p></p><li><a href=/dashdev-website/build/article/gulp/ class=next>next: Gulp »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/article/usage/ >Usage options</a></li><li><strong>Gotchas</strong></li><li><a href=/dashdev-website/build/article/gulp/ >Gulp</a></li><li><a href=/dashdev-website/build/article/future/ >Future publication</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Gotchas - dashdevs-suite</title>
|
||||
<meta name="description" content="Issues and workarounds when using Metalsmith." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/" class="active">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../article/usage/">Usage options</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Gotchas</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/gulp/">Gulp</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/future/">Future publication</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Gotchas</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 10 March 2016, 127 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>Not everything is necessarily straight-forward in the Metalsmith world…</p>
|
||||
<h2 id="incompatible-plugins">Incompatible plugins</h2>
|
||||
<p>Some plugins clash with another. For example, <a href="https://github.com/radiovisual/metalsmith-rootpath">metalsmith-rootpath</a> which calculates relative roots does not play nicely with <a href="https://github.com/segmentio/metalsmith-permalinks">metalsmith-permalinks</a> which creates custom folder structures.</p>
|
||||
<p><em>Note: <code>lib/metalsmith-moremeta</code> in this project sets a correct <code>root</code> variable whether permalinks are used or not.</em></p>
|
||||
<h2 id="plugin-order-can-be-critical">Plugin order can be critical</h2>
|
||||
<p>One plugins may depend on another or conflict if placed the wrong way around. For example, the RSS-generating <a href="https://github.com/hurrymaplelad/metalsmith-feed">metalsmith-feed</a> plugin must be called after <a href="https://github.com/superwolff/metalsmith-layouts">metalsmith-layouts</a> to ensure <code>rss.xml</code> is not generated within a page template.</p>
|
||||
<h2 id="browsersync-build-issues">Browsersync build issues</h2>
|
||||
<p>When <a href="https://www.browsersync.io/">Browsersync</a> is running and files are edited, collections are re-parsed but the old data remains. This can cause menus and next/back links to be incorrect. To fix this, stop and restart the build.</p>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../article/usage/" class="back">« back: Usage options</a></li></p>
|
||||
|
||||
<li><a href="../../article/gulp/" class="next">next: Gulp »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,87 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Gulp - dashdevs-suite</title><meta name=description content="Do you need Gulp? Can it be integrated with Metalsmith?"><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ class=active>Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Gulp</h1><p class=articleinfo>Published 2 March 2016, 141 words, 1-minute read</p><p>Metalsmith has plugins for <a href=https://github.com/stevenschobert/metalsmith-sass>CSS pre-processing with Sass</a>, <a href=https://github.com/ahmadnassri/metalsmith-imagemin>image minification</a>, <a href=https://github.com/aymericbeaumet/metalsmith-concat>file concatenation</a>, <a href=https://github.com/ksmithut/metalsmith-uglify>uglification</a> and more. The build code will be familiar to anyone with <a href=http://gulpjs.com/ >Gulp</a> experience.</p><h2 id=do-you-still-need-gulp>Do you still need Gulp?</h2><p>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 <a href=http://postcss.org/ >PostCSS</a> processing with <a href=https://github.com/postcss/autoprefixer>auto-prefixer</a>.</p><p>Metalsmith can be used within any Gulp task, e.g.</p><pre><code>var
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Gulp - dashdevs-suite</title>
|
||||
<meta name="description" content="Do you need Gulp? Can it be integrated with Metalsmith?" />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/" class="active">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../article/usage/">Usage options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/gotchas/">Gotchas</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Gulp</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/future/">Future publication</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Gulp</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 2 March 2016, 141 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>Metalsmith has plugins for <a href="https://github.com/stevenschobert/metalsmith-sass">CSS pre-processing with Sass</a>, <a href="https://github.com/ahmadnassri/metalsmith-imagemin">image minification</a>, <a href="https://github.com/aymericbeaumet/metalsmith-concat">file concatenation</a>, <a href="https://github.com/ksmithut/metalsmith-uglify">uglification</a> and more. The build code will be familiar to anyone with <a href="http://gulpjs.com/">Gulp</a> experience.</p>
|
||||
<h2 id="do-you-still-need-gulp">Do you still need Gulp?</h2>
|
||||
<p>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 <a href="http://postcss.org/">PostCSS</a> processing with <a href="https://github.com/postcss/autoprefixer">auto-prefixer</a>.</p>
|
||||
<p>Metalsmith can be used within any Gulp task, e.g.</p>
|
||||
<pre><code>var
|
||||
gulp = require('gulp'),
|
||||
metalsmith = require('metalsmith'),
|
||||
publish = require('metalsmith-publish'),
|
||||
|
|
@ -17,4 +100,35 @@ gulp.task('html', function() {
|
|||
if (err) throw err;
|
||||
});
|
||||
|
||||
});</code></pre><p>Further Gulp tasks can then be added. Note <code>.clean(false)</code> ensures Metalsmith never wipes the build folder when other tasks are active.</p><p>There are a number of Gulp/Metalsmith integration plugins although they are rarely necessary.</p><nav class="nav page"><ul><li><a href=/dashdev-website/build/article/gotchas/ class=back>« back: Gotchas</a></li><p></p><li><a href=/dashdev-website/build/article/future/ class=next>next: Future publication »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/article/usage/ >Usage options</a></li><li><a href=/dashdev-website/build/article/gotchas/ >Gotchas</a></li><li><strong>Gulp</strong></li><li><a href=/dashdev-website/build/article/future/ >Future publication</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
});</code></pre><p>Further Gulp tasks can then be added. Note <code>.clean(false)</code> ensures Metalsmith never wipes the build folder when other tasks are active.</p>
|
||||
<p>There are a number of Gulp/Metalsmith integration plugins although they are rarely necessary.</p>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../article/gotchas/" class="back">« back: Gotchas</a></li></p>
|
||||
|
||||
<li><a href="../../article/future/" class="next">next: Future publication »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,138 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Articles - dashdevs-suite</title><meta name=description content="A set of articles published on this site."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ class=active>Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Articles</h1><p>A selection of articles is available in this section.</p><ul class=pagelist><li><a href=/dashdev-website/build/article/usage/ ><h2>Usage options</h2><p class=articleinfo>14 March 2016</p><p>What type of project could benefit from Metalsmith?</p></a></li><li><a href=/dashdev-website/build/article/gotchas/ ><h2>Gotchas</h2><p class=articleinfo>10 March 2016</p><p>Issues and workarounds when using Metalsmith.</p></a></li><li><a href=/dashdev-website/build/article/gulp/ ><h2>Gulp</h2><p class=articleinfo>2 March 2016</p><p>Do you need Gulp? Can it be integrated with Metalsmith?</p></a></li><li><a href=/dashdev-website/build/article/future/ ><h2>Future publication</h2><p class=articleinfo>1 March 2016</p><p>This article will be published after 1 March, 2016.</p></a></li></ul></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/article/usage/ >Usage options</a></li><li><a href=/dashdev-website/build/article/gotchas/ >Gotchas</a></li><li><a href=/dashdev-website/build/article/gulp/ >Gulp</a></li><li><a href=/dashdev-website/build/article/future/ >Future publication</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Articles - dashdevs-suite</title>
|
||||
<meta name="description" content="A set of articles published on this site." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/" class="active">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../article/usage/">Usage options</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/gotchas/">Gotchas</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/gulp/">Gulp</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/future/">Future publication</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Articles</h1>
|
||||
|
||||
|
||||
<p>A selection of articles is available in this section.</p>
|
||||
|
||||
|
||||
|
||||
<ul class="pagelist">
|
||||
|
||||
<li>
|
||||
<a href="../article/usage/">
|
||||
|
||||
<h2>Usage options</h2>
|
||||
<p class="articleinfo">14 March 2016</p>
|
||||
|
||||
<p>What type of project could benefit from Metalsmith?</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/gotchas/">
|
||||
|
||||
<h2>Gotchas</h2>
|
||||
<p class="articleinfo">10 March 2016</p>
|
||||
|
||||
<p>Issues and workarounds when using Metalsmith.</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/gulp/">
|
||||
|
||||
<h2>Gulp</h2>
|
||||
<p class="articleinfo">2 March 2016</p>
|
||||
|
||||
<p>Do you need Gulp? Can it be integrated with Metalsmith?</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/future/">
|
||||
|
||||
<h2>Future publication</h2>
|
||||
<p class="articleinfo">1 March 2016</p>
|
||||
|
||||
<p>This article will be published after 1 March, 2016.</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,118 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Usage options - dashdevs-suite</title><meta name=description content="What type of project could benefit from Metalsmith?"><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ class=active>Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Usage options</h1><p class=articleinfo>Published 14 March 2016, 47 words, 1-minute read</p><p>Metalsmith could be used to create any number of resources, including:</p><ul><li>a fast static website with minimal server-side requirements</li><li>technical documentation</li><li>an eBook</li><li>application prototypes</li><li>build tools or project scaffolding</li></ul><p>The markdown files can be converted to other files types using plugins such as <a href=https://github.com/arve0/metalsmith-pandoc>metalsmith-pandoc</a> or <a href=https://github.com/jjclark1982/metalsmith-pdf>metalsmith-pdf</a>.</p><nav class="nav page"><ul><li><a href=/dashdev-website/build/article/ class=back>« back: Articles</a></li><p></p><li><a href=/dashdev-website/build/article/gotchas/ class=next>next: Gotchas »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><strong>Usage options</strong></li><li><a href=/dashdev-website/build/article/gotchas/ >Gotchas</a></li><li><a href=/dashdev-website/build/article/gulp/ >Gulp</a></li><li><a href=/dashdev-website/build/article/future/ >Future publication</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Usage options - dashdevs-suite</title>
|
||||
<meta name="description" content="What type of project could benefit from Metalsmith?" />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/" class="active">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<strong>Usage options</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/gotchas/">Gotchas</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/gulp/">Gulp</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/future/">Future publication</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Usage options</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 14 March 2016, 47 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>Metalsmith could be used to create any number of resources, including:</p>
|
||||
<ul>
|
||||
<li>a fast static website with minimal server-side requirements</li>
|
||||
<li>technical documentation</li>
|
||||
<li>an eBook</li>
|
||||
<li>application prototypes</li>
|
||||
<li>build tools or project scaffolding</li>
|
||||
</ul>
|
||||
<p>The markdown files can be converted to other files types using plugins such as <a href="https://github.com/arve0/metalsmith-pandoc">metalsmith-pandoc</a> or <a href="https://github.com/jjclark1982/metalsmith-pdf">metalsmith-pdf</a>.</p>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../article/" class="back">« back: Articles</a></li></p>
|
||||
|
||||
<li><a href="../../article/gotchas/" class="next">next: Gotchas »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,74 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Contact - dashdevs-suite</title><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ class=active>Contact</a></li></ul></nav></div></header><main><div class=content><article><h1>Contact</h1><p>Any questions?</p><p>Contact us at <a href="">Dash DApp Developers Discord</a></p></article></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, page template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Contact - dashdevs-suite</title>
|
||||
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../contact/" class="active">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<div class="content">
|
||||
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Contact</h1>
|
||||
|
||||
<p>Any questions?</p>
|
||||
<p>Contact us at <a href="">Dash DApp Developers Discord</a></p>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, page template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,277 +1,319 @@
|
|||
/* basic page styles */
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: georgia, cambria, "times new roman", times, serif;
|
||||
font-size: 1em;
|
||||
color: #555;
|
||||
background-color: #eee;
|
||||
line-height: 1.5;
|
||||
font-family: georgia, cambria, "times new roman", times, serif;
|
||||
font-size: 1em;
|
||||
color: #555;
|
||||
background-color: #eee;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
|
||||
display: block;
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1, h2, .logo {
|
||||
font-family: arial, helvetica, free-sans, sans-serif;
|
||||
font-weight: normal;
|
||||
h1,
|
||||
h2,
|
||||
.logo {
|
||||
font-family: arial, helvetica, free-sans, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6em;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.4em;
|
||||
margin: 2rem 0 0 0;
|
||||
font-size: 1.4em;
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1em 0;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin: 1em 0 1.5em 3em;
|
||||
ul,
|
||||
ol {
|
||||
margin: 1em 0 1.5em 3em;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0 0 0.75em 0;
|
||||
margin: 0 0 0.75em 0;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 50%;
|
||||
margin: 0 0 1em 1em;
|
||||
border: 0 none;
|
||||
float: right;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 50%;
|
||||
margin: 0 0 1em 1em;
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 0.8rem;
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 1em 0 1.5em 3em;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
overflow: auto;
|
||||
font-size: 0.8rem;
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 1em 0 1.5em 3em;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Menlo, "DejaVu Mono", monospace;
|
||||
color: #363;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
padding: 0 0.2em;
|
||||
font-family: Consolas, Menlo, "DejaVu Mono", monospace;
|
||||
color: #363;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color: #66c;
|
||||
a:link,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: #66c;
|
||||
}
|
||||
|
||||
a:hover, a:active {
|
||||
color: #c66;
|
||||
a:hover,
|
||||
a:active {
|
||||
color: #c66;
|
||||
}
|
||||
|
||||
.pagelist {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
line-height: 1.3;
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.pagelist li {
|
||||
flex: 1 1 45%;
|
||||
margin: 0 1em 1em 0;
|
||||
flex: 1 1 45%;
|
||||
margin: 0 1em 1em 0;
|
||||
}
|
||||
|
||||
.pagelist a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ccc;
|
||||
outline: 0 none;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ccc;
|
||||
outline: 0 none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pagelist a:hover, .pagelist a:focus {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #999;
|
||||
.pagelist a:hover,
|
||||
.pagelist a:focus {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
.pagelist h2, .pagelist p {
|
||||
margin: 0;
|
||||
.pagelist h2,
|
||||
.pagelist p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pagelist p {
|
||||
color: #333;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p.articleinfo {
|
||||
font-size: 0.8em;
|
||||
color: #777;
|
||||
font-size: 0.8em;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
|
||||
/* layout */
|
||||
|
||||
.content {
|
||||
max-width: 50em;
|
||||
padding: 0 0.5em;
|
||||
margin: 0 auto;
|
||||
/* for page and article template */
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
/* Distance left, right 4em */
|
||||
padding: 0em 4em;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
|
||||
main {
|
||||
clear: both;
|
||||
background-color: #fff;
|
||||
overflow: auto;
|
||||
/* for page and article template */
|
||||
clear: both;
|
||||
background-color: #fff;
|
||||
/* todo check not working here */
|
||||
/* overflow: scroll; */
|
||||
margin: 55px 0px 0 0px;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 1rem 0;
|
||||
/* for page and article template */
|
||||
/* Distance top 1rem for content */
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
header, footer {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
background-color: #eee;
|
||||
header,
|
||||
footer {
|
||||
/* footer global */
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
overflow: auto;
|
||||
background-color: rgb(214, 4, 4);
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 0.85em;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
font-size: 0.85em;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 1.5em;
|
||||
margin: 0.2em 0 0 0;
|
||||
font-size: 1.5em;
|
||||
margin: 0.2em 0 0 0;
|
||||
}
|
||||
|
||||
.logo a {
|
||||
padding: 0.2em 0;
|
||||
color: #999;
|
||||
padding: 0.2em 0;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
/* navigation */
|
||||
|
||||
.nav ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 100%;
|
||||
margin: 0;
|
||||
flex: 1 1 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav a, .nav strong {
|
||||
display: block;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 0.6em 0;
|
||||
.nav a,
|
||||
.nav strong {
|
||||
display: block;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 0.6em 0;
|
||||
}
|
||||
|
||||
.nav.main a {
|
||||
color: #222;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.nav a.active, .nav strong {
|
||||
background-color: #fff;
|
||||
.nav a.active,
|
||||
.nav strong {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.nav.page {
|
||||
margin-top: 1.5em;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-top: 1.5em;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
@media (min-width: 16em) {
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 32em) {
|
||||
|
||||
header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav.main {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.nav.main li {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 3em 0 2em 0;
|
||||
}
|
||||
|
||||
.subpages .content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.subpages article {
|
||||
flex: 1 1 70%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.subpages .nav.sub {
|
||||
flex: 1 1 30%;
|
||||
margin: 0 0 0 2rem;
|
||||
}
|
||||
|
||||
.nav.sub ul {
|
||||
margin-top: 1em;
|
||||
flex-direction: column;
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
|
||||
.nav.sub li {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
}
|
||||
|
||||
.nav.sub a, .nav.sub strong {
|
||||
text-align: left;
|
||||
padding-left: 0.75em;
|
||||
}
|
||||
|
||||
.nav.page a {
|
||||
text-align: left;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
.nav.page a.next {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
header {
|
||||
/* header global */
|
||||
position: fixed;
|
||||
/* CHECK added */
|
||||
height: 55px;
|
||||
top: 0;
|
||||
}
|
||||
.logo {
|
||||
float: left;
|
||||
}
|
||||
.nav.main {
|
||||
float: right;
|
||||
}
|
||||
.nav li {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.nav.main li {
|
||||
width: 6em;
|
||||
}
|
||||
main {
|
||||
/* CHECK same padding options for both templates here!? */
|
||||
/* position: fixed; */
|
||||
/* margin: 55px 0px 0px 310px; */
|
||||
/* padding: 3em 0em 2em 0em; */
|
||||
/* overflow: auto; */
|
||||
}
|
||||
.subpages .content {
|
||||
/* article template */
|
||||
display: flex;
|
||||
margin: 55px 0px 0px 310px;
|
||||
}
|
||||
.subpages article {
|
||||
/* article template */
|
||||
/* flex: 1 1 70%; */
|
||||
/* min-width for text content */
|
||||
min-width: 100%;
|
||||
}
|
||||
.subpages .nav.sub {
|
||||
/* article template */
|
||||
height: 100%;
|
||||
width: 310px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgb(88, 9, 112);
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
padding-top: 20px;
|
||||
margin-top: 55px
|
||||
}
|
||||
.nav.sub ul {
|
||||
margin-top: 1em;
|
||||
flex-direction: column;
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
.nav.sub li {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
}
|
||||
.nav.sub a,
|
||||
.nav.sub strong {
|
||||
text-align: left;
|
||||
padding-left: 0.75em;
|
||||
}
|
||||
.nav.page a {
|
||||
text-align: left;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
.nav.page a.next {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +1,84 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>dashdevs-suite</title><meta name=description content="A static HTML-only website generated using Metalsmith.io."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ class=active>Home</a></li><li><a href=/dashdev-website/build/start/ >Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main><div class=content><article><p><a href=http://dash.org/ ><img src=images/nodejs.png alt=Node.js></a></p><p>This is a static website generated using the Node.js-powered <strong><a href=http://metalsmith.io>Metalsmith</a></strong> and various published and custom plugins.</p><p>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.</p><h2 id=where-could-you-use-metalsmith>Where could you use Metalsmith?</h2><p>Metalsmith could be used to create:</p><ul><li>a fast static website with minimal server-side requirements</li><li>technical documentation</li><li>an eBook</li><li>application prototypes</li><li>build tools or project scaffolding</li></ul><p><a href=start/ >Get started…</a></p></article></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, page template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>dashdevs-suite</title>
|
||||
<meta name="description" content="A static HTML-only website generated using Metalsmith.io." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="" class="active">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="start/">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<div class="content">
|
||||
|
||||
|
||||
<article>
|
||||
|
||||
|
||||
<p><a href="http://dash.org/"><img src="images/nodejs.png" alt="Node.js"></a></p>
|
||||
<p>This is a static website generated using the Node.js-powered <strong><a href="http://metalsmith.io">Metalsmith</a></strong> and various published and custom plugins.</p>
|
||||
<p>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.</p>
|
||||
<h2 id="where-could-you-use-metalsmith">Where could you use Metalsmith?</h2>
|
||||
<p>Metalsmith could be used to create:</p>
|
||||
<ul>
|
||||
<li>a fast static website with minimal server-side requirements</li>
|
||||
<li>technical documentation</li>
|
||||
<li>an eBook</li>
|
||||
<li>application prototypes</li>
|
||||
<li>build tools or project scaffolding</li>
|
||||
</ul>
|
||||
<p><a href="start/">Get started…</a></p>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, page template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
601
build/rss.xml
601
build/rss.xml
File diff suppressed because one or more lines are too long
|
|
@ -1,16 +1,16 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/</loc> <priority>1.0</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/article/future/</loc> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/article/gotchas/</loc> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/article/gulp/</loc> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/article/</loc> <priority>0.8</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/article/usage/</loc> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/contact/</loc> <priority>0.7</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/start/build/</loc> <priority>0.5</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/start/</loc> <priority>0.9</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/start/installation/</loc> <priority>0.5</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/start/page-definitions/</loc> <priority>0.3</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/start/plugins/</loc> <priority>0.3</priority> </url>
|
||||
<url> <loc>https://dashdev-suite.github.io/dashdev-website/build/start/site-files/</loc> <priority>0.4</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/</loc> <priority>1.0</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/article/future/</loc> </url>
|
||||
<url> <loc>http://127.0.0.1/article/gotchas/</loc> </url>
|
||||
<url> <loc>http://127.0.0.1/article/gulp/</loc> </url>
|
||||
<url> <loc>http://127.0.0.1/article/</loc> <priority>0.8</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/article/usage/</loc> </url>
|
||||
<url> <loc>http://127.0.0.1/contact/</loc> <priority>0.7</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/start/build/</loc> <priority>0.5</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/start/</loc> <priority>0.9</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/start/installation/</loc> <priority>0.5</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/start/page-definitions/</loc> <priority>0.3</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/start/plugins/</loc> <priority>0.3</priority> </url>
|
||||
<url> <loc>http://127.0.0.1/start/site-files/</loc> <priority>0.4</priority> </url>
|
||||
</urlset>
|
||||
|
|
@ -1 +1,117 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Build - dashdevs-suite</title><meta name=description content="How to build the static site using Metalsmith."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ class=active>Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Build</h1><p class=articleinfo>Published 3 March 2020, 55 words, 1-minute read</p><p>To build and launch the site in a test server using <a href=https://www.browsersync.io/ >Browsersync</a>:</p><pre><code>npm start</code></pre><p>(Stop the server with <code>Ctrl+C</code>.)</p><p>To build the site for production and compress HTML files:</p><pre><code>npm run production</code></pre><p>The site is built in the <code>/build</code> folder.</p><p>Note you may want to change the <code>siteMeta.domain</code> and <code>siteMeta.rootpath</code> on lines 52 and 53 of <code>./build.js</code>.</p><nav class="nav page"><ul><li><a href=/dashdev-website/build/start/installation/ class=back>« back: Installation</a></li><p></p><li><a href=/dashdev-website/build/start/site-files/ class=next>next: Site files »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/start/installation/ >Installation</a></li><li><strong>Build</strong></li><li><a href=/dashdev-website/build/start/site-files/ >Site files</a></li><li><a href=/dashdev-website/build/start/page-definitions/ >Page definitions</a></li><li><a href=/dashdev-website/build/start/plugins/ >Custom plugins</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Build - dashdevs-suite</title>
|
||||
<meta name="description" content="How to build the static site using Metalsmith." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/" class="active">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../start/installation/">Installation</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Build</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/site-files/">Site files</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/page-definitions/">Page definitions</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/plugins/">Custom plugins</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Build</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 3 March 2020, 55 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>To build and launch the site in a test server using <a href="https://www.browsersync.io/">Browsersync</a>:</p>
|
||||
<pre><code>npm start</code></pre><p>(Stop the server with <code>Ctrl+C</code>.)</p>
|
||||
<p>To build the site for production and compress HTML files:</p>
|
||||
<pre><code>npm run production</code></pre><p>The site is built in the <code>/build</code> folder.</p>
|
||||
<p>Note you may want to change the <code>siteMeta.domain</code> and <code>siteMeta.rootpath</code> on lines 52 and 53 of <code>./build.js</code>.</p>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../start/installation/" class="back">« back: Installation</a></li></p>
|
||||
|
||||
<li><a href="../../start/site-files/" class="next">next: Site files »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,150 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Start - dashdevs-suite</title><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ class=active>Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Start</h1><p>This section provides an overview of core code and concepts.</p><ul class=pagelist><li><a href=/dashdev-website/build/start/installation/ ><h2>Installation</h2><p class=articleinfo>2 March 2020</p><p>How to install this demonstration code.</p></a></li><li><a href=/dashdev-website/build/start/build/ ><h2>Build</h2><p class=articleinfo>3 March 2020</p><p>How to build the static site using Metalsmith.</p></a></li><li><a href=/dashdev-website/build/start/site-files/ ><h2>Site files</h2><p class=articleinfo>26 February 2020</p><p>A description of the source files used to build a website</p></a></li><li><a href=/dashdev-website/build/start/page-definitions/ ><h2>Page definitions</h2><p class=articleinfo>26 February 2020</p><p>How pages are defined in the source folder.</p></a></li><li><a href=/dashdev-website/build/start/plugins/ ><h2>Custom plugins</h2><p class=articleinfo>2 March 2020</p><p>The custom plugins used to create this website.</p></a></li></ul></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/start/installation/ >Installation</a></li><li><a href=/dashdev-website/build/start/build/ >Build</a></li><li><a href=/dashdev-website/build/start/site-files/ >Site files</a></li><li><a href=/dashdev-website/build/start/page-definitions/ >Page definitions</a></li><li><a href=/dashdev-website/build/start/plugins/ >Custom plugins</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Start - dashdevs-suite</title>
|
||||
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/" class="active">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../start/installation/">Installation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/build/">Build</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/site-files/">Site files</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/page-definitions/">Page definitions</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/plugins/">Custom plugins</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Start</h1>
|
||||
|
||||
|
||||
<p>This section provides an overview of core code and concepts.</p>
|
||||
|
||||
|
||||
|
||||
<ul class="pagelist">
|
||||
|
||||
<li>
|
||||
<a href="../start/installation/">
|
||||
|
||||
<h2>Installation</h2>
|
||||
<p class="articleinfo">2 March 2020</p>
|
||||
|
||||
<p>How to install this demonstration code.</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/build/">
|
||||
|
||||
<h2>Build</h2>
|
||||
<p class="articleinfo">3 March 2020</p>
|
||||
|
||||
<p>How to build the static site using Metalsmith.</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/site-files/">
|
||||
|
||||
<h2>Site files</h2>
|
||||
<p class="articleinfo">26 February 2020</p>
|
||||
|
||||
<p>A description of the source files used to build a website</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/page-definitions/">
|
||||
|
||||
<h2>Page definitions</h2>
|
||||
<p class="articleinfo">3 March 2020</p>
|
||||
|
||||
<p>How pages are defined in the source folder.</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../start/plugins/">
|
||||
|
||||
<h2>Custom plugins</h2>
|
||||
<p class="articleinfo">2 March 2020</p>
|
||||
|
||||
<p>The custom plugins used to create this website.</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,117 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Installation - dashdevs-suite</title><meta name=description content="How to install this demonstration code."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ class=active>Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Installation</h1><p class=articleinfo>Published 2 March 2020, 27 words, 1-minute read</p><p>Please ensure <a href=https://nodejs.org/ >Node.js</a> and <a href=https://git-scm.com/ >Git</a> are installed on your system.</p><p>Download the demonstration code and switch to directory:</p><p>git clone <a href=mailto:git@github.com>git@github.com</a>:dashdev-suite/dashdev-website.git cd metalsmith-demo</p><p>Install dependencies:</p><pre><code>npm install</code></pre><nav class="nav page"><ul><li><a href=/dashdev-website/build/start/ class=back>« back: Start</a></li><p></p><li><a href=/dashdev-website/build/start/build/ class=next>next: Build »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><strong>Installation</strong></li><li><a href=/dashdev-website/build/start/build/ >Build</a></li><li><a href=/dashdev-website/build/start/site-files/ >Site files</a></li><li><a href=/dashdev-website/build/start/page-definitions/ >Page definitions</a></li><li><a href=/dashdev-website/build/start/plugins/ >Custom plugins</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Installation - dashdevs-suite</title>
|
||||
<meta name="description" content="How to install this demonstration code." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/" class="active">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<strong>Installation</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/build/">Build</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/site-files/">Site files</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/page-definitions/">Page definitions</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/plugins/">Custom plugins</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Installation</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 2 March 2020, 27 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>Please ensure <a href="https://nodejs.org/">Node.js</a> and <a href="https://git-scm.com/">Git</a> are installed on your system.</p>
|
||||
<p>Download the demonstration code and switch to directory:</p>
|
||||
<p> git clone <a href="mailto:git@github.com">git@github.com</a>:dashdev-suite/dashdev-website.git
|
||||
cd metalsmith-demo</p>
|
||||
<p>Install dependencies:</p>
|
||||
<pre><code>npm install</code></pre>
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../start/" class="back">« back: Start</a></li></p>
|
||||
|
||||
<li><a href="../../start/build/" class="next">next: Build »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,131 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Page definitions - dashdevs-suite</title><meta name=description content="How pages are defined in the source folder."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ class=active>Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Page definitions</h1><p class=articleinfo>Published 26 February 2020, 194 words, 1-minute read</p><p>Each sub-folder in <code>src/html</code> is a website section. Pages named <code>index.md</code> are the default page in section. File paths are translated to permalinks, e.g.</p><pre><code>src/html/article/mypage.md</code></pre><p>is rendered to:</p><pre><code>build/article/mypage/index.html</code></pre><p>Pages use YAML front-matter defined at the top. This can be referenced in templates or during the build process, e.g.</p><pre><code>---
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Page definitions - dashdevs-suite</title>
|
||||
<meta name="description" content="How pages are defined in the source folder." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/" class="active">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../start/installation/">Installation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/build/">Build</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/site-files/">Site files</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Page definitions</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/plugins/">Custom plugins</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Page definitions</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 3 March 2020, 194 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>Each sub-folder in <code>src/html</code> is a website section. Pages named <code>index.md</code> are the default page in section. File paths are translated to permalinks, e.g.</p>
|
||||
<pre><code>src/html/article/mypage.md</code></pre><p>is rendered to:</p>
|
||||
<pre><code>build/article/mypage/index.html</code></pre><p>Pages use YAML front-matter defined at the top. This can be referenced in templates or during the build process, e.g.</p>
|
||||
<pre><code>---
|
||||
title: My page title
|
||||
description: A description of this page for meta tags and page lists.
|
||||
layout: page.html
|
||||
priority: 0.9
|
||||
publish: 2016-06-01
|
||||
date: 2016-06-01
|
||||
---</code></pre><p>All items are optional. Note:</p><ul><li><code>layout</code> defaults to <code>page.html</code> unless <code>metadata.layout</code> is defined for the page collection (see the <code>use(collections({ ... })</code> code in <code>build.js</code>).</li><li><code>priority</code> is a number between 0 (low) and 1 (high) which is used to order menus and define XML sitemaps.</li><li><code>publish</code> can be set <code>draft</code>, <code>private</code> or a future date to ensure it is not published until required.</li><li><code>date</code> is the date of the article. If not set, a future <code>publish</code> date or the file creation date is used.</li></ul><p>The page content is defined in markdown, HTML syntax or both below the front-matter section. The content can include <a href=http://handlebarsjs.com/ >Handlebars</a> partials from the <code>src/partials</code> folder, e.g.</p><pre><code>{{> partialname }}</code></pre><p>where <code>partialname</code> is the partial filename without its <code>.html</code> extension.</p><nav class="nav page"><ul><li><a href=/dashdev-website/build/start/site-files/ class=back>« back: Site files</a></li><p></p><li><a href=/dashdev-website/build/start/plugins/ class=next>next: Custom plugins »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/start/installation/ >Installation</a></li><li><a href=/dashdev-website/build/start/build/ >Build</a></li><li><a href=/dashdev-website/build/start/site-files/ >Site files</a></li><li><strong>Page definitions</strong></li><li><a href=/dashdev-website/build/start/plugins/ >Custom plugins</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
---</code></pre><p>All items are optional. Note:</p>
|
||||
<ul>
|
||||
<li><code>layout</code> defaults to <code>page.html</code> unless <code>metadata.layout</code> is defined for the page collection (see the <code>use(collections({ ... })</code> code in <code>build.js</code>).</li>
|
||||
<li><code>priority</code> is a number between 0 (low) and 1 (high) which is used to order menus and define XML sitemaps.</li>
|
||||
<li><code>publish</code> can be set <code>draft</code>, <code>private</code> or a future date to ensure it is not published until required.</li>
|
||||
<li><code>date</code> is the date of the article. If not set, a future <code>publish</code> date or the file creation date is used.</li>
|
||||
</ul>
|
||||
<p>The page content is defined in markdown, HTML syntax or both below the front-matter section. The content can include <a href="http://handlebarsjs.com/">Handlebars</a> partials from the <code>src/partials</code> folder, e.g.</p>
|
||||
<pre><code>{{> partialname }}</code></pre><p>where <code>partialname</code> is the partial filename without its <code>.html</code> extension.</p>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../start/site-files/" class="back">« back: Site files</a></li></p>
|
||||
|
||||
<li><a href="../../start/plugins/" class="next">next: Custom plugins »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,118 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Custom plugins - dashdevs-suite</title><meta name=description content="The custom plugins used to create this website."><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ class=active>Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Custom plugins</h1><p class=articleinfo>Published 2 March 2020, 77 words, 1-minute read</p><p>The <code>build.js</code> file defines how the site is built using Metalsmith and various plugins.</p><p>Several custom plugins have been created specifically for this site:</p><ul><li><code>lib/metalsmith-debug.js</code>: output debugging information to the console.</li><li><code>lib/metalsmith-setdate.js</code>: ensure each page has a date. If a <code>date</code> is not defined in the page's front-matter, it is presumed to be the publish or file creation date.</li><li><code>lib/metalsmith-moremeta.js</code>: applies further metadata to each page including the root folder, a default layout, primary and secondary navigation.</li></ul><nav class="nav page"><ul><li><a href=/dashdev-website/build/start/page-definitions/ class=back>« back: Page definitions</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/start/installation/ >Installation</a></li><li><a href=/dashdev-website/build/start/build/ >Build</a></li><li><a href=/dashdev-website/build/start/site-files/ >Site files</a></li><li><a href=/dashdev-website/build/start/page-definitions/ >Page definitions</a></li><li><strong>Custom plugins</strong></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Custom plugins - dashdevs-suite</title>
|
||||
<meta name="description" content="The custom plugins used to create this website." />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/" class="active">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../start/installation/">Installation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/build/">Build</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/site-files/">Site files</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/page-definitions/">Page definitions</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Custom plugins</strong>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Custom plugins</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 2 March 2020, 77 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>The <code>build.js</code> file defines how the site is built using Metalsmith and various plugins.</p>
|
||||
<p>Several custom plugins have been created specifically for this site:</p>
|
||||
<ul>
|
||||
<li><code>lib/metalsmith-debug.js</code>: output debugging information to the console.</li>
|
||||
<li><code>lib/metalsmith-setdate.js</code>: ensure each page has a date. If a <code>date</code> is not defined in the page's front-matter, it is presumed to be the publish or file creation date.</li>
|
||||
<li><code>lib/metalsmith-moremeta.js</code>: applies further metadata to each page including the root folder, a default layout, primary and secondary navigation.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../start/page-definitions/" class="back">« back: Page definitions</a></li></p>
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +1,119 @@
|
|||
<!DOCTYPE html><html><head><meta charset=utf-8><title>Site files - dashdevs-suite</title><meta name=description content="A description of the source files used to build a website"><meta name=HandheldFriendly content=true><meta name=MobileOptimized content=320><meta name=viewport content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=mobile-web-app-capable content=yes><link rel=stylesheet media=all href=/dashdev-website/build/css/styles.css></head><body><header><div class=content><p class=logo><a href=/dashdev-website/build/ >dashdevs-suite</a></p><nav class="nav main"><ul><li><a href=/dashdev-website/build/ >Home</a></li><li><a href=/dashdev-website/build/start/ class=active>Start</a></li><li><a href=/dashdev-website/build/article/ >Articles</a></li><li><a href=/dashdev-website/build/contact/ >Contact</a></li></ul></nav></div></header><main class=subpages><div class=content><article><h1>Site files</h1><p class=articleinfo>Published 26 February 2020, 57 words, 1-minute read</p><p>All files in the <code>src</code> folder can be edited:</p><ul><li>pages are created as markdown files in the <code>src/html</code> folder and sub-folders.</li><li>static assets such as CSS, JavaScript and image files are created in <code>src/assets</code>. These are copied without modification to <code>build/</code>.</li><li>page templates are defined in <code>src/template</code>.</li><li>reusable partials (chunks of HTML code) are declared in <code>src/partials</code>.</li></ul><nav class="nav page"><ul><li><a href=/dashdev-website/build/start/build/ class=back>« back: Build</a></li><p></p><li><a href=/dashdev-website/build/start/page-definitions/ class=next>next: Page definitions »</a></li><p></p></ul></nav></article><nav class="nav sub"><ul><li><a href=/dashdev-website/build/start/installation/ >Installation</a></li><li><a href=/dashdev-website/build/start/build/ >Build</a></li><li><strong>Site files</strong></li><li><a href=/dashdev-website/build/start/page-definitions/ >Page definitions</a></li><li><a href=/dashdev-website/build/start/plugins/ >Custom plugins</a></li></ul></nav></div></main><footer><p>By <a href=https://chat.dashdevs.org>dashdevs</a> and featured on <a href=http://www.dashdevs.org/ >DashDevs.org</a></p><p class=siteinfo>Production build, version 1.0.0, article template</p></footer></body></html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Site files - dashdevs-suite</title>
|
||||
<meta name="description" content="A description of the source files used to build a website" />
|
||||
|
||||
<meta name="HandheldFriendly" content="true">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<meta name="viewport" content="width=device-width,shrink-to-fit=no,user-scalable=no,initial-scale=1,minimum-scale=1,minimal-ui">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<link rel="stylesheet" media="all" href="../../css/styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<p class="logo"><a href="../../">dashdevs-suite</a></p>
|
||||
<!-- main navigation -->
|
||||
<nav class="nav main">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="../../">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/" class="active">Start</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../article/">Articles</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="subpages">
|
||||
|
||||
|
||||
<!-- sub navigation -->
|
||||
<nav class="nav sub">
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="../../start/installation/">Installation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/build/">Build</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Site files</strong>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/page-definitions/">Page definitions</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../../start/plugins/">Custom plugins</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
||||
<h1>Site files</h1>
|
||||
|
||||
|
||||
<p class="articleinfo">Published 26 February 2020, 57 words, 1-minute read</p>
|
||||
|
||||
|
||||
<p>All files in the <code>src</code> folder can be edited:</p>
|
||||
<ul>
|
||||
<li>pages are created as markdown files in the <code>src/html</code> folder and sub-folders.</li>
|
||||
<li>static assets such as CSS, JavaScript and image files are created in <code>src/assets</code>. These are copied without modification to <code>build/</code>.</li>
|
||||
<li>page templates are defined in <code>src/template</code>.</li>
|
||||
<li>reusable partials (chunks of HTML code) are declared in <code>src/partials</code>.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<nav class="nav page">
|
||||
<ul>
|
||||
|
||||
<li><a href="../../start/build/" class="back">« back: Build</a></li></p>
|
||||
|
||||
<li><a href="../../start/page-definitions/" class="next">next: Page definitions »</a></li></p>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
||||
<p>By <a href="https://chat.dashdevs.org">dashdevs</a> and featured on <a href="http://www.dashdevs.org/">DashDevs.org</a></p>
|
||||
|
||||
<p class="siteinfo">Development build, version 1.0.0, article template</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
143
package-lock.json
generated
143
package-lock.json
generated
|
|
@ -29,7 +29,8 @@
|
|||
"abbrev": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
|
||||
"integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
|
||||
"integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
|
||||
"dev": true
|
||||
},
|
||||
"absolute": {
|
||||
"version": "0.0.1",
|
||||
|
|
@ -131,12 +132,14 @@
|
|||
"array-differ": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/array-differ/-/array-differ-1.0.0.tgz",
|
||||
"integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE="
|
||||
"integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE=",
|
||||
"dev": true
|
||||
},
|
||||
"array-union": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
|
||||
"integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"array-uniq": "^1.0.1"
|
||||
}
|
||||
|
|
@ -144,7 +147,8 @@
|
|||
"array-uniq": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
|
||||
"integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY="
|
||||
"integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
|
||||
"dev": true
|
||||
},
|
||||
"array-unique": {
|
||||
"version": "0.3.2",
|
||||
|
|
@ -161,7 +165,8 @@
|
|||
"arrify": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
|
||||
"integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0="
|
||||
"integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
|
||||
"dev": true
|
||||
},
|
||||
"asap": {
|
||||
"version": "2.0.6",
|
||||
|
|
@ -176,9 +181,10 @@
|
|||
"dev": true
|
||||
},
|
||||
"async": {
|
||||
"version": "0.2.10",
|
||||
"resolved": "https://registry.npmjs.org/async/-/async-0.2.10.tgz",
|
||||
"integrity": "sha1-trvgsGdLnXGXCMo43owjfLUmw9E="
|
||||
"version": "0.7.0",
|
||||
"resolved": "https://registry.npmjs.org/async/-/async-0.7.0.tgz",
|
||||
"integrity": "sha1-RCng5i9d4KVPN0WMSfC4l+tSraU=",
|
||||
"dev": true
|
||||
},
|
||||
"async-each": {
|
||||
"version": "1.0.3",
|
||||
|
|
@ -231,7 +237,8 @@
|
|||
"balanced-match": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
|
||||
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
|
||||
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
|
||||
"dev": true
|
||||
},
|
||||
"base": {
|
||||
"version": "0.11.2",
|
||||
|
|
@ -341,6 +348,7 @@
|
|||
"version": "1.1.11",
|
||||
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
|
||||
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"balanced-match": "^1.0.0",
|
||||
"concat-map": "0.0.1"
|
||||
|
|
@ -607,7 +615,8 @@
|
|||
"clone": {
|
||||
"version": "1.0.4",
|
||||
"resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
|
||||
"integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4="
|
||||
"integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
|
||||
"dev": true
|
||||
},
|
||||
"co": {
|
||||
"version": "3.1.0",
|
||||
|
|
@ -666,7 +675,8 @@
|
|||
"commander": {
|
||||
"version": "2.20.3",
|
||||
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
|
||||
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
|
||||
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
|
||||
"dev": true
|
||||
},
|
||||
"component-bind": {
|
||||
"version": "1.0.0",
|
||||
|
|
@ -689,7 +699,8 @@
|
|||
"concat-map": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
|
||||
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
|
||||
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
|
||||
"dev": true
|
||||
},
|
||||
"connect": {
|
||||
"version": "3.6.6",
|
||||
|
|
@ -766,6 +777,7 @@
|
|||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
|
||||
"integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"clone": "^1.0.2"
|
||||
}
|
||||
|
|
@ -878,6 +890,14 @@
|
|||
"dev": true,
|
||||
"requires": {
|
||||
"lodash": "^4.17.10"
|
||||
},
|
||||
"dependencies": {
|
||||
"lodash": {
|
||||
"version": "4.17.15",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
|
||||
"integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"eazy-logger": {
|
||||
|
|
@ -1287,9 +1307,24 @@
|
|||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/fs-tools/-/fs-tools-0.5.0.tgz",
|
||||
"integrity": "sha512-iJG+dKoTlWevEBvsZYkq7Fy1XJVYHMObel+MIKOf+3HbiENQG0JH5bgTlzJYsrdwZvft1vE/yl/P/T4wngAv8A==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"async": "~ 0.2.9",
|
||||
"lodash": "^4.17.10"
|
||||
},
|
||||
"dependencies": {
|
||||
"async": {
|
||||
"version": "0.2.10",
|
||||
"resolved": "https://registry.npmjs.org/async/-/async-0.2.10.tgz",
|
||||
"integrity": "sha1-trvgsGdLnXGXCMo43owjfLUmw9E=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash": {
|
||||
"version": "4.17.15",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
|
||||
"integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"fs.realpath": {
|
||||
|
|
@ -1926,6 +1961,7 @@
|
|||
"version": "4.7.3",
|
||||
"resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.3.tgz",
|
||||
"integrity": "sha512-SRGwSYuNfx8DwHD/6InAPzD6RgeruWLT+B8e8a7gGs8FWgHzlExpTFMEq2IA6QpAfOClpKHy6+8IqTjeBCu6Kg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"neo-async": "^2.6.0",
|
||||
"optimist": "^0.6.1",
|
||||
|
|
@ -2163,7 +2199,8 @@
|
|||
"is": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmjs.org/is/-/is-3.3.0.tgz",
|
||||
"integrity": "sha512-nW24QBoPcFGGHJGUwnfpI7Yc5CdqWNdsyHQszVE/z2pKHXzh7FZ5GWhJqSyaQ9wMkQnsTx+kAI8bHlCX4tKdbg=="
|
||||
"integrity": "sha512-nW24QBoPcFGGHJGUwnfpI7Yc5CdqWNdsyHQszVE/z2pKHXzh7FZ5GWhJqSyaQ9wMkQnsTx+kAI8bHlCX4tKdbg==",
|
||||
"dev": true
|
||||
},
|
||||
"is-accessor-descriptor": {
|
||||
"version": "0.1.6",
|
||||
|
|
@ -2382,6 +2419,7 @@
|
|||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/jstransformer-handlebars/-/jstransformer-handlebars-1.1.0.tgz",
|
||||
"integrity": "sha1-kbpW4KKK7jG7VtStvLzlCNgjBGg=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"handlebars": "^4.0.1"
|
||||
}
|
||||
|
|
@ -2390,6 +2428,7 @@
|
|||
"version": "1.2.1",
|
||||
"resolved": "https://registry.npmjs.org/jstransformer-markdown/-/jstransformer-markdown-1.2.1.tgz",
|
||||
"integrity": "sha512-rNLxNC3LIGAc26Qcro73eWoosKymqyNVDn909KIq2QHVHGWZ+d+JzOCrHsmUt3DNAKF+hkJQJ1JufAhFEdZ5gw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"markdown": "^0.5.0"
|
||||
}
|
||||
|
|
@ -2482,14 +2521,16 @@
|
|||
}
|
||||
},
|
||||
"lodash": {
|
||||
"version": "4.17.15",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
|
||||
"integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
|
||||
"version": "3.10.1",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
|
||||
"integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash._baseflatten": {
|
||||
"version": "3.1.4",
|
||||
"resolved": "https://registry.npmjs.org/lodash._baseflatten/-/lodash._baseflatten-3.1.4.tgz",
|
||||
"integrity": "sha1-B3D/gBMa9uNPO1EXlqe6UhTmX/c=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lodash.isarguments": "^3.0.0",
|
||||
"lodash.isarray": "^3.0.0"
|
||||
|
|
@ -2498,27 +2539,32 @@
|
|||
"lodash._basefor": {
|
||||
"version": "3.0.3",
|
||||
"resolved": "https://registry.npmjs.org/lodash._basefor/-/lodash._basefor-3.0.3.tgz",
|
||||
"integrity": "sha1-dVC06SGO8J+tJDQ7YSAhx5tMIMI="
|
||||
"integrity": "sha1-dVC06SGO8J+tJDQ7YSAhx5tMIMI=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash._baseget": {
|
||||
"version": "3.7.2",
|
||||
"resolved": "https://registry.npmjs.org/lodash._baseget/-/lodash._baseget-3.7.2.tgz",
|
||||
"integrity": "sha1-G2rh1frPPCVTI1ChPBGXy4u2dPQ="
|
||||
"integrity": "sha1-G2rh1frPPCVTI1ChPBGXy4u2dPQ=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash._bindcallback": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz",
|
||||
"integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4="
|
||||
"integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash._pickbyarray": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/lodash._pickbyarray/-/lodash._pickbyarray-3.0.2.tgz",
|
||||
"integrity": "sha1-H4mNlgfrVgsOFnOEt3x8bRCKpMU="
|
||||
"integrity": "sha1-H4mNlgfrVgsOFnOEt3x8bRCKpMU=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash._pickbycallback": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/lodash._pickbycallback/-/lodash._pickbycallback-3.0.0.tgz",
|
||||
"integrity": "sha1-/2G5oBens699MObFPeKK+hm4dQo=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lodash._basefor": "^3.0.0",
|
||||
"lodash.keysin": "^3.0.0"
|
||||
|
|
@ -2528,6 +2574,7 @@
|
|||
"version": "3.8.1",
|
||||
"resolved": "https://registry.npmjs.org/lodash._topath/-/lodash._topath-3.8.1.tgz",
|
||||
"integrity": "sha1-PsXiYGAU9MuX91X+aRTt2L/ADqw=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lodash.isarray": "^3.0.0"
|
||||
}
|
||||
|
|
@ -2542,6 +2589,7 @@
|
|||
"version": "3.7.0",
|
||||
"resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-3.7.0.tgz",
|
||||
"integrity": "sha1-POaK4skWg7KBzFOUEoMDy/deaR8=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lodash._baseget": "^3.0.0",
|
||||
"lodash._topath": "^3.0.0"
|
||||
|
|
@ -2550,17 +2598,20 @@
|
|||
"lodash.identity": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/lodash.identity/-/lodash.identity-3.0.0.tgz",
|
||||
"integrity": "sha1-rXvGpOZH15yXLhuA/u968VYmeHY="
|
||||
"integrity": "sha1-rXvGpOZH15yXLhuA/u968VYmeHY=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash.isarguments": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
|
||||
"integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo="
|
||||
"integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash.isarray": {
|
||||
"version": "3.0.4",
|
||||
"resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz",
|
||||
"integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U="
|
||||
"integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash.isfinite": {
|
||||
"version": "3.3.2",
|
||||
|
|
@ -2572,6 +2623,7 @@
|
|||
"version": "3.0.8",
|
||||
"resolved": "https://registry.npmjs.org/lodash.keysin/-/lodash.keysin-3.0.8.tgz",
|
||||
"integrity": "sha1-IsRJPrvtsUJ5YqVLRFssinZ/tH8=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lodash.isarguments": "^3.0.0",
|
||||
"lodash.isarray": "^3.0.0"
|
||||
|
|
@ -2581,6 +2633,7 @@
|
|||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/lodash.pick/-/lodash.pick-3.1.0.tgz",
|
||||
"integrity": "sha1-8lKoVbIEa2G805BLJvdr0u/GVVA=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lodash._baseflatten": "^3.0.0",
|
||||
"lodash._bindcallback": "^3.0.0",
|
||||
|
|
@ -2592,7 +2645,8 @@
|
|||
"lodash.restparam": {
|
||||
"version": "3.6.1",
|
||||
"resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz",
|
||||
"integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU="
|
||||
"integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU=",
|
||||
"dev": true
|
||||
},
|
||||
"lower-case": {
|
||||
"version": "1.1.4",
|
||||
|
|
@ -2625,6 +2679,7 @@
|
|||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmjs.org/markdown/-/markdown-0.5.0.tgz",
|
||||
"integrity": "sha1-KCBbVlqK51kt4gdGPWY33BgnIrI=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"nopt": "~2.1.1"
|
||||
}
|
||||
|
|
@ -2678,12 +2733,6 @@
|
|||
"stat-mode": "^0.2.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"async": {
|
||||
"version": "0.7.0",
|
||||
"resolved": "https://registry.npmjs.org/async/-/async-0.7.0.tgz",
|
||||
"integrity": "sha1-RCng5i9d4KVPN0WMSfC4l+tSraU=",
|
||||
"dev": true
|
||||
},
|
||||
"minimatch": {
|
||||
"version": "0.3.0",
|
||||
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.3.0.tgz",
|
||||
|
|
@ -2725,12 +2774,6 @@
|
|||
"ms": "2.0.0"
|
||||
}
|
||||
},
|
||||
"lodash": {
|
||||
"version": "3.10.1",
|
||||
"resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
|
||||
"integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y=",
|
||||
"dev": true
|
||||
},
|
||||
"ms": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
|
||||
|
|
@ -2773,6 +2816,7 @@
|
|||
"version": "0.1.2",
|
||||
"resolved": "https://registry.npmjs.org/metalsmith-discover-partials/-/metalsmith-discover-partials-0.1.2.tgz",
|
||||
"integrity": "sha512-rjVOCSnoXJyEQand85o8l8Z9Yevbyis23q+gCA5Q6w5SG2L+H/jMQYGokpj3a5cOl0Fkl+MaXZSHJ9elpKYNFg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"defaults": "^1.0.3",
|
||||
"fs-tools": "^0.5.0",
|
||||
|
|
@ -2882,6 +2926,7 @@
|
|||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/metalsmith-markdown-precompiler/-/metalsmith-markdown-precompiler-1.0.0.tgz",
|
||||
"integrity": "sha1-3hxh1p6uVROuhXRyPyJgTCD5llY=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"handlebars": "^4.0.5"
|
||||
}
|
||||
|
|
@ -2889,7 +2934,8 @@
|
|||
"metalsmith-paths": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/metalsmith-paths/-/metalsmith-paths-3.0.1.tgz",
|
||||
"integrity": "sha1-pCfRjibnOjvrysSHP4f7FQEHC6I="
|
||||
"integrity": "sha1-pCfRjibnOjvrysSHP4f7FQEHC6I=",
|
||||
"dev": true
|
||||
},
|
||||
"metalsmith-permalinks": {
|
||||
"version": "2.2.0",
|
||||
|
|
@ -2935,6 +2981,7 @@
|
|||
"version": "1.2.2",
|
||||
"resolved": "https://registry.npmjs.org/metalsmith-sitemap/-/metalsmith-sitemap-1.2.2.tgz",
|
||||
"integrity": "sha512-6R1ocHu5MVWG5I6EvKWXG/kwpDiIEd3Ofq2hXB0MLi8n0yFkN7O900GscoQjtLTdcQ18v1+uHeQ/UjJHrPatPg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"is": "^3.0.1",
|
||||
"lodash.get": "^3.7.0",
|
||||
|
|
@ -3029,6 +3076,7 @@
|
|||
"version": "3.0.4",
|
||||
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
|
||||
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"brace-expansion": "^1.1.7"
|
||||
}
|
||||
|
|
@ -3036,7 +3084,8 @@
|
|||
"minimist": {
|
||||
"version": "0.0.10",
|
||||
"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
|
||||
"integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8="
|
||||
"integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
|
||||
"dev": true
|
||||
},
|
||||
"mitt": {
|
||||
"version": "1.2.0",
|
||||
|
|
@ -3081,6 +3130,7 @@
|
|||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/multimatch/-/multimatch-2.1.0.tgz",
|
||||
"integrity": "sha1-nHkGoi+0wCkZ4vX3UWG0zb1LKis=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"array-differ": "^1.0.0",
|
||||
"array-union": "^1.0.1",
|
||||
|
|
@ -3144,7 +3194,8 @@
|
|||
"neo-async": {
|
||||
"version": "2.6.1",
|
||||
"resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.1.tgz",
|
||||
"integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw=="
|
||||
"integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==",
|
||||
"dev": true
|
||||
},
|
||||
"no-case": {
|
||||
"version": "2.3.2",
|
||||
|
|
@ -3159,6 +3210,7 @@
|
|||
"version": "2.1.2",
|
||||
"resolved": "https://registry.npmjs.org/nopt/-/nopt-2.1.2.tgz",
|
||||
"integrity": "sha1-bMzZd7gBMqB3MdbozljCyDA8+a8=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"abbrev": "1"
|
||||
}
|
||||
|
|
@ -3285,6 +3337,7 @@
|
|||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
|
||||
"integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"minimist": "~0.0.1",
|
||||
"wordwrap": "~0.0.2"
|
||||
|
|
@ -3929,6 +3982,7 @@
|
|||
"version": "1.13.0",
|
||||
"resolved": "https://registry.npmjs.org/sitemap/-/sitemap-1.13.0.tgz",
|
||||
"integrity": "sha1-Vpy+IYAgKSamKiZs094Jyc60P4M=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"underscore": "^1.7.0",
|
||||
"url-join": "^1.1.0"
|
||||
|
|
@ -4236,7 +4290,8 @@
|
|||
"source-map": {
|
||||
"version": "0.6.1",
|
||||
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
|
||||
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
|
||||
"dev": true
|
||||
},
|
||||
"source-map-resolve": {
|
||||
"version": "0.5.3",
|
||||
|
|
@ -4539,6 +4594,7 @@
|
|||
"version": "3.8.0",
|
||||
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.8.0.tgz",
|
||||
"integrity": "sha512-ugNSTT8ierCsDHso2jkBHXYrU8Y5/fY2ZUprfrJUiD7YpuFvV4jODLFmb3h4btQjqr5Nh4TX4XtgDfCU1WdioQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"commander": "~2.20.3",
|
||||
"source-map": "~0.6.1"
|
||||
|
|
@ -4553,7 +4609,8 @@
|
|||
"underscore": {
|
||||
"version": "1.9.2",
|
||||
"resolved": "https://registry.npmjs.org/underscore/-/underscore-1.9.2.tgz",
|
||||
"integrity": "sha512-D39qtimx0c1fI3ya1Lnhk3E9nONswSKhnffBI0gME9C99fYOkNi04xs8K6pePLhvl1frbDemkaBQ5ikWllR2HQ=="
|
||||
"integrity": "sha512-D39qtimx0c1fI3ya1Lnhk3E9nONswSKhnffBI0gME9C99fYOkNi04xs8K6pePLhvl1frbDemkaBQ5ikWllR2HQ==",
|
||||
"dev": true
|
||||
},
|
||||
"union-value": {
|
||||
"version": "1.0.1",
|
||||
|
|
@ -4661,7 +4718,8 @@
|
|||
"url-join": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/url-join/-/url-join-1.1.0.tgz",
|
||||
"integrity": "sha1-dBxsL0WWxIMNZxhGCSDQySIC3Hg="
|
||||
"integrity": "sha1-dBxsL0WWxIMNZxhGCSDQySIC3Hg=",
|
||||
"dev": true
|
||||
},
|
||||
"use": {
|
||||
"version": "3.1.1",
|
||||
|
|
@ -4721,7 +4779,8 @@
|
|||
"wordwrap": {
|
||||
"version": "0.0.3",
|
||||
"resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
|
||||
"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc="
|
||||
"integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
|
||||
"dev": true
|
||||
},
|
||||
"wrap-ansi": {
|
||||
"version": "2.1.0",
|
||||
|
|
|
|||
|
|
@ -40,7 +40,5 @@
|
|||
"metalsmith-paths": "^3.0.1",
|
||||
"metalsmith-sitemap": "^1.2.2"
|
||||
},
|
||||
"dependencies": {
|
||||
|
||||
}
|
||||
"dependencies": {}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,277 +1,319 @@
|
|||
/* basic page styles */
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: georgia, cambria, "times new roman", times, serif;
|
||||
font-size: 1em;
|
||||
color: #555;
|
||||
background-color: #eee;
|
||||
line-height: 1.5;
|
||||
font-family: georgia, cambria, "times new roman", times, serif;
|
||||
font-size: 1em;
|
||||
color: #555;
|
||||
background-color: #eee;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
|
||||
display: block;
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1, h2, .logo {
|
||||
font-family: arial, helvetica, free-sans, sans-serif;
|
||||
font-weight: normal;
|
||||
h1,
|
||||
h2,
|
||||
.logo {
|
||||
font-family: arial, helvetica, free-sans, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.6em;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.4em;
|
||||
margin: 2rem 0 0 0;
|
||||
font-size: 1.4em;
|
||||
margin: 2rem 0 0 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1em 0;
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin: 1em 0 1.5em 3em;
|
||||
ul,
|
||||
ol {
|
||||
margin: 1em 0 1.5em 3em;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0 0 0.75em 0;
|
||||
margin: 0 0 0.75em 0;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 50%;
|
||||
margin: 0 0 1em 1em;
|
||||
border: 0 none;
|
||||
float: right;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 50%;
|
||||
margin: 0 0 1em 1em;
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 0.8rem;
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 1em 0 1.5em 3em;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
overflow: auto;
|
||||
font-size: 0.8rem;
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 1em 0 1.5em 3em;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Consolas, Menlo, "DejaVu Mono", monospace;
|
||||
color: #363;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
padding: 0 0.2em;
|
||||
font-family: Consolas, Menlo, "DejaVu Mono", monospace;
|
||||
color: #363;
|
||||
background-color: #eff5ef;
|
||||
border-radius: 3px;
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color: #66c;
|
||||
a:link,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: #66c;
|
||||
}
|
||||
|
||||
a:hover, a:active {
|
||||
color: #c66;
|
||||
a:hover,
|
||||
a:active {
|
||||
color: #c66;
|
||||
}
|
||||
|
||||
.pagelist {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
line-height: 1.3;
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.pagelist li {
|
||||
flex: 1 1 45%;
|
||||
margin: 0 1em 1em 0;
|
||||
flex: 1 1 45%;
|
||||
margin: 0 1em 1em 0;
|
||||
}
|
||||
|
||||
.pagelist a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ccc;
|
||||
outline: 0 none;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #ccc;
|
||||
outline: 0 none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pagelist a:hover, .pagelist a:focus {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #999;
|
||||
.pagelist a:hover,
|
||||
.pagelist a:focus {
|
||||
background-color: #f9f9f9;
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
.pagelist h2, .pagelist p {
|
||||
margin: 0;
|
||||
.pagelist h2,
|
||||
.pagelist p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pagelist p {
|
||||
color: #333;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p.articleinfo {
|
||||
font-size: 0.8em;
|
||||
color: #777;
|
||||
font-size: 0.8em;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
|
||||
/* layout */
|
||||
|
||||
.content {
|
||||
max-width: 50em;
|
||||
padding: 0 0.5em;
|
||||
margin: 0 auto;
|
||||
/* for page and article template */
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
/* Distance left, right 4em */
|
||||
padding: 0em 4em;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
|
||||
main {
|
||||
clear: both;
|
||||
background-color: #fff;
|
||||
overflow: auto;
|
||||
/* for page and article template */
|
||||
clear: both;
|
||||
background-color: #fff;
|
||||
/* todo check not working here */
|
||||
/* overflow: scroll; */
|
||||
margin: 55px 0px 0 0px;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 1rem 0;
|
||||
/* for page and article template */
|
||||
/* Distance top 1rem for content */
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
header, footer {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
background-color: #eee;
|
||||
header,
|
||||
footer {
|
||||
/* footer global */
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
overflow: auto;
|
||||
background-color: rgb(214, 4, 4);
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 0.85em;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
font-size: 0.85em;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 1.5em;
|
||||
margin: 0.2em 0 0 0;
|
||||
font-size: 1.5em;
|
||||
margin: 0.2em 0 0 0;
|
||||
}
|
||||
|
||||
.logo a {
|
||||
padding: 0.2em 0;
|
||||
color: #999;
|
||||
padding: 0.2em 0;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
/* navigation */
|
||||
|
||||
.nav ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 100%;
|
||||
margin: 0;
|
||||
flex: 1 1 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.nav a, .nav strong {
|
||||
display: block;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 0.6em 0;
|
||||
.nav a,
|
||||
.nav strong {
|
||||
display: block;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding: 0.6em 0;
|
||||
}
|
||||
|
||||
.nav.main a {
|
||||
color: #222;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.nav a.active, .nav strong {
|
||||
background-color: #fff;
|
||||
.nav a.active,
|
||||
.nav strong {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.nav.page {
|
||||
margin-top: 1.5em;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-top: 1.5em;
|
||||
border-top: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
@media (min-width: 16em) {
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 32em) {
|
||||
|
||||
header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.logo {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav.main {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.nav li {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.nav.main li {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 3em 0 2em 0;
|
||||
}
|
||||
|
||||
.subpages .content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.subpages article {
|
||||
flex: 1 1 70%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.subpages .nav.sub {
|
||||
flex: 1 1 30%;
|
||||
margin: 0 0 0 2rem;
|
||||
}
|
||||
|
||||
.nav.sub ul {
|
||||
margin-top: 1em;
|
||||
flex-direction: column;
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
|
||||
.nav.sub li {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
}
|
||||
|
||||
.nav.sub a, .nav.sub strong {
|
||||
text-align: left;
|
||||
padding-left: 0.75em;
|
||||
}
|
||||
|
||||
.nav.page a {
|
||||
text-align: left;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
.nav.page a.next {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
header {
|
||||
/* header global */
|
||||
position: fixed;
|
||||
/* CHECK added */
|
||||
height: 55px;
|
||||
top: 0;
|
||||
}
|
||||
.logo {
|
||||
float: left;
|
||||
}
|
||||
.nav.main {
|
||||
float: right;
|
||||
}
|
||||
.nav li {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.nav.main li {
|
||||
width: 6em;
|
||||
}
|
||||
main {
|
||||
/* CHECK same padding options for both templates here!? */
|
||||
/* position: fixed; */
|
||||
/* margin: 55px 0px 0px 310px; */
|
||||
/* padding: 3em 0em 2em 0em; */
|
||||
/* overflow: auto; */
|
||||
}
|
||||
.subpages .content {
|
||||
/* article template */
|
||||
display: flex;
|
||||
margin: 55px 0px 0px 310px;
|
||||
}
|
||||
.subpages article {
|
||||
/* article template */
|
||||
/* flex: 1 1 70%; */
|
||||
/* min-width for text content */
|
||||
min-width: 100%;
|
||||
}
|
||||
.subpages .nav.sub {
|
||||
/* article template */
|
||||
height: 100%;
|
||||
width: 310px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgb(88, 9, 112);
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
padding-top: 20px;
|
||||
margin-top: 55px
|
||||
}
|
||||
.nav.sub ul {
|
||||
margin-top: 1em;
|
||||
flex-direction: column;
|
||||
border-top: 1px dotted #ccc;
|
||||
}
|
||||
.nav.sub li {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
}
|
||||
.nav.sub a,
|
||||
.nav.sub strong {
|
||||
text-align: left;
|
||||
padding-left: 0.75em;
|
||||
}
|
||||
.nav.page a {
|
||||
text-align: left;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
.nav.page a.next {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
|
@ -9,6 +9,8 @@
|
|||
|
||||
<main{{#if navsub}} class="subpages"{{/if}}>
|
||||
|
||||
{{> navsub }}
|
||||
|
||||
<div class="content">
|
||||
|
||||
<article>
|
||||
|
|
@ -48,8 +50,6 @@
|
|||
|
||||
</article>
|
||||
|
||||
{{> navsub }}
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
|
@ -11,6 +11,8 @@
|
|||
|
||||
<div class="content">
|
||||
|
||||
{{> navsub }}
|
||||
|
||||
<article>
|
||||
|
||||
{{#if title}}
|
||||
|
|
@ -21,8 +23,6 @@
|
|||
|
||||
</article>
|
||||
|
||||
{{> navsub }}
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
Loading…
Add table
Add a link
Reference in a new issue