middleman-swift 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/Gemfile.lock +49 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +25 -0
  6. data/Rakefile +1 -0
  7. data/lib/middleman-swift/template/shared/Gemfile.tt +20 -0
  8. data/lib/middleman-swift/template/shared/config.tt +93 -0
  9. data/lib/middleman-swift/template/source/.htaccess +540 -0
  10. data/lib/middleman-swift/template/source/404.html.slim +155 -0
  11. data/lib/middleman-swift/template/source/crossdomain.xml +15 -0
  12. data/lib/middleman-swift/template/source/css/.gitkeep +0 -0
  13. data/lib/middleman-swift/template/source/css/fonts/.gitkeep +0 -0
  14. data/lib/middleman-swift/template/source/css/ie.css.scss +31 -0
  15. data/lib/middleman-swift/template/source/css/partials/_font-styles.scss +45 -0
  16. data/lib/middleman-swift/template/source/css/partials/_page-about-us.scss +0 -0
  17. data/lib/middleman-swift/template/source/css/partials/_page-contact-us.scss +0 -0
  18. data/lib/middleman-swift/template/source/css/partials/_page-home.scss +0 -0
  19. data/lib/middleman-swift/template/source/css/partials/_reset.scss +68 -0
  20. data/lib/middleman-swift/template/source/css/partials/_sidebar.scss +0 -0
  21. data/lib/middleman-swift/template/source/css/partials/_swift-framework.scss +186 -0
  22. data/lib/middleman-swift/template/source/css/print.css.scss +3 -0
  23. data/lib/middleman-swift/template/source/css/screen.css.scss +80 -0
  24. data/lib/middleman-swift/template/source/humans.txt +15 -0
  25. data/lib/middleman-swift/template/source/img/.DS_Store +0 -0
  26. data/lib/middleman-swift/template/source/img/icon/.gitkeep +1 -0
  27. data/lib/middleman-swift/template/source/index.html.slim +8 -0
  28. data/lib/middleman-swift/template/source/js/.DS_Store +0 -0
  29. data/lib/middleman-swift/template/source/js/.gitkeep +0 -0
  30. data/lib/middleman-swift/template/source/js/PIE.htc +96 -0
  31. data/lib/middleman-swift/template/source/js/PIE.php +19 -0
  32. data/lib/middleman-swift/template/source/js/boxsizing.htc +399 -0
  33. data/lib/middleman-swift/template/source/js/ie.js +2 -0
  34. data/lib/middleman-swift/template/source/js/respond.min.js +6 -0
  35. data/lib/middleman-swift/template/source/js/script.js +1 -0
  36. data/lib/middleman-swift/template/source/layouts/.DS_Store +0 -0
  37. data/lib/middleman-swift/template/source/layouts/.gitkeep +0 -0
  38. data/lib/middleman-swift/template/source/layouts/layout.slim +40 -0
  39. data/lib/middleman-swift/template/source/robots.txt +3 -0
  40. data/lib/middleman-swift/template.rb +72 -0
  41. data/lib/middleman-swift/version.rb +5 -0
  42. data/lib/middleman-swift.rb +6 -0
  43. data/lib/middleman_extension.rb +1 -0
  44. data/middleman-swift.gemspec +23 -0
  45. metadata +116 -0
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0"?>
2
+ <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
3
+ <cross-domain-policy>
4
+ <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
5
+
6
+ <!-- Most restrictive policy: -->
7
+ <site-control permitted-cross-domain-policies="none"/>
8
+
9
+ <!-- Least restrictive policy: -->
10
+ <!--
11
+ <site-control permitted-cross-domain-policies="all"/>
12
+ <allow-access-from domain="*" to-ports="*" secure="false"/>
13
+ <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
14
+ -->
15
+ </cross-domain-policy>
File without changes
@@ -0,0 +1,31 @@
1
+ /* IE<9 Overrides */
2
+ @import "partials/swift-framework";
3
+ @import "compass/css3/pie";
4
+
5
+
6
+ // -------------------------------------------------
7
+ // SASS-y IE Specific
8
+ // ---------------------------------------------- */
9
+ $shadow_alt: #333;
10
+ $pie-behavior: url(/js/PIE.php); // BE SURE TO UPDATE THIS PATH
11
+
12
+ @mixin shadow-replace {
13
+ border-bottom: 1px solid $shadow_alt;
14
+ }
15
+
16
+
17
+ /* -------------------------------------------------
18
+ ** IE<9
19
+ ** ---------------------------------------------- */
20
+ .lt-ie9 {
21
+
22
+ } //end .lt-ie9
23
+
24
+
25
+ /* -------------------------------------------------
26
+ ** IE<8
27
+ ** ---------------------------------------------- */
28
+ .lt-ie8 {
29
+ //Hack for IE7 and lower box-sizing
30
+ * { box-sizing: border-box; *behavior: url(/js/boxsizing.htc); }
31
+ } //end .lt-ie8
@@ -0,0 +1,45 @@
1
+ body {
2
+ color: $body-color;
3
+ font-size: 100%;
4
+ font-weight: normal;
5
+ line-height: 150%;
6
+ font-family: $body-font;
7
+ }
8
+ a {
9
+ color: $link-color;
10
+ &:hover{
11
+ color: $link-hover;
12
+ }
13
+ }
14
+ h1 {
15
+ font-size: 2.25em; /* 16x2.25=36 */
16
+ line-height: 1.33333333333333em; /* 48px */
17
+ color: $heading-color;
18
+ }
19
+ h2 {
20
+ font-size: 1.5em; /* 16x1.5=24 */
21
+ color: $heading-color; /* 24px */
22
+ }
23
+ h3 {
24
+ font-size: 1.125em; /* 16x1.125=18 */
25
+ line-height: 1.33333333333333em; /* 24px */
26
+ color: $heading-color;
27
+ }
28
+ h4 {
29
+ font-size: 0.875em; /* 16x0.875=14 */
30
+ line-height: 1.71428571428571em; /* 24px */
31
+ color: $heading-color;
32
+ }
33
+ p {
34
+ font-size: 1em; /* 16x1=16 */
35
+ padding-bottom: 1em;
36
+ }
37
+ ul {
38
+ list-style: disc;
39
+ margin: 0 0 0 1.1em;
40
+ padding-bottom: 1em;
41
+ nav & { // remove styling for nav ul's
42
+ @include ul-reset;
43
+ a { text-decoration: none; }
44
+ }
45
+ }
@@ -0,0 +1,68 @@
1
+ /*
2
+ HTML5 Reset ::style.css - via https://github.com/murtaugh/HTML5-Reset/blob/master/_/css/style.css
3
+ ----------------------------------------------------------
4
+ We have learned much from/been inspired by/taken code where offered from:Eric Meyer ::http://ericmeyer.com
5
+ HTML5 Doctor ::http://html5doctor.com
6
+ and the HTML5 Boilerplate ::http://html5boilerplate.com
7
+ -------------------------------------------------------------------------------*/
8
+ /* Let's default this puppy out
9
+ -------------------------------------------------------------------------------*/
10
+ html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;font-weight:normal;vertical-align:baseline;background:transparent;}
11
+ article,aside,figure,footer,header,hgroup,img,nav,section{display:block;}
12
+ /* Responsive images and other embedded objects
13
+ Note:keeping IMG here will cause problems if you're using foreground images as sprites.
14
+ If this default setting for images is causing issues,you might want to replace it with a .responsive class instead. */
15
+ img,object,embed{max-width:100%;height:auto;}
16
+ /* force a vertical scrollbar to prevent a jumpy page */
17
+ html{overflow-y:scroll;}
18
+ /* we use a lot of ULs that aren't bulleted.
19
+ don't forget to restore the bullets within content. */
20
+ ul{list-style:none;}
21
+ blockquote,q{quotes:none;}
22
+ blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
23
+ a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
24
+ del{text-decoration:line-through;}
25
+ abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
26
+ /* tables still need cellspacing="0" in the markup */
27
+ table{border-collapse:collapse;border-spacing:0;}
28
+ th{font-weight:bold;vertical-align:bottom;}
29
+ td{font-weight:normal;vertical-align:top;}
30
+ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
31
+ input,select{vertical-align:middle;}
32
+ pre{white-space:pre;/* CSS2 */
33
+ white-space:pre-wrap;/* CSS 2.1 */
34
+ white-space:pre-line;/* CSS 3 (and 2.1 as well,actually) */
35
+ word-wrap:break-word;/* IE */}
36
+ input[type="radio"]{vertical-align:text-bottom;}
37
+ input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}
38
+ .ie6 input{vertical-align:text-bottom;}
39
+ select,input,textarea{font:99% sans-serif;}
40
+ table{font-size:inherit;font:100%;}
41
+ /* Accessible focus treatment
42
+ people.opera.com/patrickl/experiments/keyboard/test */
43
+ a:hover,a:active{outline:none;}
44
+ small{font-size:85%;}
45
+ em,i{font-style:italic;}
46
+ strong,th,b{font-weight:bold;}
47
+ td,td img{vertical-align:top;}
48
+ /* Make sure sup and sub don't screw with your line-heights
49
+ gist.github.com/413930 */
50
+ sub,sup{font-size:60%;line-height:0;position:relative;}
51
+ sup{top:-0.75em;}
52
+ sub{bottom:-0.5em;}
53
+ /* standardize any monospaced elements */
54
+ pre,code,kbd,samp{font-family:monospace,sans-serif;}
55
+ /* hand cursor on clickable elements */
56
+ .clickable,label,input[type=button],input[type=submit],button{cursor:pointer;}
57
+ /* Webkit browsers add a 2px margin outside the chrome of form elements */
58
+ button,input,select,textarea{margin:0;}
59
+ /* make buttons play nice in IE */
60
+ button{width:auto;overflow:visible;}
61
+ /* scale images in IE7 more attractively */
62
+ .lt-ie8 img{-ms-interpolation-mode:bicubic;}
63
+ /* prevent BG image flicker upon hover */
64
+ .lt-ie7 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
65
+ /* let's clear some floats */
66
+ .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
67
+ .clearfix:after{clear:both;}
68
+ .clearfix{zoom:1;}
@@ -0,0 +1,186 @@
1
+ // -------------------------------------------------
2
+ // Slim Compass Imports
3
+ // ---------------------------------------------- */
4
+ @import "partials/reset";
5
+ @import "compass/css3/border-radius";
6
+ @import "compass/css3/box-shadow";
7
+ @import "compass/css3/box-sizing";
8
+ @import "compass/css3/images";
9
+ @import "compass/css3/opacity";
10
+ @import "compass/css3/transform";
11
+ @import "compass/css3/transition";
12
+ @import "compass/typography/lists/inline-block-list";
13
+ @import "compass/typography/text/replacement";
14
+ @import "compass/utilities/general/clearfix";
15
+
16
+
17
+ // -------------------------------------------------
18
+ // Slim Variables
19
+ // ---------------------------------------------- */
20
+ $heading-font: Helvetica, Arial, sans-serif;
21
+ $body-font: Helvetica, Arial, sans-serif;
22
+
23
+ $body-color: #555;
24
+ $heading-color: #333;
25
+ $link-color: #000;
26
+ $link-hover: #555;
27
+
28
+ $page-width: 1280px;
29
+
30
+ $ani-speed: 250ms;
31
+
32
+
33
+ // -------------------------------------------------
34
+ // Media Query Break Points
35
+ // ---------------------------------------------- */
36
+ $mq-mobile: 420px;
37
+ $mq-mob-tab: 520px;
38
+ $mq-tablet: 620px;
39
+ $mq-tab-desk: 820px;
40
+ $mq-desktop: 920px;
41
+
42
+
43
+ // -------------------------------------------------
44
+ // Basic Styles
45
+ // ---------------------------------------------- */
46
+
47
+ body,select,input,textarea{color:#333;}
48
+
49
+ // -------------------------------------------------
50
+ // Slim Mixins
51
+ // ---------------------------------------------- */
52
+
53
+
54
+ // media query
55
+ @mixin breakpoint($point) {
56
+ @if $point == mobile {
57
+ @media (min-width: $mq-mobile) { @content; }
58
+ }
59
+ @else if $point == mob-tab {
60
+ @media (min-width: $mq-mob-tab) { @content; }
61
+ }
62
+ @else if $point == tablet {
63
+ @media (min-width: $mq-tablet) { @content; }
64
+ }
65
+ @else if $point == tab-desk {
66
+ @media (min-width: $mq-tab-desk) { @content; }
67
+ }
68
+ @else if $point == desktop {
69
+ @media (min-width: $mq-desktop) { @content; }
70
+ }
71
+ }
72
+ // custom text selection treatment, developed from http://stackoverflow.com/a/10372599/136018
73
+ @mixin selection($color, $background) {
74
+ $prefixes: ("-webkit-","-moz-", "-o-", "");
75
+ @each $prefix in $prefixes {
76
+ ::#{$prefix}selection {
77
+ color: $color;
78
+ background: $background;
79
+ text-shadow:none; // remove any text shadows:twitter.com/miketaylr/status/12228805301)
80
+ }
81
+ }
82
+ /* j.mp/webkit-tap-highlight-color */
83
+ a:link{-webkit-tap-highlight-color:$background;}
84
+ ins{background-color:$background;color:$color;text-decoration:none;}
85
+ }
86
+
87
+ // Remove UL Styling
88
+ @mixin ul-reset {
89
+ list-style: none;
90
+ margin: 0;
91
+ padding-bottom: 0;
92
+ }
93
+
94
+ // Rem Font Sizing
95
+ @mixin font-size-rem($size: 1.6){
96
+ font-size: ($size * 10 + 5) + px;
97
+ font-size: $size + rem;
98
+ }
99
+
100
+ @mixin line-height-rem($size: 1.6){
101
+ line-height: ($size * 10 + 5) + px;
102
+ line-height: $size + rem;
103
+ }
104
+
105
+ @mixin areas-text-style-nav {
106
+ font-size: .875em;
107
+ text-transform: uppercase;
108
+ letter-spacing: .15em;
109
+ }
110
+
111
+ @mixin a-white-to-black {
112
+ color: white;
113
+ &:hover { color: black; }
114
+ }
115
+
116
+ @mixin header-box($w) {
117
+ $header_width: $w;
118
+ position: relative;
119
+ width: $header_width;
120
+ padding: 11em 1.7em 1.1em;
121
+ //display: table-cell;
122
+ vertical-align: bottom;
123
+ margin: 0 0 1.1em;
124
+ overflow: hidden;
125
+
126
+ &:after {
127
+ position: absolute;
128
+ width: 50.4em;
129
+ height: 44em;
130
+ bottom: -6.8em;
131
+ right: -7.4em;
132
+ content: '';
133
+ background-color: $gold_alt;
134
+ @include rotate(-45deg);
135
+ }
136
+
137
+ h2 {
138
+ position: relative;
139
+ z-index: 2;
140
+ margin: 0;
141
+ }
142
+ }
143
+
144
+ @mixin column-50-pct {
145
+ width: 50%;
146
+ float: left;
147
+
148
+ p {
149
+ padding: 0 2em 1em;
150
+ }
151
+ }
152
+
153
+ @mixin column-33-pct {
154
+ width: (($page_width - 40 - 20*2) / 3);
155
+ float: left;
156
+ margin-left: 20px;
157
+
158
+ &.first { margin-left: 0; }
159
+
160
+ p {
161
+ padding: 0 0 1em;
162
+ }
163
+ }
164
+
165
+ @mixin column-66-pct {
166
+ width: (($page_width - 40 - 10) / 3 * 2);
167
+ float: left;
168
+ margin-left: 20px;
169
+
170
+ &.first { margin-left: 0; }
171
+
172
+ p {
173
+ padding: 0 2em 1em;
174
+ }
175
+ }
176
+
177
+ @mixin trans-fade-hidden {
178
+ @include transition(opacity $ani_speed linear 0ms, visibility $ani_speed linear 0ms);
179
+ visibility: hidden;
180
+ opacity: 0;
181
+ }
182
+
183
+ @mixin trans-fade-visible {
184
+ visibility: visible;
185
+ opacity: 1;
186
+ }
@@ -0,0 +1,3 @@
1
+ /* Welcome to Compass. Use this file to define print styles.
2
+ * Import this file using the following HTML or equivalent:
3
+ * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@@ -0,0 +1,80 @@
1
+ @import "partials/swift-framework";
2
+ @import "partials/font-styles";
3
+ // @import "icon/*.png";
4
+ // @include all-icon-sprites;
5
+
6
+ // COMPASS SPRITE EXAMPLE ( Place images to be sprited in img/icon/ e.g. "img/icon/logo.png" )
7
+
8
+ // .icon-logo {
9
+ // @include sprite-dimensions($icon-sprites, logo );
10
+ // }
11
+
12
+
13
+ /* -------------------------------------------------
14
+ ** TEMPLATE
15
+ ** ---------------------------------------------- */
16
+ * { @include box-sizing('border-box'); }
17
+
18
+ /* iOS fixes */
19
+ html { -webkit-text-size-adjust: none; }
20
+ input[type=submit] { -webkit-appearance: none; -moz-appearance: none; }
21
+
22
+ /* Media Queries for determining javascript events, via http://adactio.com/journal/5429/ */
23
+ body:after { content: 'mobile'; display: none; }
24
+ @media only screen and (min-width: $mq-desktop) {
25
+ body:after { content: 'desktop'; }
26
+ }
27
+ // STANDARD MEDIA QUERY EXAMPLE
28
+
29
+ // @media screen and (min-width: $mq-desktop) {
30
+ // /* styles here */
31
+ // } // END @media: $mq-desktop
32
+
33
+ // SLECTOR SPECIFIC MEDIA QUERY EXAMPLE
34
+ // .example-selector
35
+ // /* mobile styles here */
36
+ // @include breakpoint(tablet) {
37
+ // /* tablet styles here */
38
+ // }
39
+ // @include breakpoint(desktop) {
40
+ // /* desktop styles here */
41
+ // }
42
+ // }
43
+
44
+
45
+ /*--------------START BASE STRUCTURE-------------- */
46
+ /* -------------------------------------------------
47
+ ** Body
48
+ ** ---------------------------------------------- */
49
+
50
+ /* -------------------------------------------------
51
+ ** Wrapper
52
+ ** ---------------------------------------------- */
53
+
54
+ /* -------------------------------------------------
55
+ ** Header
56
+ ** ---------------------------------------------- */
57
+
58
+ /* -------------------------------------------------
59
+ ** Section
60
+ ** ---------------------------------------------- */
61
+
62
+ /* -------------------------------------------------
63
+ ** Sidebar
64
+ ** ---------------------------------------------- */
65
+
66
+ /* -------------------------------------------------
67
+ ** Footer
68
+ ** ---------------------------------------------- */
69
+
70
+
71
+
72
+ /*--------------END BASE STRUCTURE--------------- */
73
+ /* -------------------------------------------------
74
+ ** SITE SPECIFIC IMPORTS AND MODULES
75
+ ** ---------------------------------------------- */
76
+
77
+ // @import "partials/page-home";
78
+ // @import "partials/page-about-us";
79
+ // @import "partials/page-contact-us";
80
+ // @import "partials/sidebar";
@@ -0,0 +1,15 @@
1
+ # humanstxt.org/
2
+ # The humans responsible & technology colophon
3
+
4
+ # TEAM
5
+
6
+ <name> -- <role> -- <twitter>
7
+
8
+ # THANKS
9
+
10
+ <name>
11
+
12
+ # TECHNOLOGY COLOPHON
13
+
14
+ HTML5, CSS3
15
+ jQuery, Modernizr
@@ -0,0 +1 @@
1
+ // gitkeep
@@ -0,0 +1,8 @@
1
+ ---
2
+ title: Welcome to Middleman
3
+ ---
4
+
5
+ .welcome
6
+ h1 Middleman is Watching
7
+ p.doc
8
+ == link_to "Read Online Documentation", "http://middlemanapp.com/"
File without changes