Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Jade Template #22

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added Jade Template #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 3 additions & 8 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.

<img src="https://github.com/DevTips/DevTips-Starter-Kit/blob/master/assets/img/starter-kit-cover.jpg?raw=true"
alt="Watch the video on youtube" />
alt="Show some love to DevTips" />

***

### Other Versions

- There is a Jekyll friendly version <a href="https://github.com/DevTips/DevTips-Starter-Kit/tree/Jekyll-Starter-Kit">here.</a> (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 :)
Binary file modified assets/img/starter-kit-cover.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions assets/jadefiles/config.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
32 changes: 32 additions & 0 deletions assets/jadefiles/docwrapper.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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' )
3 changes: 3 additions & 0 deletions assets/jadefiles/footer.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
footer
.container
h3 test
2 changes: 2 additions & 0 deletions assets/jadefiles/header.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
h1 #{PageTitle}

2 changes: 2 additions & 0 deletions assets/jadefiles/section-name.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
section.classname
p testing
102 changes: 22 additions & 80 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,83 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>DevTips Starter Kit</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="assets/img/favicons/favicon.ico">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>

<div class="page-home">

<section>
<h1 class="page-title">DevTips<br>Starter Kit</h1>
<p>Ground zero for your next project.</p>

<a href="https://github.com/DevTips/DevTips-Starter-Kit/archive/master.zip" class="button button-download">Download Now</a>

<a class="fork-tag" href="https://github.com/DevTips/DevTips-Starter-Kit">Fork Me on GitHub</a>

</section>

<section>

<article>
<h4>Watch the Video</h4>
<div class="flex-video-wrap">
<div class="flex-video">
<iframe src="https://www.youtube.com/embed/F3u7whqIxrc?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<head>
<title>Devtips Starter Kit | Jading Bro!
</title>
<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 name="description" content="Change your meta desc per page">
<link href="../assets/css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Devtips Starter Kit | Jading Bro!</h1>
<section class="classname">
<p>testing</p>
</section>
<footer>
<div class="container">
<h3>test</h3>
</div>
</article>

<article>
<p>Brought to you by</p>
<div class="name-lockup">
<img class="avatar" src="https://yt3.ggpht.com/-47U43a3eNW0/AAAAAAAAAAI/AAAAAAAAAAA/fWgb7mKcn6k/s176-c-k-no/photo.jpg">
<div class="name">
<strong>Travis Neilson</strong>
<br>
<a href="https://twitter.com/DevTipsShow">@DevTipsShow</a>
</div>
</div>
</article>

</section>

<pre>
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
</pre>

</div>

<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="assets/js/functions.js" type="text/javascript"></script>
</body>
</html>
</footer>
</body>
<script src="../assets/js/jquery-2.1.4.min.js"></script>
<script src="../assets/js/functions.js"></script>
</html>
13 changes: 13 additions & 0 deletions index.jade
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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