newsite 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. data/History.txt +8 -0
  2. data/Manifest.txt +1 -0
  3. data/README.txt +1 -1
  4. data/lib/newsite.rb +1 -1
  5. data/templates/css/master.css +47 -41
  6. data/templates/css/reset.css +52 -0
  7. data/templates/index.html +39 -19
  8. metadata +4 -3
data/History.txt CHANGED
@@ -1,3 +1,11 @@
1
+ === 0.0.2 / 2010-10-22
2
+
3
+ * 3 minor enhancements:
4
+
5
+ * Use a separate css file for reset.
6
+ * Use Baseline Rhythm Calculator from http://topfunky.com/baseline-rhythm-calculator/.
7
+ * Better styling.
8
+
1
9
  === 0.0.1 / 2010-10-03
2
10
 
3
11
  * Just get the job done
data/Manifest.txt CHANGED
@@ -8,6 +8,7 @@ lib/newsite.rb
8
8
  test/test_newsite.rb
9
9
  test/test_newsite.rb
10
10
  templates/css/master.css
11
+ templates/css/reset.css
11
12
  templates/index.html
12
13
  templates/js/application.js
13
14
  templates/js/jquery.js
data/README.txt CHANGED
@@ -10,7 +10,7 @@ Newsite is a command line tool that creates a skeleton template for your static
10
10
 
11
11
  Uses html5 (including hack for IE)
12
12
  Uses jquery
13
- Uses css reset from http://meyerweb.com/eric/tools/css/reset/
13
+ Uses css reset from http://meyerweb.com/eric/tools/css/reset/ and Baseline Rhythm Calculator from http://topfunky.com/baseline-rhythm-calculator/
14
14
 
15
15
  == SYNOPSIS:
16
16
 
data/lib/newsite.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  class Newsite
2
- VERSION = '0.0.1'
2
+ VERSION = '0.0.2'
3
3
  end
data/templates/css/master.css CHANGED
@@ -1,54 +1,60 @@
1
- /* v1.0 | 20080212 */
1
+ /* http://topfunky.com/baseline-rhythm-calculator/ plus some default styling*/
2
2
 
3
- html, body, div, span, applet, object, iframe,
4
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
5
- a, abbr, acronym, address, big, cite, code,
6
- del, dfn, em, font, img, ins, kbd, q, s, samp,
7
- small, strike, strong, sub, sup, tt, var,
8
- b, u, i, center,
9
- dl, dt, dd, ol, ul, li,
10
- fieldset, form, label, legend,
11
- table, caption, tbody, tfoot, thead, tr, th, td {
12
- margin: 0;
13
- padding: 0;
14
- border: 0;
15
- outline: 0;
16
- font-size: 100%;
17
- vertical-align: baseline;
18
- background: transparent;
19
- }
20
3
  body {
21
- line-height: 1;
4
+ font-size: 12px;
5
+ line-height: 1.5em;
6
+ margin: 0; padding: 30px;
7
+ font-family:Verdana, sans-serif;
22
8
  }
