smock 0.1.120 → 0.1.121
Sign up to get free protection for your applications and to get access to all the features.
- data/Gemfile.lock +1 -1
- data/app/assets/stylesheets/includes/_layout_helpers.sass +5 -0
- data/app/assets/stylesheets/includes/_space_helpers.sass +4 -1
- data/app/assets/stylesheets/includes/_typography_helpers.sass +9 -1
- data/app/assets/stylesheets/modules/_hero.sass +9 -1
- data/app/assets/stylesheets/modules/_number-icon.sass +9 -0
- data/app/assets/stylesheets/smock.sass +3 -1
- data/examples/pages/logo_landing_page.html +193 -0
- data/index.html +1 -0
- metadata +6 -3
data/Gemfile.lock
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
.hero
|
2
|
-
color: white
|
2
|
+
color: $white
|
3
3
|
background-color: $gray-light
|
4
4
|
background-size: cover
|
5
5
|
+space(min-height, 12)
|
@@ -8,6 +8,14 @@
|
|
8
8
|
background-position: center center
|
9
9
|
+mask(#292f38, 0.5)
|
10
10
|
|
11
|
+
.hero--steps
|
12
|
+
+space(padding-top, 2)
|
13
|
+
+space(padding-bottom, 2)
|
14
|
+
+space(min-height)
|
15
|
+
color: $black
|
16
|
+
background-color: $gray-lightest
|
17
|
+
+mask(transparent, 1)
|
18
|
+
|
11
19
|
.hero__container
|
12
20
|
+outer-container
|
13
21
|
min-width: $max-width
|
@@ -22,6 +22,7 @@
|
|
22
22
|
@import "includes/molecules"
|
23
23
|
@import "includes/typography_helpers"
|
24
24
|
@import "includes/space_helpers"
|
25
|
+
@import "includes/layout_helpers"
|
25
26
|
|
26
27
|
@import "modules/am_grid"
|
27
28
|
@import "modules/styleguide"
|
@@ -48,6 +49,7 @@
|
|
48
49
|
@import "modules/tooltip"
|
49
50
|
@import "modules/metric"
|
50
51
|
@import "modules/modal"
|
52
|
+
@import "modules/number-icon"
|
51
53
|
|
52
54
|
html.vr
|
53
55
|
background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%), -webkit-linear-gradient(bottom, rgba(128,128,128,1) 0%, rgba(128,128,128,0) 8%, rgba(128,128,128,0) 100%)
|
@@ -235,4 +237,4 @@ html.vr
|
|
235
237
|
display: block
|
236
238
|
text-transform: uppercase
|
237
239
|
font-weight: bold
|
238
|
-
font-style: italic
|
240
|
+
font-style: italic
|
@@ -0,0 +1,193 @@
|
|
1
|
+
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<!--[if lt IE 7]> <html lang="en" ng-app="moodBoard" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
4
|
+
<!--[if IE 7]> <html lang="en" ng-app="moodBoard" class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
5
|
+
<!--[if IE 8]> <html lang="en" ng-app="moodBoard" class="no-js lt-ie9"> <![endif]-->
|
6
|
+
<!--[if gt IE 8]><!-->
|
7
|
+
<html lang="en" class="no-js">
|
8
|
+
<!--<![endif]-->
|
9
|
+
<head>
|
10
|
+
<meta charset="utf-8">
|
11
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
12
|
+
<title>Landing Page</title>
|
13
|
+
<meta name="description" content="">
|
14
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
15
|
+
|
16
|
+
<link rel="stylesheet" href="../../smock.css" />
|
17
|
+
<link rel="stylesheet" href="../../svg_images.css" />
|
18
|
+
</head>
|
19
|
+
<body am-grid>
|
20
|
+
|
21
|
+
<header class="header header--with-content header--inverse th-inverse">
|
22
|
+
<div class="container s-small-below">
|
23
|
+
<div class="s-small-below lh-clear">
|
24
|
+
<a class="header__logo svg__logo--inverse" href="https://studio-app.envato.com/smock/examples/">Envato Studio</a>
|
25
|
+
<p class="s-no-below lh-pull-right" am-grid-row="l:end">Exsisting Member? <a href="#">Sign In</a></p>
|
26
|
+
</div>
|
27
|
+
|
28
|
+
<div class="header__content" am-grid-row="l:start">
|
29
|
+
<h1 class="th-size-xlarge s-medium-below">Fast and Affordable Logo design</h1>
|
30
|
+
<img am-grid-col="l:6" src="http://placehold.it/459x264/" width="459" height="264" />
|
31
|
+
<div class="header__content__aside s-small-above" am-grid-col="l:5 l:pre1" am-grid-row="l:end">
|
32
|
+
<h2 class="th-size-large s-medium-below">Hand picked designers <br /> are ready to create your logo <br /> in three easy steps.</h2>
|
33
|
+
<a class="button button--large" am-grid-col="l:3:5" href="#">Get Started</a>
|
34
|
+
</div>
|
35
|
+
</div>
|
36
|
+
</div>
|
37
|
+
</header>
|
38
|
+
|
39
|
+
<section class="hero hero--steps s-medium-below">
|
40
|
+
<div class="hero__container">
|
41
|
+
<ul class="th-size-medium">
|
42
|
+
<li am-grid-col="l:4">
|
43
|
+
<div am-grid-col="l:1:4">
|
44
|
+
<span class="number-icon">1</span>
|
45
|
+
</div>
|
46
|
+
<div am-grid-col="l:3:4">
|
47
|
+
<strong>Choose your designer</strong>
|
48
|
+
<p class="s-no-below">We only connect you
|
49
|
+
with reviewed & approved
|
50
|
+
expert designers.</p>
|
51
|
+
</div>
|
52
|
+
</li>
|
53
|
+
<li am-grid-col="l:4">
|
54
|
+
<div am-grid-col="l:1:4">
|
55
|
+
<span class="number-icon">2</span>
|
56
|
+
</div>
|
57
|
+
<div am-grid-col="l:3:4">
|
58
|
+
<strong>Supply your brief</strong>
|
59
|
+
<p class="s-no-below">Then review designs and
|
60
|
+
easily provide feedback
|
61
|
+
online.</p>
|
62
|
+
</div>
|
63
|
+
</li>
|
64
|
+
<li am-grid-col="l:4">
|
65
|
+
<div am-grid-col="l:1:4">
|
66
|
+
<span class="number-icon">3</span>
|
67
|
+
</div>
|
68
|
+
<div am-grid-col="l:3:4">
|
69
|
+
<strong>Approve your logo</strong>
|
70
|
+
<p class="s-no-below">Once you have your
|
71
|
+
perfect logo, and not a
|
72
|
+
minute before.</p>
|
73
|
+
</div>
|
74
|
+
</li>
|
75
|
+
</ul>
|
76
|
+
</div>
|
77
|
+
</section>
|
78
|
+
|
79
|
+
|
80
|
+
<section class="l-container">
|
81
|
+
<article class="th-align-center" am-grid-col="l:12" am-grid-row="l:end">
|
82
|
+
<h2 class="th-size-xlarge">Our designers have completed over 15,000 jobs.</h2>
|
83
|
+
<p class="th-size-large">We always have upfront pricing and turnaround times, <br />
|
84
|
+
so you control your budget and deadlines.</p>
|
85
|
+
</article>
|
86
|
+
|
87
|
+
<hr class="s-small-below" am-grid-row="l:start" />
|
88
|
+
|
89
|
+
<h3 class="th-size-large">Some of our featured designers include:</h3>
|
90
|
+
<section class="service__cards s-small-below">
|
91
|
+
<div class="service service__card" am-grid-col="l:3" am-grid-row="l:start">
|
92
|
+
<a href="#">
|
93
|
+
<div class="service__card__image">
|
94
|
+
<div class="service__card__image__price">$100</div>
|
95
|
+
<img width="223" height="198" src="https://dummyimage.com/223x198">
|
96
|
+
</div>
|
97
|
+
</a>
|
98
|
+
<a href="#">Creative Concept Business Card Design with Images</a>
|
99
|
+
<a href="#"><p class="caption__secondary">Business Card Design</p></a>
|
100
|
+
<div class="service__card__provider">
|
101
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
102
|
+
<img src="https://dummyimage.com/30x30">
|
103
|
+
</div>
|
104
|
+
<div am-grid-col="l:5:6">
|
105
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong>
|
106
|
+
</div>
|
107
|
+
</div>
|
108
|
+
</div>
|
109
|
+
<div class="service service__card" am-grid-col="l:3">
|
110
|
+
<a href="#">
|
111
|
+
<div class="service__card__image">
|
112
|
+
<div class="service__card__image__price">$100</div>
|
113
|
+
<img width="223" height="198" src="https://dummyimage.com/223x198">
|
114
|
+
</div>
|
115
|
+
</a>
|
116
|
+
<a href="#">Creative Concept Business Card Design with Images</a>
|
117
|
+
<a href="#"><p class="caption__secondary">Business Card Design</p></a>
|
118
|
+
<div class="service__card__provider">
|
119
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
120
|
+
<img src="https://dummyimage.com/30x30">
|
121
|
+
</div>
|
122
|
+
<div am-grid-col="l:5:6">
|
123
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong>
|
124
|
+
</div>
|
125
|
+
</div>
|
126
|
+
</div>
|
127
|
+
<div class="service service__card" am-grid-col="l:3">
|
128
|
+
<a href="#">
|
129
|
+
<div class="service__card__image">
|
130
|
+
<div class="service__card__image__price">$100</div>
|
131
|
+
<img width="223" height="198" src="https://dummyimage.com/223x198">
|
132
|
+
</div>
|
133
|
+
</a>
|
134
|
+
<a href="#">Creative Concept Business Card Design with Images</a>
|
135
|
+
<a href="#"><p class="caption__secondary">Business Card Design</p></a>
|
136
|
+
<div class="service__card__provider">
|
137
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
138
|
+
<img src="https://dummyimage.com/30x30">
|
139
|
+
</div>
|
140
|
+
<div am-grid-col="l:5:6">
|
141
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong>
|
142
|
+
</div>
|
143
|
+
</div>
|
144
|
+
</div>
|
145
|
+
<div class="service service__card" am-grid-col="l:3" am-grid-row="l:end">
|
146
|
+
<a href="#">
|
147
|
+
<div class="service__card__image">
|
148
|
+
<div class="service__card__image__price">$100</div>
|
149
|
+
<img width="223" height="198" src="https://dummyimage.com/223x198">
|
150
|
+
</div>
|
151
|
+
</a>
|
152
|
+
<a href="#">Creative Concept Business Card Design with Images</a>
|
153
|
+
<a href="#"><p class="caption__secondary">Business Card Design</p></a>
|
154
|
+
<div class="service__card__provider">
|
155
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
156
|
+
<img src="https://dummyimage.com/30x30">
|
157
|
+
</div>
|
158
|
+
<div am-grid-col="l:5:6">
|
159
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong>
|
160
|
+
</div>
|
161
|
+
</div>
|
162
|
+
</div>
|
163
|
+
</section>
|
164
|
+
|
165
|
+
<a class="button button--large s-small-below" am-grid-col="l:4 l:pre4" am-grid-row="l:start" href="#">View All Logo Designers</a>
|
166
|
+
|
167
|
+
<section class="profile__review__quote s-medium-below" am-grid-col="l:10 l:pre1">
|
168
|
+
<blockquote class="profile__review__box">
|
169
|
+
"Great work! Plan on having you do a flyer for my business here shortly as well. Great work, great communication."
|
170
|
+
</blockquote>
|
171
|
+
<strong>Adam Noonan</strong><span class="profile__review__purchase-count">has ordered 2 jobs</span>
|
172
|
+
</section>
|
173
|
+
|
174
|
+
<section class="th-size-medium" am-grid-col="l:10 l:pre1" am-grid-row="l:start">
|
175
|
+
<p class="th-align-center" am-grid-col="l:10:10">Envato Studio is part of the Envato network. Supporting over 4,000,000 digital creatives <br />
|
176
|
+
worldwide with sites including ThemeForest, Tuts+ and Envato Studio.</p>
|
177
|
+
<p class="th-align-center s-no-below" am-grid-col="l:10:10">
|
178
|
+
<a href="#">Dolor reprehenderit?</a>
|
179
|
+
<a href="#">Adipisicing vitae.</a>
|
180
|
+
<a href="#">Ipsum possimus.</a>
|
181
|
+
<a href="#">Adipisicing architecto.</a>
|
182
|
+
</p>
|
183
|
+
</section>
|
184
|
+
|
185
|
+
</section>
|
186
|
+
|
187
|
+
<div class="container">
|
188
|
+
<footer class="sub-footer">
|
189
|
+
<p class="th-align-center" am-grid-col="l:12">Copyright © 2014 Envato Studio. All Rights Reserved</p>
|
190
|
+
</footer>
|
191
|
+
</div>
|
192
|
+
</body>
|
193
|
+
</html>
|
data/index.html
CHANGED
@@ -20,6 +20,7 @@
|
|
20
20
|
<li class="nav__list__item__dropdown__item"><a href="examples/pages/testimonials.html" target="style_frame">Testimonials</a></li>
|
21
21
|
<li class="nav__list__item__dropdown__item"><a href="examples/pages/profile.html" target="style_frame">Profiles</a></li>
|
22
22
|
<li class="nav__list__item__dropdown__item"><a href="examples/pages/service.html" target="style_frame">Service</a></li>
|
23
|
+
<li class="nav__list__item__dropdown__item"><a href="examples/pages/logo_landing_page.html" target="style_frame" title="Logo Landing Page">LLP</a></li>
|
23
24
|
</ul>
|
24
25
|
</li>
|
25
26
|
</ul>
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: smock
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.121
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -130,6 +130,7 @@ files:
|
|
130
130
|
- app/assets/stylesheets/includes/_forms.sass
|
131
131
|
- app/assets/stylesheets/includes/_grid.sass
|
132
132
|
- app/assets/stylesheets/includes/_images.sass
|
133
|
+
- app/assets/stylesheets/includes/_layout_helpers.sass
|
133
134
|
- app/assets/stylesheets/includes/_layouts.sass
|
134
135
|
- app/assets/stylesheets/includes/_mixins.sass
|
135
136
|
- app/assets/stylesheets/includes/_molecules.sass
|
@@ -150,6 +151,7 @@ files:
|
|
150
151
|
- app/assets/stylesheets/modules/_metrics.sass
|
151
152
|
- app/assets/stylesheets/modules/_modal.sass
|
152
153
|
- app/assets/stylesheets/modules/_nav.sass
|
154
|
+
- app/assets/stylesheets/modules/_number-icon.sass
|
153
155
|
- app/assets/stylesheets/modules/_pagination.sass
|
154
156
|
- app/assets/stylesheets/modules/_profile.sass
|
155
157
|
- app/assets/stylesheets/modules/_search_filters.sass
|
@@ -356,6 +358,7 @@ files:
|
|
356
358
|
- examples/pages/explore_files/thumbnail_wordpress-1385019095.png
|
357
359
|
- examples/pages/explore_files/thumbnail_x-1379162338.jpg
|
358
360
|
- examples/pages/explore_files/tuts-plus-bd0affcfa95d86912384b5d39e923119.jpg
|
361
|
+
- examples/pages/logo_landing_page.html
|
359
362
|
- examples/pages/profile.html
|
360
363
|
- examples/pages/provider_profile_page_files/60x60_user_avatar.png
|
361
364
|
- examples/pages/provider_profile_page_files/KFZn1BJ0LYk(1).html
|
@@ -432,7 +435,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
432
435
|
version: '0'
|
433
436
|
segments:
|
434
437
|
- 0
|
435
|
-
hash:
|
438
|
+
hash: 872780057301046201
|
436
439
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
437
440
|
none: false
|
438
441
|
requirements:
|
@@ -441,7 +444,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
441
444
|
version: '0'
|
442
445
|
segments:
|
443
446
|
- 0
|
444
|
-
hash:
|
447
|
+
hash: 872780057301046201
|
445
448
|
requirements: []
|
446
449
|
rubyforge_project: smock
|
447
450
|
rubygems_version: 1.8.21
|