Skip to content

Commit 746063f

Browse files
committed
new: add assets
1 parent 85e7494 commit 746063f

20 files changed

+465
-0
lines changed

assets/fonts/flaticon.css

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
@font-face {
2+
font-family: "Flaticon";
3+
src: url("flaticon.eot");
4+
src: url("flaticon.eot#iefix") format("embedded-opentype"),
5+
url("flaticon.woff") format("woff"),
6+
url("flaticon.ttf") format("truetype"),
7+
url("flaticon.svg") format("svg");
8+
font-weight: normal;
9+
font-style: normal;
10+
}
11+
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
12+
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
13+
font-family: Flaticon;
14+
font-size: 20px;
15+
font-style: normal;
16+
17+
}.flaticon-right-arrow:after {
18+
content: "\e000";
19+
}
20+
.flaticon-check-mark:before {
21+
content: "\e001";
22+
}
23+
.flaticon-delivery:before {
24+
content: "\e002";
25+
}
26+
.flaticon-left-arrow:before {
27+
content: "\e003";
28+
}
29+
.flaticon-shopping:before {
30+
content: "\e004";
31+
}

assets/fonts/flaticon.eot

2.07 KB
Binary file not shown.

assets/fonts/flaticon.html

Lines changed: 281 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,281 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Flaticon WebFont</title>
6+
<link rel="stylesheet" type="text/css" href="flaticon.css">
7+
<meta charset="UTF-8">
8+
<style>
9+
body {
10+
font-family: sans-serif;
11+
line-height: 1.5;
12+
font-size: 16px;
13+
padding: 20px;
14+
color:#333;
15+
}
16+
* {
17+
-moz-box-sizing: border-box;
18+
-webkit-box-sizing: border-box;
19+
box-sizing: border-box;
20+
margin: 0;
21+
padding: 0;
22+
}
23+
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
24+
font-family: Flaticon;
25+
font-size: 30px;
26+
font-style: normal;
27+
margin-left: 20px;
28+
color: #333;
29+
}
30+
.image p {
31+
font-size: 12px;
32+
margin: 0px;
33+
clear: none;
34+
width: 300px;
35+
line-height: 40px;
36+
}
37+
.text {
38+
float: left;
39+
font-size:14px;
40+
margin-top: 15px;
41+
}
42+
.text ul {
43+
margin-left:0px;
44+
color:#111;
45+
margin-bottom:20px;
46+
}
47+
.text .ex {
48+
font-size:12px;
49+
color:#666;
50+
margin-left:35px;
51+
display:block;
52+
}
53+
.text ul li {
54+
margin-top:10px;
55+
list-style:none;
56+
}
57+
.num {
58+
background:#66A523;
59+
color:#fff;
60+
border-radius:20px;
61+
padding:1px;
62+
display:inline-block;
63+
width:22px;
64+
height:22px;
65+
text-align:center;
66+
margin-right: 5px;
67+
}
68+
.text ul strong {
69+
font-weight:normal;
70+
color:#000;
71+
}
72+
.image {
73+
width: 280px;
74+
float: left;
75+
margin-bottom: 15px;
76+
margin-right: 30px;
77+
}
78+
#glyphs {
79+
clear: both;
80+
}
81+
.image p:nth-child(even) i {
82+
clear: none;
83+
}
84+
.glyph {
85+
display: inline-block;
86+
width: 120px;
87+
margin: 10px;
88+
text-align: center;
89+
vertical-align: top;
90+
background: #FFF;
91+
}
92+
.glyph .glyph-icon {
93+
padding: 10px;
94+
display: block;
95+
font-family:"Flaticon";
96+
font-size: 64px;
97+
line-height: 1;
98+
}
99+
.glyph .glyph-icon:before {
100+
font-size: 64px;
101+
color: #666;
102+
margin-left: 0;
103+
}
104+
.class-name {
105+
font-size: 12px;
106+
}
107+
.author-name {
108+
font-size: 10px;
109+
}
110+
a{
111+
color: #66A523;
112+
}
113+
.instructions {
114+
font-style:italic;
115+
font-size:22px;
116+
margin-bottom:10px;
117+
}
118+
.iconsuse {
119+
font-size:22px;
120+
font-style:italic;
121+
padding-top:20px;
122+
margin-top:20px;
123+
border-top:1px solid #bbb;
124+
}
125+
.usetitle {
126+
margin-bottom: 10px;
127+
font-size: 20px;
128+
font-style: italic;
129+
}
130+
.class-name:last-child {
131+
font-size: 10px;
132+
color:#888;
133+
}
134+
.class-name:last-child a {
135+
font-size: 10px;
136+
color:#555;
137+
}
138+
.class-name:last-child a:hover {
139+
color:#66A523;
140+
}
141+
.glyph > input {
142+
display: block;
143+
width: 100px;
144+
margin: 5px auto;
145+
text-align: center;
146+
font-size: 12px;
147+
cursor: text;
148+
}
149+
.glyph > input.icon-input {
150+
font-family:"Flaticon";
151+
font-size: 16px;
152+
margin-bottom: 10px;
153+
}
154+
h1.logo {
155+
font-size: 40px;
156+
letter-spacing: -1px;
157+
margin-top: -16px;
158+
text-transform: lowercase;
159+
border-bottom:1px solid #bbb;
160+
}
161+
h1.logo strong {
162+
font-size: 16px;
163+
font-family:sans-serif;
164+
font-weight:normal;
165+
color:#333;
166+
}
167+
h1.logo a {
168+
color:#34302d;
169+
text-decoration: none;
170+
}
171+
h1.logo a span {
172+
color:#66A523;
173+
}
174+
#footer {
175+
padding-top:40px;
176+
clear:both;
177+
text-align:center;
178+
}
179+
#footer a {
180+
color:#66A523;
181+
}
182+
textarea {
183+
margin: 0px;
184+
width: 800px;
185+
height: 150px;
186+
border: 1px solid #CCC;
187+
resize: none;
188+
background: #EEE;
189+
}
190+
.author-link, .attrDiv a{
191+
font-size: 12px;
192+
color: #333;
193+
text-decoration: none;
194+
}
195+
.external {
196+
display: block;
197+
}
198+
.attrDiv {
199+
font-size: 12px;
200+
}
201+
.attribution {
202+
border-top: 1px solid #AAA;
203+
margin: 10px 0;
204+
padding-top: 15px;
205+
}
206+
</style>
207+
</head>
208+
209+
<body>
210+
<header>
211+
<h1 class="logo">
212+
<a href="http://www.flaticon.com">
213+
<span>FLAT</span>ICON</a>
214+
<strong>Font Demo</strong>
215+
</h1>
216+
</header>
217+
218+
<section class="demo">
219+
<div class="text">
220+
221+
<div class="instructions">Instructions:</div>
222+
223+
<ul>
224+
<li>
225+
<p>
226+
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
227+
</li>
228+
<li>
229+
<p>
230+
<span class="num">2</span>Add the CSS link to your website source code on header.
231+
<br />
232+
<span class="ex">&lt;head&gt;
233+
<br/>...
234+
<br/>&lt;link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"&gt;
235+
<br/>...
236+
<br/>&lt;/head&gt;</span>
237+
</li>
238+
239+
<li>
240+
<p>
241+
<span class="num">3</span>Use the icon class on "display:inline" elements:
242+
<br />
243+
<span class="ex">Use example: &lt;i class=&quot;flaticon-airplane49&quot;&gt;&lt;/i&gt; or &lt;span class=&quot;flaticon-airplane49&quot;&gt;&lt;/span&gt;</span>
244+
</li>
245+
</ul>
246+
</div>
247+
248+
</section>
249+
250+
<section id="glyphs"><div class="glyph">
251+
<div class="glyph-icon flaticon-right-arrow"></div>
252+
<div class="class-name">.flaticon-right-arrow</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/arrow-angle-pointing-to-right_59421">Freepik</a></div></div><div class="glyph">
253+
<div class="glyph-icon flaticon-check-mark"></div>
254+
<div class="class-name">.flaticon-check-mark</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/check-mark-black-outline_33281">Freepik</a></div></div><div class="glyph">
255+
<div class="glyph-icon flaticon-delivery"></div>
256+
<div class="class-name">.flaticon-delivery</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/delivery-truck_31520">Freepik</a></div></div><div class="glyph">
257+
<div class="glyph-icon flaticon-left-arrow"></div>
258+
<div class="class-name">.flaticon-left-arrow</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/left-arrow-angle_60573">Freepik</a></div></div><div class="glyph">
259+
<div class="glyph-icon flaticon-shopping"></div>
260+
<div class="class-name">.flaticon-shopping</div><div class="author-name">Author: <a href="http://www.flaticon.com/free-icon/shopping-cart-symbol-for-e-commerce_34387">SimpleIcon</a></div></div></section>
261+
262+
<section class="attribution">
263+
264+
<div class="usetitle">License and attribution:</div><div class="attrDiv">Font generated by <a href="http://www.flaticon.com">flaticon.com</a>
265+
under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY</a>. The authors are: <a href="http://www.freepik.com">Freepik</a>, <a href="http://www.simpleicon.com">SimpleIcon</a>.</div><div class="usetitle">Copy the Attribution License:</div>
266+
267+
<textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;http://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;
268+
under &lt;a href=&quot;http://creativecommons.org/licenses/by/3.0/&quot;&gt;CC BY&lt;/a&gt;. The authors are: &lt;a href=&quot;http://www.freepik.com&quot;&gt;Freepik&lt;/a&gt;, &lt;a href=&quot;http://www.simpleicon.com&quot;&gt;SimpleIcon&lt;/a&gt;.</textarea>
269+
270+
</section>
271+
272+
<section class="iconsuse">
273+
<div class="usetitle">Examples:</div>
274+
<div class="image"><p>&lt;i class=&quot;flaticon-right-arrow&quot;&gt;&lt;/i&gt; <i class="flaticon-right-arrow"></i></p><p>&lt;i class=&quot;flaticon-check-mark&quot;&gt;&lt;/i&gt; <i class="flaticon-check-mark"></i></p><p>&lt;i class=&quot;flaticon-delivery&quot;&gt;&lt;/i&gt; <i class="flaticon-delivery"></i></p><p>&lt;i class=&quot;flaticon-left-arrow&quot;&gt;&lt;/i&gt; <i class="flaticon-left-arrow"></i></p><p>&lt;i class=&quot;flaticon-shopping&quot;&gt;&lt;/i&gt; <i class="flaticon-shopping"></i></p></div>
275+
</section>
276+
<div id="footer">
277+
<div>Generated by <a href="http://www.flaticon.com">flaticon.com</a>
278+
</div>
279+
</div>
280+
</body>
281+
</html>

assets/fonts/flaticon.svg

Lines changed: 3 additions & 0 deletions
Loading

assets/fonts/flaticon.ttf

1.91 KB
Binary file not shown.

assets/fonts/flaticon.woff

1.38 KB
Binary file not shown.

assets/icons/map_icons/clip_mask.svg

Lines changed: 10 additions & 0 deletions
Loading
40.4 KB
Binary file not shown.
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3+
<plist version="1.0">
4+
<dict>
5+
<key>app</key>
6+
<string>com.bohemiancoding.sketch3</string>
7+
<key>build</key>
8+
<integer>8054</integer>
9+
<key>commit</key>
10+
<string>b2079fe10151ad0eef6cc553b7369ec78d67b9b5</string>
11+
<key>fonts</key>
12+
<array/>
13+
<key>length</key>
14+
<integer>41358</integer>
15+
<key>version</key>
16+
<integer>37</integer>
17+
</dict>
18+
</plist>
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
37

0 commit comments

Comments
 (0)