diff --git a/app/_data/meta.yml b/app/_data/meta.yml new file mode 100644 index 0000000..2ae28b9 --- /dev/null +++ b/app/_data/meta.yml @@ -0,0 +1,3 @@ +title: Jade/CSSNext/ESNext +description: Parcel Kit +theme: '#000000' \ No newline at end of file diff --git a/app/_layouts/page.pug b/app/_layouts/page.pug new file mode 100644 index 0000000..364bcae --- /dev/null +++ b/app/_layouts/page.pug @@ -0,0 +1,16 @@ +//- include ../_mixins/link.pug +include ../_mixins/og-meta.pug +include ../_mixins/twitter-meta.pug + +block config + - var pageTitle = 'Parcel Next Starter' + +doctype html +html + include ../_partials/head.pug + + block title + title= pageTitle + + body + block content \ No newline at end of file diff --git a/app/_mixins/link.pug b/app/_mixins/link.pug new file mode 100644 index 0000000..ed35c23 --- /dev/null +++ b/app/_mixins/link.pug @@ -0,0 +1,2 @@ +mixin link(data) + a(href=data.url target=data.blank ? '_blank': '')= data.text \ No newline at end of file diff --git a/app/_mixins/og-meta.pug b/app/_mixins/og-meta.pug new file mode 100644 index 0000000..58e4e62 --- /dev/null +++ b/app/_mixins/og-meta.pug @@ -0,0 +1,7 @@ +mixin og-meta(data) + meta(property='og:title' content=data.title || project.title) + meta(property='og:type' content='article') + meta(property='og:url' content=project.repository.url) + meta(property='og:image' content=data.image || 'TODO: Share image') + meta(property='og:description' content=data.description || 'TODO: Describe Me') + meta(property='og:site_name' content=data.site_name || project.title) diff --git a/app/_mixins/twitter-meta.pug b/app/_mixins/twitter-meta.pug new file mode 100644 index 0000000..33b9089 --- /dev/null +++ b/app/_mixins/twitter-meta.pug @@ -0,0 +1,7 @@ +mixin twitter-meta(data) + meta(name='twitter:card' content='summary_large_image') + meta(name='twitter:site' content='@intelsoftware') + meta(name='twitter:creator' content='@'+data.account) + meta(name='twitter:title' content=data.title) + meta(name='twitter:description' content=data.description) + meta(name='twitter:image' content=data.image) \ No newline at end of file diff --git a/app/_partials/head.pug b/app/_partials/head.pug new file mode 100644 index 0000000..80fb49f --- /dev/null +++ b/app/_partials/head.pug @@ -0,0 +1,11 @@ +head + meta(charset='utf-8') + meta(http-equiv='X-UA-Compatible' content='IE=edge') + meta( + name='viewport', + content='initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no' + ) + link(rel='icon' type='image/png' href='./images/favicon.ico') + link(rel='mask-icon' sizes='any' href='./images/favicon.ico' color='#000000') + + include ./mobile/handheld.pug \ No newline at end of file diff --git a/app/_partials/mobile/android-homescreen.pug b/app/_partials/mobile/android-homescreen.pug new file mode 100644 index 0000000..ad06790 --- /dev/null +++ b/app/_partials/mobile/android-homescreen.pug @@ -0,0 +1,3 @@ +//- Add to homescreen for Chrome on Android +meta(name='mobile-web-app-capable' content='yes') +link(rel='icon' sizes='192x192' href='/assets/icons/chrome-touch-icon.png') diff --git a/app/_partials/mobile/apple-homescreen.pug b/app/_partials/mobile/apple-homescreen.pug new file mode 100644 index 0000000..47fe4a0 --- /dev/null +++ b/app/_partials/mobile/apple-homescreen.pug @@ -0,0 +1,8 @@ +//- Add to homescreen for Safari on iOS +meta(name='apple-mobile-web-app-capable' content='yes') +//- meta(name='apple-mobile-web-app-status-bar-style' content=data.meta.theme) +//- meta(name='apple-mobile-web-app-title' content=data.project.name) +link(rel='apple-touch-icon' href='/assets/icons/apple-touch-icon.png') +link(rel='apple-touch-startup-image' href='/assets/icons/startup.png') +//- Safari Pin Tab Styles +link(rel='icon' sizes='any' mask href='/safari-pinned-tab.svg') \ No newline at end of file diff --git a/app/_partials/mobile/handheld.pug b/app/_partials/mobile/handheld.pug new file mode 100644 index 0000000..9693d36 --- /dev/null +++ b/app/_partials/mobile/handheld.pug @@ -0,0 +1,4 @@ +meta(name='HandheldFriendly' content='true') +link(rel='manifest' href='./manifest.json') +//- meta(name='theme-color' content=data.meta.theme) +meta(name='theme-color' content='#000000') diff --git a/app/_partials/mobile/ms-homescreen.pug b/app/_partials/mobile/ms-homescreen.pug new file mode 100644 index 0000000..1b7f6e5 --- /dev/null +++ b/app/_partials/mobile/ms-homescreen.pug @@ -0,0 +1,8 @@ +//- Tile icon for Win8 (144x144 + tile color) +meta(name='msapplication-TileImage' content='/assets/icons/ms-touch-icon.png') +//- meta(name='msapplication-TileColor' content=data.meta.theme) +//- meta(name='application-name' content=data.project.name) +meta(name='msapplication-square70x70logo', content='/images/tiles/acme-tile-small.png') +meta(name='msapplication-square150x150logo', content='/images/tiles/acme-tile-medium.png') +meta(name='msapplication-wide310x150logo', content='/images/tiles/acme-tile-wide.png') +meta(name='msapplication-square310x310logo', content='/images/tiles/acme-tile-large.png') \ No newline at end of file diff --git a/app/css/demo.css b/app/css/demo.css index 24c2b3c..e441afd 100644 --- a/app/css/demo.css +++ b/app/css/demo.css @@ -1,4 +1,4 @@ -body { +header { min-height: 100vh; & h1, & button { diff --git a/app/images/favicon.ico b/app/images/favicon.ico new file mode 100644 index 0000000..07e698f Binary files /dev/null and b/app/images/favicon.ico differ diff --git a/app/index.pug b/app/index.pug index 3495975..a78b67f 100644 --- a/app/index.pug +++ b/app/index.pug @@ -1,12 +1,15 @@ -doctype html -html - head - meta(charset='utf8') - title Parcel Kit - body(grid='rows' vertically-aligned='center' horizontally-aligned='center') +extends ./_layouts/page.pug + +block content + header(grid='rows' vertically-aligned='center' horizontally-aligned='center') h1 Jade/CSSNext/ESNext div button(primary) It Works button(ghost) Time 2 Work + //- +link({ + //- text: 'Bolt on GitHub' + //- , url: 'https://github.com/argyleink/Bolt' + //- , blank: true + //- }) - script(src='./js/home.js') \ No newline at end of file + script(src='./js/home.js') diff --git a/app/manifest.json b/app/manifest.json new file mode 100644 index 0000000..082e307 --- /dev/null +++ b/app/manifest.json @@ -0,0 +1,46 @@ +{ + "short_name": "Bolt App", + "name": "Bolt: A Badass Static Site Project Seed", + "icons": [ + { + "src": "launcher-icon-0-75x.png", + "sizes": "36x36", + "type": "image/png", + "density": "0.75" + }, + { + "src": "launcher-icon-1x.png", + "sizes": "48x48", + "type": "image/png", + "density": "1.0" + }, + { + "src": "launcher-icon-1-5x.png", + "sizes": "72x72", + "type": "image/png", + "density": "1.5" + }, + { + "src": "launcher-icon-2x.png", + "sizes": "96x96", + "type": "image/png", + "density": "2.0" + }, + { + "src": "launcher-icon-3x.png", + "sizes": "144x144", + "type": "image/png", + "density": "3.0" + }, + { + "src": "launcher-icon-4x.png", + "sizes": "192x192", + "type": "image/png", + "density": "4.0" + } + ], + "start_url": "index.html", + "background_color": "#000000", + "display": "standalone", + "orientation": "portrait" +} \ No newline at end of file diff --git a/app/svg/.keep b/app/svg/.keep new file mode 100644 index 0000000..e69de29 diff --git a/app/test.pug b/app/test.pug new file mode 100644 index 0000000..cdd8f73 --- /dev/null +++ b/app/test.pug @@ -0,0 +1,24 @@ +extends _layouts/page + +block content + header.grid.center-center: section.text-center + h2.text-thin Bolt v#{project.version}, ready to go. + p + | Feedback is welcome! + +link({ + text: 'Bolt on GitHub' + , url: 'https://github.com/argyleink/Bolt' + , blank: true + }) + + article: section + h5 Example Pug Data Loop + small Array sourced from _data/social.yml + + ul + each item in data.social + li: +link({ + text: item.name + , url: item.url + , blank: true + }) \ No newline at end of file