middleman-swift 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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