forked from mooniak/stick-no-bills-font
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·212 lines (189 loc) · 7.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
---
layout: project_site
---
{% include html_start.html %}
<body>
<div style="height:100vh; background:#343434; color:#FFFFEF;">
<!-- Grid 1/2 -->
<div class="grid grid-pad">
<div class="col-1-2 mobile-col-1-2">
<div style="font-weight: 900;"class="content">
<h1>STICK <br>NO BILLS™ <br> Font</h1><br>
<h1>නවතිනු! <br> මේ අකුරු බලනු! </h1>
</div>
</div>
<div class="col-1-2 mobile-col-1-2">
<div style="font-weight: 200; font-size:40px;" class="content">
<h2 class='parking'>the bespoke libre font of Stick No Bills™ Poster Gallery in Galle, Sri Lanka.<br> By mooniak. </h2><br>
<h2 class='parking'>ඕනෙම දෙයක් තහනම් කරන්න, දැන් සිංහල ස්ටෙන්සිල් අකුරු රටාවක්..... </h2><br>
<h2 class='parking'>அறிவித்தல்களை அழகாகப் பதித்திட அற்புதமான ஒரு எழுத்துரு. இது உங்களுக்காக. </h2>
</div>
</div>
<div class="col-1-2 mobile-col-1-1">
<div class="content">
</div>
</div>
<div class="col-1-2 mobile-col-1-2 hide-on-mobile">
<div class="content">
</div>
</div>
</div>
</div>
<!-- Grid 2/3 and 1/3-->
<div class="grid grid-pad">
<div class="col-1-1">
<div class="content">
</div>
</div>
</div>
<div class="col-1-2 mobile-col-1-1">
<div class="content">
</div>
</div>
<div class="col-1-2 mobile-col-1-2 hide-on-mobile">
<div class="content">
</div>
</div>
</div>
<!-- Grid 1/3 -->
<div class="grid grid-pad">
<div class="col-1-3 mobile-col-1-3">
<div class="content alphabet">
<span style="font-weight: 900;">දැන්වීම් ඇලවීම තහනම් </span>
</div>
</div>
<div class="col-1-3 mobile-col-1-3">
<div style="font-weight: 300;" class="content alphabet">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</div>
</div>
<div class="col-1-3 mobile-col-1-3">
<div style="font-weight: 400;" class="content alphabet">
1234567890&.,?!@()#$%*+-=:;
</div>
</div>
</div>
<!-- Grid 1/3 -->
<div class="grid grid-pad">
<div class="col-1-3 mobile-col-1-3">
<div class="content alphabet">
<span style="font-weight: 900;">விளம்பரம் ஒட்ட வேண்டாம் </span>
</div>
</div>
<div class="col-1-3 mobile-col-1-3">
<div class="content alphabet">
<span class="italic"> abcdefghijklmnopqrstuvwxyz</span>
</div>
</div>
<div class="col-1-3 mobile-col-1-3">
<div class="content alphabet">
<span class="italic"> 1234567890&.,?!@()#$%*+-=:;</span>
</div>
</div>
</div>
<!-- Grid 2/3 and 1/3-->
<div class="grid grid-pad">
<div class="col-1-1">
<div class="content test" contentEditable="true">
-------------------------------------------
<br> FREEDOM TO EXPRESS!<span class="italic"> Type Anything here.</span>
</div>
</div>
</div>
<!-- Grid 1/3 -->
<div class="grid grid-pad">
<div class="col-1-3 mobile-col-1-3 push-1-3">
</div>
</div>
<div class="col-1-3 mobile-col-1-3 push-1-3">
<div class="content">
</div>
</div>
</div>
<!-- 8/12 and 4/12 layout -->
<div class="grid grid-pad">
<div class="col-4-12">
<div id='download'>
FREE <span class="italic"> & </span>LIBRE
<br>FONT!
</div>
</div>
<div class="col-8-12">
<div class="content description">
STICK NO BILLS - is the bespoke typeface of <a href="http://sticknobillsonline.com/"> Stick No Bills™ Poster Gallery</a> in Galle, <a href="http://en.wikipedia.org/wiki/Sri_Lanka">Sri Lanka.</a> Designed by <a href="http://mooniak.com">mooniak.</a>The first drawings were developed by Martyn Hodges for uppercase and numerals. mooniak worked on full revamp and a new lowercase design.
<br>
<br> This font is released under the SIL Open Font License. You can use it for any commericial or non commercial project, add, improve or change it. We have published all our process work too :). You can find the source files and documentation on GitHub.
</div>
<div class="content">
</div>
</div>
</div>
<!-- Grid 1/3 -->
<div class="grid grid-pad">
<div class="col-1-3 mobile-col-1-3">
<div class="content alphabet">
<h1 style="font-weight: 700;" >තහනම්! <br>BUY NOW!</h1> <span class="italic">postcards <br>posters <br> travel & film posters</span>
</div>
</div>
<div class="col-1-3 mobile-col-1-3">
<div class="content">
<h1>$456 <br><span style="font-weight: 700;" > #85 </span><br> £290 <br> <span style="font-weight: 700;" >தடை!</span></h1>
</div>
</div>
<div class="col-1-3 mobile-col-1-3">
<div style="font-weight: 700;" class="content">
<h1>STOP!<br> நிறுத்து!<br> NO PARKING. <br>~~~~ </h1>
</div>
</div>
</div>
<!-- Grid 2/3 and 1/3-->
<div class="grid grid-pad">
<div class="col-1-1">
<div class="content">
</div>
</div>
</div>
<!-- Grid 2/3 and 1/3-->
<div class="grid grid-pad">
<div class="col-1-1">
<div class="content">
</div>
</div>
</div>
<!-- Grid 1/4 -->
<div class="grid grid-pad">
<div class="col-1-4">
<div class="content button">
<a href='https://github.com/mooniak/post-no-bills-font/releases/latest'>download font</a>
</div>
</div>
<div class="col-1-4">
<div class="content button">
<a href='https://github.com/mooniak/post-no-bills-font/'>the sources</a>
</div>
</div>
<div class="col-1-4 hide-on-mobile">
<div class="content button">
<a href='http://blog.mooniak.com/tagged/sticknobillsfont'> see the process</a>
</div>
</div>
<div class="col-1-4 hide-on-mobile">
<div class="content button">
<a href='https://github.com/mooniak/post-no-bills-font/issues/new'> improve font</a>
</div>
</div>
</div>
<!-- Grid 2/3 and 1/3-->
<div class="grid grid-pad">
<div class="col-1-1">
<div class="content">
</div>
</div>
</div>
<!-- Grid 2/3 and 1/3-->
<div class="grid grid-pad">
<div class="col-1-1">
<div class="content">
</div>
</div>
</div>