smock 0.1.120 → 0.1.121
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.
- 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
|