Skip to content

Commit 73b9cc7

Browse files
igrigorikigrigorik
committed
initial import
0 parents  commit 73b9cc7

File tree

10 files changed

+1479
-0
lines changed

10 files changed

+1479
-0
lines changed

‎.bowerrc

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"directory": "bower_components"
3+
}

‎.gitignore

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
*.DS_Store
2+
/css/*
3+
/bower_components/*
4+
/node_modules/*

‎Gruntfile.js

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
module.exports = function(grunt) {
2+
grunt.initConfig({
3+
pkg: grunt.file.readJSON('package.json'),
4+
5+
sass: {
6+
options: {
7+
includePaths: ['bower_components/foundation/scss']
8+
},
9+
dist: {
10+
options: {
11+
outputStyle: 'compressed'
12+
},
13+
files: {
14+
'css/app.css': 'scss/app.scss'
15+
}
16+
}
17+
},
18+
19+
connect: {
20+
server: {
21+
options: {
22+
port: 9001,
23+
base: '.',
24+
open: true
25+
}
26+
}
27+
},
28+
29+
watch: {
30+
grunt: {
31+
files: ['Gruntfile.js'],
32+
options: {
33+
livereload: true,
34+
}
35+
},
36+
37+
sass: {
38+
files: 'scss/**/*.scss',
39+
tasks: ['sass'],
40+
options: {
41+
livereload: true,
42+
}
43+
}
44+
}
45+
});
46+
47+
grunt.loadNpmTasks('grunt-sass');
48+
grunt.loadNpmTasks('grunt-contrib-watch');
49+
grunt.loadNpmTasks('grunt-contrib-connect');
50+
51+
grunt.registerTask('build', ['sass']);
52+
grunt.registerTask('default', ['build','connect:server','watch']);
53+
}

‎bower.json

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"name": "foundation-libsass-template",
3+
"dependencies": {
4+
"foundation": "zurb/bower-foundation"
5+
}
6+
}

