-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
216 lines (191 loc) · 9.76 KB
/
index.html
File metadata and controls
216 lines (191 loc) · 9.76 KB
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
213
214
215
216
<!DOCTYPE html>
<meta charset="utf-8">
<title>The Geek Path</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arvo">
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="icon" href="artwork/favicon.png" type="image/png">
<meta name="description" content="A community manifesto">
<meta name="twitter:title" property="og:title" content="The Geek Path">
<meta name="twitter:url" property="og:url" content="https://thegeekpath.com">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@thegeekpath">
<meta name="twitter:description" property="og:description" content="A community manifesto">
<meta name="twitter:image" content="https://thegeekpath.com/artwork/thegeekpath.png">
<meta property="og:type" content="website">
<meta property="og:image" content="https://thegeekpath.com/artwork/thegeekpath.png">
<header>
<h1>The Geek Path</h1>
<p class="description">a community manifesto</p>
</header>
<main>
<img width="800" id="poster" src="artwork/thegeekpath.svg" alt="The Geek Path manifesto">
<p>
<a href="/artwork/thegeekpath.png" class="download" download="the_geek_path">Download manifesto</a>
</p>
<details>
<summary>View full text copy of the manifesto</summary>
<div class="text">
<p>In every one of us there lies a seed of geekiness.</p>
<p><strong>Be curious.</strong><br>
Dip our toes into that little thing that catches our attention.<br>
Ask questions. Read widely.<br>
Seek unfamiliar experiences. <br>
Explore the jungles of information.<br>
Marvel at the vastness of what can be learnt.</p>
<p><strong>Be open-minded.</strong><br>
Make friends from all backgrounds. Be humble.<br>
Be receptive to all feedback.<br>
Connect ideas from vastly different domains.<br>
Experiment.</p>
<p><strong>Be supportive.</strong><br>
Collaborate. Critique heartily. Be kind.<br>
Encourage a newcomer.<br>
Share our crafts with the community.</p>
<p><strong>Be dedicated.</strong><br>
Compose music. Design electronics. Tinker with toys. Program software. Cook meals.<br>
Persevere through the long process.<br>
Mistakes are natural.<br>
It is in the doing that we vastly improve our craft.</p>
<p><strong>Be bold.</strong><br>
Have the courage to pursue our ambitions. Dig deeper with every discovery.<br>
Take every little step, every little detail, every little desire, every little discomfort, every little joy into the journey that makes us who we truly are.</p>
<p><strong>Be geeks.</strong></p>
</div>
</details>
<p>
Anyone is welcome to make derivative art projects from the original design files.<br>
Available on <a href="https://github.com/engineersftw/thegeekpath">GitHub</a> as <a href="/artwork/thegeekpath.afdesign">Affinity Designer source file</a> and multiple formats;<br><a href="/artwork/thegeekpath.svg">SVG</a>, <a href="/artwork/thegeekpath.png">PNG</a>, <a href="/artwork/thegeekpath.pdf">PDF</a>, <a href="/artwork/thegeekpath.txt">TXT</a> and <a href="/artwork/thegeekpath.md">Markdown</a>.<br>
All creative works are dedicated to the Public Domain (<a href="https://creativecommons.org/publicdomain/zero/1.0">CC0</a>).
</p>
<p class="social">
Share on
<a href="http://www.facebook.com/sharer.php?u=https://thegeekpath.com">
<svg viewBox="0 0 16 16">
<title>Facebook</title>
<path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.48-1.195 1.18v1.54h2.39l-.31 2.42h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0"/>
</svg>
</a>
<a href="http://twitter.com/intent/tweet?text=The%20Geek%20Path%20https://thegeekpath.com">
<svg viewBox="0 1 16 13.5">
<path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.37-1.337.64-2.085.79-.598-.64-1.45-1.04-2.396-1.04-1.812 0-3.282 1.47-3.282 3.28 0 .26.03.51.085.75-2.728-.13-5.147-1.44-6.766-3.42C.83 2.58.67 3.14.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.41-.02-.61-.058.42 1.304 1.63 2.253 3.07 2.28-1.12.88-2.54 1.404-4.07 1.404-.26 0-.52-.015-.78-.045 1.46.93 3.18 1.474 5.04 1.474 6.04 0 9.34-5 9.34-9.33 0-.14 0-.28-.01-.42.64-.46 1.2-1.04 1.64-1.7z" />
</svg>
</a>
<a href="https://plus.google.com/share?url=https://thegeekpath.com">
<svg viewBox="0 2.5 16 11">
<path d="M5.09 7.273v1.745h2.89c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.19 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zm10.91 0h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.46V8.727H16"/>
</svg>
</a>
</p>
<figure id="wallpaper-section">
<canvas id="canvas"></canvas>
<img id="wallpaper" alt="">
<figcaption>
<p>This wallpaper is auto-generated based on your current device's screen resolution.</p>
<p><a id="download-wallpaper" download="wallpaper" href="#">Download wallpaper<br></a></p>
</figcaption>
</figure>
<div class="special-block">
<h2>Codified by the grassroots geek community of engineers, designers and makers from Singapore and beyond.</h2>
<ol class="contributors">
<li>Adeline Seah</li>
<li>Adnan Jalaludin</li>
<li><a href="http://greenissuessingapore.blogspot.sg/">Agatha Lee</a></li>
<li>Aizat Omar</li>
<li><a href="http://alyssaq.github.io">Alyssa Quek</a></li>
<li>Ambrose Chua</li>
<li>Angeline Tan</li>
<li>Aqilah Misuary</li>
<li><a href="https://twitter.com/audreylim77">Audrey Lim</a></li>
<li>Cathy Ooi</li>
<li>Dona Banerjee</li>
<li>Ei Wai</li>
<li>Fazli Mansor</li>
<li>Guo Xiang Tan</li>
<li>Hakim Hamid</li>
<li>Harish Pillay</li>
<li><a href="http://harishv.me/">Harish Venkatesan</a></li>
<li><a href="https://www.chenhuijing.com">Huijing Chen</a></li>
<li><a href="https://twitter.com/hxtan_">Hwee Xian Tan<a></li>
<li>Jia Hean</li>
<li><a href="https://twitter.com/madebyjw">Jian Wei</a></li>
<li><a href="https://twitter.com/shujinh">Jinny Wong</a></li>
<li>Joey Cheong</li>
<li>Juan Miguel Jimeno</li>
<li>Jurvis Tan</li>
<li>Kiruthika Curic</li>
<li><a href="https://twitter.com/gylim78">Leon Lim</a></li>
<li><a href="https://twitter.com/mbrochh">Martin Brochhaus</a></li>
<li>Melissa Tan</li>
<li>Min Ong</li>
<li>Natalie Tay</li>
<li>Navjot Pawera</li>
<li>Pui Kwan Lee</li>
<li>Rebeka Dune</li>
<li><a href="https://rolandturner.com/">Roland Turner</a></li>
<li>Saad Chinoy</li>
<li>Sahil Bajaj</li>
<li><a href="http://hacksan.com">Sam Hon</a></li>
<li>Sonia Saravanan</li>
<li><a href="https://twitter.com/thengleetan">Theng Lee Tan</a></li>
<li>Vina Rianti</li>
<li><a href="https://twitter.com/burnflare">Vishnu Prem</a></li>
<li>Wei Lu</li>
<li><a href="http://weimankow.com/">Weiman Kow</a></li>
<li>Winnie Lim</li>
<li><a href="https://github.com/engineersftw/thegeekpath/blob/master/.github/CONTRIBUTING.md">and you?</a></li>
</ol>
<p>Collated and designed by <a href="https://twitter.com/coderkungfu">Michael Cheng</a>, <a href="https://cheeaun.com/">Lim Chee Aun</a> and <a href="https://sayan.ee">Sayanee Basu</a>.</p>
</div>
</main>
<footer>
<p>
Send us your feedback <a href="https://twitter.com/thegeekpath">@thegeekpath</a> or pull requests on <a href="https://github.com/engineersftw/thegeekpath/issues">GitHub</a><br>
Made with 💞 by geeks, for geeks.
</p>
</footer>
<script>
var renderWallpaper = function(width, height){
var dpr = window.devicePixelRatio || 1;
var padding = 40;
var canvas = document.getElementById('canvas');
var wallpaper = document.getElementById('wallpaper');
var link = document.getElementById('download-wallpaper');
canvas.width = width * dpr;
canvas.height = height * dpr;
var ctx = canvas.getContext('2d');
ctx.fillStyle = '#F9F7E8';
ctx.fillRect(0, 0, canvas.width, canvas.height);
var img = document.getElementById('poster');
img.onload = function() {
var max = Math.min(canvas.width, canvas.height);
if (canvas.width/canvas.height >= img.width/img.height){
var h = canvas.height - padding*2;
var w = img.width/img.height*(h);
ctx.drawImage(img, (canvas.width-w)/2 - padding, padding, w, h);
} else {
var w = canvas.width - padding*2;
var h = img.height/img.width*(w);
ctx.drawImage(img, padding, (canvas.height-h)/2 - padding, w, h);
}
var dataURL = canvas.toDataURL();
wallpaper.src = link.href = dataURL;
link.setAttribute('data-dimensions', Math.round(width*dpr) + '×' + Math.round(height*dpr) + 'px - ' + Math.round((dataURL.length*3/4)/1000) + 'KB');
}
if (img.naturalWidth) setTimeout(img.onload, 100);
}
var screenWidth = screen.width, screenHeight = screen.height;
renderWallpaper(screenWidth, screenHeight);
window.onresize = function(){
if (screen.width == screenWidth && screen.height == screenHeight) return;
screenWidth = screen.width;
screenHeight = screen.height
renderWallpaper(screenWidth, screenHeight);
};
</script>
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-91412746-1','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>