chore: updated build files

This commit is contained in:
Joshua Seigler 2020-03-08 15:55:21 -04:00
parent 174edc90a4
commit 42d5cdca2c
18 changed files with 2138 additions and 502 deletions

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -63,15 +57,6 @@
<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>
@ -92,8 +77,6 @@
<nav class="nav page">
<ul>
<li><a href="../../article/gulp/" class="back">&laquo; back: Gulp</a></li>
</p>
</ul>
@ -102,19 +85,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -63,15 +57,6 @@
<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>
@ -99,11 +84,7 @@
<nav class="nav page">
<ul>
<li><a href="../../article/usage/" class="back">&laquo; back: Usage options</a></li>
</p>
<li><a href="../../article/gulp/" class="next">next: Gulp &raquo;</a></li>
</p>
</ul>
</nav>
@ -111,19 +92,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -63,15 +57,6 @@
<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>
@ -116,11 +101,7 @@ gulp.task(&#39;html&#39;, function() {
<nav class="nav page">
<ul>
<li><a href="../../article/gotchas/" class="back">&laquo; back: Gotchas</a></li>
</p>
<li><a href="../../article/future/" class="next">next: Future publication &raquo;</a></li>
</p>
</ul>
</nav>
@ -128,19 +109,19 @@ gulp.task(&#39;html&#39;, function() {
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -63,15 +57,6 @@
<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>
@ -97,52 +82,25 @@
<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>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -63,15 +57,6 @@
<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>
@ -103,7 +88,7 @@
<li><a href="../../article/" class="back">&laquo; back: Articles</a></li>
</p>
<li><a href="../../article/gotchas/" class="next">next: Gotchas &raquo;</a></li>
<li><a href="../../article/usage/" class="next">next: Usage options &raquo;</a></li>
</p>
</ul>
@ -112,19 +97,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main>

View file

@ -15,30 +15,19 @@
*,
*:before,
*:after {
box-sizing: border-box;
box-sizing: inherit;
padding: 0;
margin: 0;
}
body {
/* font-family: georgia, cambria, "times new roman", times, serif; */
font-family: 'Open Sans', sans-serif;
font-size: 1.05em;
/* only with position static text will auto-format when making window smaller */
/* position: relative; */
/* margin-top: 60px; */
/* margin-left: 310px; */
/* TODO: not sure this is clean solution */
/* set background-color for all parts default, specially below content */
/* background-color: #f7f2ea; */
/* color: #111833; */
line-height: 1.5;
/* TODO: put footer at bottom
https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b */
/* min-height: 100%; */
/* TODO: repair, only scrolling in body possible */
overflow: auto;
/* padding-top: 30px; */
box-sizing: border-box;
min-height: 100vh;
display: flex;
flex-direction: column;
}
article,
@ -185,20 +174,18 @@ p.articleinfo {
color: #111833;
}
/* layout */
main {
/* for page and article template */
clear: both;
background-color: #fff;
margin-top: 60px;
/* margin-bottom: 0; */
background-color: #f7f2ea;
/* min-height: 100%; */
/* min-width: 100%; */
overflow: auto;
min-height: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.content {
@ -217,9 +204,10 @@ article {
/* this only applys to <section> while .content is also applied */
/* for page and article template */
/* Distance left, right 4em */
padding: 0 4em;
padding: 0 1em;
/* Distance top 2em for content */
padding-top: 2em;
flex-grow: 1;
}
article a:link,
@ -233,31 +221,19 @@ article a:hover {
}
header {
/* header global */
clear: both;
width: 100%;
/* eg can overwrite value for "if desktop" below */
height: 60px;
overflow: auto;
background-color: #111833;
border-bottom: solid;
color: #66fcf1;
display: flex;
flex-direction: column;
padding: 7px 1em 0;
}
footer {
/* footer global */
/* TODO: move footer bottom when article not end of page */
clear: both;
/* width: 100%; */
margin-left: 310px;
height: 70px;
/* margin-top: -70px; */
/* overflow: auto; */
background-color: #f7f2ea;
}
footer {
/* font-family: 'Open Sans', sans-serif; */
margin-top: 2em;
font-size: 0.90em;
padding: 1em;
text-align: center;
@ -336,39 +312,52 @@ footer a:hover {
border-bottom: 1px solid #ccc;
}
.subpages .nav.sub {
background-color: #111833;
color: #fff;
}
@media (min-width: 16em) {
.nav li {
flex: 1 1 50%;
}
}
@media (min-width: 32em) {
main > .content {
display: flex;
flex-direction: column;
flex-grow: 1;
padding-top: 0;
}
/* styles.css | http://localhost:3000/css/styles.css */
@media (min-width: 50em) {
header {
/* header global */
position: fixed;
/* defined global above */
/* height: 60px; */
flex-direction: row;
align-items: center;
width: 100%;
height: 60px;
top: 0;
}
.logo {
float: left;
margin-left: 20px;
padding: 0 1em;
}
.nav.main {
float: right;
margin-left: auto;
margin-right: 20px;
}
.nav li {
flex: 1 1 auto;
}
.nav.main li {
width: 6em;
padding: 0 0.5em;
}
main {
/* global template */
/* position: static; */
/* margin-top: 60px; */
/* min-height: 100%; */
padding-top: 60px;
min-height: 100%;
/* margin: 0px 0px 0px 0px; */
/* padding: 3em 0em 2em 0em; */
/* overflow: auto; */
@ -389,18 +378,15 @@ footer a:hover {
}
.subpages .nav.sub {
/* article template */
height: 100%;
width: 310px;
position: fixed;
/* z-index: 1; */
top: 0;
top: 60px;
left: 0;
background-color: #111833;
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
padding-top: 40px;
margin-top: 60px;
color: #fff;
padding-top: 20px;
}
.nav.sub ul {
/* margin-top: 1em; */
@ -427,4 +413,8 @@ footer a:hover {
.nav.page a.next {
text-align: right;
}
article {
padding-left: 4em;
padding-right: 4em;
}
}

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -85,7 +79,7 @@
<h1>Build</h1>
<p class="articleinfo">Published 3 March 2020, 55 words, 1-minute read</p>
<p class="articleinfo">Published 8 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>
@ -102,7 +96,7 @@
<li><a href="../../docs/installation/" class="back">&laquo; back: Installation</a></li>
</p>
<li><a href="../../docs/site-files/" class="next">next: Site files &raquo;</a></li>
<li><a href="../../docs/build/" class="next">next: Build &raquo;</a></li>
</p>
</ul>
@ -111,19 +105,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -95,7 +89,7 @@
<a href="../docs/installation/">
<h2>Installation</h2>
<p class="articleinfo">2 March 2020</p>
<p class="articleinfo">8 March 2020</p>
<p>How to install this demonstration code.</p>
</a>
@ -104,7 +98,7 @@
<a href="../docs/build/">
<h2>Build</h2>
<p class="articleinfo">3 March 2020</p>
<p class="articleinfo">8 March 2020</p>
<p>How to build the static site using Metalsmith.</p>
</a>
@ -113,7 +107,7 @@
<a href="../docs/site-files/">
<h2>Site files</h2>
<p class="articleinfo">26 February 2020</p>
<p class="articleinfo">8 March 2020</p>
<p>A description of the source files used to build a website</p>
</a>
@ -122,7 +116,7 @@
<a href="../docs/page-definitions/">
<h2>Page definitions</h2>
<p class="articleinfo">3 March 2020</p>
<p class="articleinfo">8 March 2020</p>
<p>How pages are defined in the source folder.</p>
</a>
@ -131,7 +125,7 @@
<a href="../docs/plugins/">
<h2>Custom plugins</h2>
<p class="articleinfo">2 March 2020</p>
<p class="articleinfo">8 March 2020</p>
<p>The custom plugins used to create this website.</p>
</a>
@ -142,19 +136,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -85,7 +79,7 @@
<h1>Installation</h1>
<p class="articleinfo">Published 2 March 2020, 27 words, 1-minute read</p>
<p class="articleinfo">Published 8 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>
@ -102,7 +96,7 @@
<li><a href="../../docs/" class="back">&laquo; back: docs</a></li>
</p>
<li><a href="../../docs/build/" class="next">next: Build &raquo;</a></li>
<li><a href="../../docs/installation/" class="next">next: Installation &raquo;</a></li>
</p>
</ul>
@ -111,19 +105,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -85,7 +79,7 @@
<h1>Page definitions</h1>
<p class="articleinfo">Published 3 March 2020, 194 words, 1-minute read</p>
<p class="articleinfo">Published 8 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>
@ -116,7 +110,7 @@ date: 2016-06-01
<li><a href="../../docs/site-files/" class="back">&laquo; back: Site files</a></li>
</p>
<li><a href="../../docs/plugins/" class="next">next: Custom plugins &raquo;</a></li>
<li><a href="../../docs/page-definitions/" class="next">next: Page definitions &raquo;</a></li>
</p>
</ul>
@ -125,19 +119,19 @@ date: 2016-06-01
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -85,7 +79,7 @@
<h1>Custom plugins</h1>
<p class="articleinfo">Published 2 March 2020, 77 words, 1-minute read</p>
<p class="articleinfo">Published 8 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>
@ -104,6 +98,8 @@
<li><a href="../../docs/page-definitions/" class="back">&laquo; back: Page definitions</a></li>
</p>
<li><a href="../../docs/plugins/" class="next">next: Custom plugins &raquo;</a></li>
</p>
</ul>
</nav>
@ -111,19 +107,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main class="subpages" >
@ -85,7 +79,7 @@
<h1>Site files</h1>
<p class="articleinfo">Published 26 February 2020, 57 words, 1-minute read</p>
<p class="articleinfo">Published 8 March 2020, 57 words, 1-minute read</p>
<p>All files in the <code>src</code> folder can be edited:</p>
@ -104,7 +98,7 @@
<li><a href="../../docs/build/" class="back">&laquo; back: Build</a></li>
</p>
<li><a href="../../docs/page-definitions/" class="next">next: Page definitions &raquo;</a></li>
<li><a href="../../docs/site-files/" class="next">next: Site files &raquo;</a></li>
</p>
</ul>
@ -113,19 +107,19 @@
</article>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</div>
</main>
<footer>
<p>Help make this page better. <a href="https://github.com/dashdev-suite/dashdev-website/tree/master/src">Edit here >></a></p>
</footer>
</body>
</html>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main>

File diff suppressed because it is too large Load diff

View file

@ -3,9 +3,9 @@
<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/article/gulp/</loc> </url>
<url> <loc>http://127.0.0.1/boxes/</loc> <priority>0.6</priority> </url>
<url> <loc>http://127.0.0.1/contact/</loc> <priority>0.5</priority> </url>
<url> <loc>http://127.0.0.1/docs/build/</loc> <priority>0.5</priority> </url>

View file

@ -19,9 +19,6 @@
<body>
<header>
<div class="content">
<p class="logo"><a href="../">dashdevs-suite</a></p>
<!-- main navigation -->
<nav class="nav main">
@ -46,9 +43,6 @@
</li>
</ul>
</nav>
</div>
</header>
<main>