‎index.html

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
<!doctype html>
2+
<html class="no-js" lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Foundation</title>
7+
<link rel="stylesheet" href="css/app.css" />
8+
<script src="bower_components/modernizr/modernizr.js"></script>
9+
</head>
10+
<body>
11+
<div class="row">
12+
<div class="large-12 columns">
13+
<h1>Welcome to Foundation</h1>
14+
</div>
15+
</div>
16+
17+
<div class="row">
18+
<div class="large-12 columns">
19+
<div class="panel">
20+
<h3>We&rsquo;re stoked you want to try Foundation! </h3>
21+
<p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
22+
<p>Once you've exhausted the fun in this document, you should check out:</p>
23+
<div class="row">
24+
<div class="large-4 medium-4 columns">
25+
<p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
26+
</div>
27+
<div class="large-4 medium-4 columns">
28+
<p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
29+
</div>
30+
<div class="large-4 medium-4 columns">
31+
<p><a href="http://twitter.com/foundationzurb">@foundationzurb</a><br />Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).</p>
32+
</div>
33+
</div>
34+
</div>
35+
</div>
36+
</div>
37+
38+
<div class="row">
39+
<div class="large-8 medium-8 columns">
40+
<h5>Here&rsquo;s your basic grid:</h5>
41+
<!-- Grid Example -->
42+
43+
<div class="row">
44+
<div class="large-12 columns">
45+
<div class="callout panel">
46+
<p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.</p>
47+
</div>
48+
</div>
49+
</div>
50+
<div class="row">
51+
<div class="large-6 medium-6 columns">
52+
<div class="callout panel">
53+
<p>Six columns</p>
54+
</div>
55+
</div>
56+
<div class="large-6 medium-6 columns">
57+
<div class="callout panel">
58+
<p>Six columns</p>
59+
</div>
60+
</div>
61+
</div>
62+
<div class="row">
63+
<div class="large-4 medium-4 small-4 columns">
64+
<div class="callout panel">
65+
<p>Four columns</p>
66+
</div>
67+
</div>
68+
<div class="large-4 medium-4 small-4 columns">
69+
<div class="callout panel">
70+
<p>Four columns</p>
71+
</div>
72+
</div>
73+
<div class="large-4 medium-4 small-4 columns">
74+
<div class="callout panel">
75+
<p>Four columns</p>
76+
</div>
77+
</div>
78+
</div>
79+
80+
<hr />
81+
82+
<h5>We bet you&rsquo;ll need a form somewhere:</h5>
83+
<form>
84+
<div class="row">
85+
<div class="large-12 columns">
86+
<label>Input Label</label>
87+
<input type="text" placeholder="large-12.columns" />
88+
</div>
89+
</div>
90+
<div class="row">
91+
<div class="large-4 medium-4 columns">
92+
<label>Input Label</label>
93+
<input type="text" placeholder="large-4.columns" />
94+
</div>
95+
<div class="large-4 medium-4 columns">
96+
<label>Input Label</label>
97+
<input type="text" placeholder="large-4.columns" />
98+
</div>
99+
<div class="large-4 medium-4 columns">
100+
<div class="row collapse">
101+
<label>Input Label</label>
102+
<div class="small-9 columns">
103+
<input type="text" placeholder="small-9.columns" />
104+
</div>
105+
<div class="small-3 columns">
106+
<span class="postfix">.com</span>
107+
</div>
108+
</div>
109+
</div>
110+
</div>
111+
<div class="row">
112+
<div class="large-12 columns">
113+
<label>Select Box</label>
114+
<select>
115+
<option value="husker">Husker</option>
116+
<option value="starbuck">Starbuck</option>
117+
<option value="hotdog">Hot Dog</option>
118+
<option value="apollo">Apollo</option>
119+
</select>
120+
</div>
121+
</div>
122+
<div class="row">
123+
<div class="large-6 medium-6 columns">
124+
<label>Choose Your Favorite</label>
125+
<input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
126+
<input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
127+
</div>
128+
<div class="large-6 medium-6 columns">
129+
<label>Check these out</label>
130+
<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
131+
<input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
132+
</div>
133+
</div>
134+
<div class="row">
135+
<div class="large-12 columns">
136+
<label>Textarea Label</label>
137+
<textarea placeholder="small-12.columns"></textarea>
138+
</div>
139+
</div>
140+
</form>
141+
</div>
142+
143+
<div class="large-4 medium-4 columns">
144+
<h5>Try one of these buttons:</h5>
145+
<p><a href="#" class="small button">Simple Button</a><br/>
146+
<a href="#" class="small radius button">Radius Button</a><br/>
147+
<a href="#" class="small round button">Round Button</a><br/>
148+
<a href="#" class="medium success button">Success Btn</a><br/>
149+
<a href="#" class="medium alert button">Alert Btn</a><br/>
150+
<a href="#" class="medium secondary button">Secondary Btn</a></p>
151+
<div class="panel">
152+
<h5>So many components, girl!</h5>
153+
<p>A whole kitchen sink of goodies comes with Foundation. Checkout the docs to see them all, along with details on making them your own.</p>
154+
<a href="http://foundation.zurb.com/docs/" class="small button">Go to Foundation Docs</a>
155+
</div>
156+
</div>
157+
</div>
158+
159+
<script src="bower_components/jquery/jquery.js"></script>
160+
<script src="bower_components/foundation/js/foundation.min.js"></script>
161+
<script src="js/app.js"></script>
162+
</body>
163+
</html>

‎js/app.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
$(document).foundation();

‎package.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"name": "foundation-libsass-template",
3+
"version": "0.0.1",
4+
"devDependencies": {
5+
"node-sass": "~0.7.0",
6+
"grunt": "~0.4.1",
7+
"grunt-contrib-watch": "~0.5.3",
8+
"grunt-sass": "~0.8.0",
9+
"grunt-contrib-connect": "latest"
10+
}
11+
}

‎robots.txt

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# www.robotstxt.org/
2+
# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449
3+
4+
User-agent: *

0 commit comments

Comments
 (0)