23
- ol, ul {
24
- list-style: none;
9
+ h1, h2, h3, h4 {
10
+ font-family:Georgia,Times,serif;
25
11
  }
26
- blockquote, q {
27
- quotes: none;
12
+ h1 {
13
+ margin: 0;
14
+ font-size: 1.6666666666666667em;
15
+ line-height: 0.9em;
16
+ margin-bottom: 0.9em;
28
17
  }
29
- blockquote:before, blockquote:after,
30
- q:before, q:after {
31
- content: '';
32
- content: none;
18
+ h2 {
19
+ margin: 0;
20
+ font-size: 1.5em;
21
+ line-height: 1em;
22
+ margin-bottom: 1em;
33
23
  }
34
-
35
- /* remember to define focus styles! */
36
- :focus {
37
- outline: 0;
24
+ h3 {
25
+ margin: 0;
26
+ font-size: 1.3333333333333333em;
27
+ line-height: 1.125em;
28
+ margin-bottom: 1.125em;
38
29
  }
39
-
40
- /* remember to highlight inserts somehow! */
41
- ins {
42
- text-decoration: none;
30
+ h4 {
31
+ margin: 0;
32
+ font-size: 1.1666666666666667em;
33
+ line-height: 1.2857142857142858em;
34
+ margin-bottom: 1.2857142857142858em;
43
35
  }
44
- del {
45
- text-decoration: line-through;
36
+ p, ul, blockquote, pre, td, th, label {
37
+ margin: 0;
38
+ font-size: 1em;
39
+ line-height: 1.5em;
40
+ margin-bottom: 1.5em;
41
+ }
42
+ p.small {
43
+ margin: 0;
44
+ font-size: 0.8333333333333334em;
45
+ line-height: 1.8em;
46
+ margin-bottom: 1.8em;
46
47
  }
47
-
48
- /* tables still need 'cellspacing="0"' in the markup */
49
48
  table {
50
49
  border-collapse: collapse;
51
- border-spacing: 0;
50
+ margin-bottom: 1.5em;
51
+ }
52
+
53
+ ul {
54
+ list-style-type:disc;
55
+ }
56
+
57
+ ol {
58
+ list-style-type:decimal;
52
59
  }
53
60
 
54
- /* end reset */
data/templates/css/reset.css ADDED
@@ -0,0 +1,52 @@
1
+ /* v1.0 | 20080212 http://meyerweb.com/eric/tools/css/reset/ */
2
+
3
+ html, body, div, span, applet, object, iframe,
4
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
5
+ a, abbr, acronym, address, big, cite, code,
6
+ del, dfn, em, font, img, ins, kbd, q, s, samp,
7
+ small, strike, strong, sub, sup, tt, var,
8
+ b, u, i, center,
9
+ dl, dt, dd, ol, ul, li,
10
+ fieldset, form, label, legend,
11
+ table, caption, tbody, tfoot, thead, tr, th, td {
12
+ margin: 0;
13
+ padding: 0;
14
+ border: 0;
15
+ outline: 0;
16
+ font-size: 100%;
17
+ vertical-align: baseline;
18
+ background: transparent;
19
+ }
20
+ body {
21
+ line-height: 1;
22
+ }
23
+ ol, ul {
24
+ list-style: none;
25
+ }
26
+ blockquote, q {
27
+ quotes: none;
28
+ }
29
+ blockquote:before, blockquote:after,
30
+ q:before, q:after {
31
+ content: '';
32
+ content: none;
33
+ }
34
+
35
+ /* remember to define focus styles! */
36
+ :focus {
37
+ outline: 0;
38
+ }
39
+
40
+ /* remember to highlight inserts somehow! */
41
+ ins {
42
+ text-decoration: none;
43
+ }
44
+ del {
45
+ text-decoration: line-through;
46
+ }
47
+
48
+ /* tables still need 'cellspacing="0"' in the markup */
49
+ table {
50
+ border-collapse: collapse;
51
+ border-spacing: 0;
52
+ }
data/templates/index.html CHANGED
@@ -2,30 +2,50 @@
2
2
  <html>
3
3
  <head>
4
4
  <title>Page title</title>
5
- <link rel="stylesheet" href="/css/master.css" type="text/css" media="screen" title="no title" charset="utf-8">
5
+ <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" title="no title" charset="utf-8">
6
+ <link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="no title" charset="utf-8">
6
7
  <!--[if IE]>
7
8
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
8
9
  <![endif]-->
9
10
  </head>
10
11
  <body>
11
- <header>
12
- <h1>Page title</h1>
13
- </header>
14
- <nav>
15
- <!-- Navigation -->
16
- </nav>
17
- <section id="intro">
18
- <!-- Introduction -->
19
- </section>
20
- <section>
21
- <!-- Main content area -->
22
- </section>
23
- <aside>
24
- <!-- Sidebar -->
25
- </aside>
26
- <footer>
27
- <!-- Footer -->
28
- </footer>
12
+
13
+ <div id="container">
14
+ <h1>Headline h1</h1>
15
+
16
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
17
+
18
+ <h2>Headline h2</h2>
19
+
20
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
21
+
22
+ <h3>Headline h3</h3>
23
+
24
+ <p>Lorem ipsum dolor <strong>sit amet</strong>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut <a href="#">aliquip ex ea commodo</a> consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
25
+
26
+ <ul>
27
+ <li>Some text</li>
28
+ <li>Some text</li>
29
+ <li>Some text</li>
30
+ <li>Some text</li>
31
+ <li>Some text</li>
32
+ <li>Some text</li>
33
+ <li>Some text</li>
34
+ </ul>
35
+
36
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
37
+
38
+ <ol>
39
+ <li>Some text</li>
40
+ <li>Some text</li>
41
+ <li>Some text</li>
42
+ <li>Some text</li>
43
+ <li>Some text</li>
44
+ <li>Some text</li>
45
+ <li>Some text</li>
46
+ </ol>
47
+
48
+ </div>
29
49
 
30
50
  <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
31
51
  <script type="text/javascript" charset="utf-8" src="js/application.js"></script>
metadata CHANGED
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
5
5
  segments:
6
6
  - 0
7
7
  - 0
8
- - 1
9
- version: 0.0.1
8
+ - 2
9
+ version: 0.0.2
10
10
  platform: ruby
11
11
  authors:
12
12
  - Oscar Del Ben
@@ -14,7 +14,7 @@ autorequire:
14
14
  bindir: bin
15
15
  cert_chain: []
16
16
 
17
- date: 2010-10-03 00:00:00 +02:00
17
+ date: 2010-10-22 00:00:00 +02:00
18
18
  default_executable:
19
19
  dependencies:
20
20
  - !ruby/object:Gem::Dependency
@@ -66,6 +66,7 @@ files:
66
66
  - lib/newsite.rb
67
67
  - test/test_newsite.rb
68
68
  - templates/css/master.css
69
+ - templates/css/reset.css
69
70
  - templates/index.html
70
71
  - templates/js/application.js
71
72
  - templates/js/jquery.js