diff --git a/README.md b/README.md index d68a8313..4a73953a 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,10 @@ -# DevTips-Starter-Kit +# DevTips-Starter-Kit-Jade -Use this as a simple structure for a simple start to a simple site. +Based on DevTips Starter Kit V2. Use this as a simple structure for a simple start to a Jade site. Visit [DevTipsStarterKit.com/](http://devtipsstarterkit.com) for more info. +alt="Show some love to DevTips" /> *** - -### Other Versions - -- There is a Jekyll friendly version here. (based on v1) -- DevTipster [Maikel José Rivero Dorta](https://github.com/mriverodorta) created a [gulp version](https://github.com/mriverodorta/DevTips-Starter-Kit/tree/Gulp-Starter-Kit), and a [Command Line Interface](https://github.com/mriverodorta/devtips-cli) for this project!! So cool :) diff --git a/assets/img/starter-kit-cover.jpg b/assets/img/starter-kit-cover.jpg index 5e7859ad..9a2e7a13 100644 Binary files a/assets/img/starter-kit-cover.jpg and b/assets/img/starter-kit-cover.jpg differ diff --git a/assets/jadefiles/config.jade b/assets/jadefiles/config.jade new file mode 100644 index 00000000..94a72d0e --- /dev/null +++ b/assets/jadefiles/config.jade @@ -0,0 +1,9 @@ +- var GoogleFonts = false + +- var PageTitle = 'Devtips Starter Kit | Jading Bro!' + +- var MetaDesc = 'Change your meta desc per page' + +- var jQuery = true + +- var functions = true diff --git a/assets/jadefiles/docwrapper.jade b/assets/jadefiles/docwrapper.jade new file mode 100644 index 00000000..915c28ce --- /dev/null +++ b/assets/jadefiles/docwrapper.jade @@ -0,0 +1,32 @@ +block config + include config.jade + +doctype +html( lang="en" ) + head + title + block title + //- Variable used in text via interpolation + | #{PageTitle} + + meta( charset='utf-8' ) + meta( http-equiv='X-UA-Compatible', content='IE=edge' ) + meta( name='viewport', content='width=device-width, initial-scale=1.0' ) + //- Meta description drawn from config file + meta( name='description', content=MetaDesc ) + + //- This will load from Google Fonts, but only if font names are specified in the config + if GoogleFonts + link( href='//fonts.googleapis.com/css?family=' + GoogleFonts, rel='stylesheet', type='text/css' ) + + block stylesheets + link( href='../assets/css/main.css', rel='stylesheet', type='text/css' ) + + body + block content + + //- This will load jQuery, but only if you switch it on in config + if jQuery + script( src='../assets/js/jquery-2.1.4.min.js' ) + if functions + script( src='../assets/js/functions.js' ) diff --git a/assets/jadefiles/footer.jade b/assets/jadefiles/footer.jade new file mode 100644 index 00000000..555d78ca --- /dev/null +++ b/assets/jadefiles/footer.jade @@ -0,0 +1,3 @@ +footer + .container + h3 test diff --git a/assets/jadefiles/header.jade b/assets/jadefiles/header.jade new file mode 100644 index 00000000..c5b5cd1e --- /dev/null +++ b/assets/jadefiles/header.jade @@ -0,0 +1,2 @@ +h1 #{PageTitle} + diff --git a/assets/jadefiles/section-name.jade b/assets/jadefiles/section-name.jade new file mode 100644 index 00000000..37e83be6 --- /dev/null +++ b/assets/jadefiles/section-name.jade @@ -0,0 +1,2 @@ +section.classname + p testing diff --git a/index.html b/index.html index 47eaa76d..3e4e6d8d 100644 --- a/index.html +++ b/index.html @@ -1,83 +1,25 @@ - - DevTips Starter Kit - - - - - - - -
- -
-

DevTips
Starter Kit

-

Ground zero for your next project.

- - Download Now - - Fork Me on GitHub - -
- -
- -
-

Watch the Video

-
-
- -
+ + Devtips Starter Kit | Jading Bro! + + + + + + + + +

Devtips Starter Kit | Jading Bro!

+
+

testing

+
+
+
+

test

-
- -
-

Brought to you by

-
- -
- Travis Neilson -
- @DevTipsShow -
-
-
- -
- - 
-    DevTips-Starter-Kit
-    | -- assets/
-    |   | -- css/
-    |   |   | -- 1-tools/
-    |   |   |   | -- bourbon/
-    |   |   |   | -- fonts.sass
-    |   |   |   | -- normalize.sass
-    |   |   |   | -- vars.sass
-    |   |   | -- 2-basics/
-    |   |   |   | -- body-elements.sass
-    |   |   |   | -- links.sass
-    |   |   |   | -- selection-colors.sass
-    |   |   |   | -- typography.sass
-    |   |   | -- 3-modules/
-    |   |   |   | -- example-module.sass
-    |   |   |   | -- example-module.sass
-    |   |   | -- 4-pages/
-    |   |   |   | -- example-page.sass
-    |   |   | -- main.sass
-    |   | -- js/
-    |   |   | -- jquery.js
-    |   |   | -- functions.js
-    |   | -- img/
-    | -- favicon.ico
-    | -- readme.md
-    | -- index.html
-
- -
- - - - - + + + + + \ No newline at end of file diff --git a/index.jade b/index.jade new file mode 100644 index 00000000..8099406d --- /dev/null +++ b/index.jade @@ -0,0 +1,13 @@ +extends ./assets/jadefiles/docwrapper.jade + +//- Override any config settings by appending to the config block +append ./assets/jadefiles/config.jade + - var PageTitle = 'Dev Tips Starter Kit v2 | Jade Bro!' + - var MetaDesc = 'Starter Kit for a Jade templated site' + - var jQuery = true + +block content + //- Variable content blocks + include ./assets/jadefiles/header.jade + include ./assets/jadefiles/section-name.jade + include ./assets/jadefiles/footer.jade