-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
339 lines (312 loc) · 16.6 KB
/
contact.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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact | Coding Cabin</title>
<link rel="shortcut icon" href="https://64.media.tumblr.com/avatar_5766c7a243de_128.pnj" />
<link rel="stylesheet" href="css/main.min.css" />
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css" />
<!--[if (lt IE 9)
]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/min/tiny-slider.helper.ie8.js"></script
><![endif]-->
</head>
<body class="permalink-page">
<a href="#main" class="skip-link">Jump directly to main content</a>
<header class="nav">
<div class="nav__inner">
<div class="nav__inner--logo" aria-label="Coding Cabin Logo">
<img role="presentation" src="https://64.media.tumblr.com/avatar_5766c7a243de_128.pnj" alt="" />
</div>
<nav role="navigation" class="nav__inner--links" aria-label="Primary Navigation">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/members">Members</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/awards">Coding Awards</a></li>
<li><a href="/blog.html">Blog</a></li>
<li class="btn-follow">
<a role="button" tabindex="0" href="https://tumblr.com/follow/{name}">Follow Us</a>
</li>
<li class="btn-dark">
<a href="#" aria-label="Dark mode"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"
width="15" height="15">
<path
d="M7.5 1.5v-1m0 13.99v-.998m6-5.997h1m-13 0h-1m2-4.996l-1-1m12 0l-1 1m-10 9.993l-1 1m12 0l-1-1m-2-4.997a2.999 2.999 0 01-3 2.998 2.999 2.999 0 113-2.998z"
stroke="currentColor" stroke-linecap="square"></path>
</svg></a>
</li>
</ul>
</nav>
<nav role="navigation" class="nav__inner--mobile" aria-label="Primary Mobile Navigation">
<button aria-label="Button mobile navigation" aria-expanded="false">
<svg role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
<ul class="wrapper__mobile">
<li class="close-btn">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
<div class="sr-only">Close</div>
</a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/members">Members</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/awards">Coding Awards</a></li>
<li class="btn-follow">
<a role="button" tabindex="0" href="https://tumblr.com/follow/{name}">
<span>Follow Us</span>
</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="wrapper">
<header class="hero">
<div class="hero__inner">
<h1 class="hero__heading">Contact page</h1>
<ul class="hero__breadcrumbs">
<li><a href="/">Home</a></li>
<li><a href="#">Page</a></li>
<li class="is-current"><a href="#">Contact page</a></li>
</ul>
</div>
</header>
<section class="wrapper__contact">
<div class="container-grid">
<a href="#general" class="grid-contact">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height=64" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-book-open">
<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
<path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
</svg>
<h2>General</h2>
</a>
<a href="#info" class="grid-contact">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-alert-circle">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="12"></line>
<line x1="12" y1="16" x2="12.01" y2="16"></line>
</svg>
<h2>Information</h2>
</a>
<a href="#awards" class="grid-contact">
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-award">
<circle cx="12" cy="8" r="7"></circle>
<polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline>
</svg>
<h2>Coding Awards</h2>
</a>
</div>
<div class="container-section">
<div class="container-section__grid" id="general">
<div class="grid-heading">
<h1>General</h1>
</div>
<div class="grid-content">
<h2>I would like to learn how to code; do you guys know of any resources? How/Where did you guys learn how
to code?</h2>
<p>Most of our members learned to code through a combination of <a
href="https://www.codecademy.com/catalog/subject/all" target="_blank">Codecademy</a>, <a
href="https://www.w3schools.com/" target="_blank">W3Schools</a>, and tweaking existing Tumblr themes.
After that, we consult <a href="https://www.google.com/" target="_blank">Google</a> and <a
href="https://stackoverflow.com/" target="_blank">Stack Overflow</a> when we have questions, run into
problems, or wish to try something new.</p>
</div>
</div>
<div class="container-section__grid" id="info">
<div class="grid-heading">
<h1>Information</h1>
</div>
<div class="grid-content">
<h2>Can I join? How do I join?</h2>
<p><strong>There are 2 requirements:</strong></p>
<ol>
<li>You must have at least one code released. It may be a theme, page, update tab, etc. There is no
quality standard it must meet. Make sure we can find it.</li>
<li>Reblog the <a
href="http://codingcabin.tumblr.com/post/176169840747/because-the-theme-making-community-deserves-to"
target="_blank">Coding Cabin introduction post</a>.</li>
</ol>
<p>Send us a message asking for a link to join the server if/when you’ve met both!</p>
<hr>
<p><b>UPDATE (6/11/2020):</b> You can now join Coding Cabin without having released any themes yet. <a
href="https://codingcabin.tumblr.com/post/620617333082341376/coding-cabin-may-have-been-a-bit-inactive-lately">View
this post to find out more.</a></p>
</div>
<div class="grid-content">
<h2>I want to join but I haven't released any themes of my own yet. Can you make an exception?</h2>
<div class="alert-info">
<svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="30" height="30">
<path
d="M7 4.5V5h1v-.5H7zm1-.01v-.5H7v.5h1zM8 11V7H7v4h1zm0-6.5v-.01H7v.01h1zM6 8h1.5V7H6v1zm0 3h3v-1H6v1zM7.5 1A6.5 6.5 0 0114 7.5h1A7.5 7.5 0 007.5 0v1zM1 7.5A6.5 6.5 0 017.5 1V0A7.5 7.5 0 000 7.5h1zM7.5 14A6.5 6.5 0 011 7.5H0A7.5 7.5 0 007.5 15v-1zm0 1A7.5 7.5 0 0015 7.5h-1A6.5 6.5 0 017.5 14v1z"
fill="currentColor"></path>
</svg>
<div class="alert-info__inner">
<b>UPDATE (6/11/2020):</b> You can now join Coding Cabin without having released any themes yet. <a
href="https://codingcabin.tumblr.com/post/620617333082341376/coding-cabin-may-have-been-a-bit-inactive-lately">View
this post to find out more.</a>
</div>
</div>
<p>We’re so happy to know you’d like to join our server!</p>
<p>Unfortunately, our main requirement is to have at least one code released. We hope you understand why
we can’t open exceptions; if we do it once, we’d be obligated to grant entry for anyone who asked, even
if they don’t meet the criteria we set for the server.</p>
<p>We’re looking forward to seeing your first code though! We hope you’ll join us then!</p>
</h2>
</div>
<div class="grid-content">
<h2>What is the dynamic of the server like? How active are the members, and how active are members expected
to be?
</h2>
<!-- <p>The Cabin has peaks. This means that there will be times when a lot of people are active and talking, and times when barely anyone says anything and is just there.</p> -->
<p>The dynamic in Coding Cabin’s server is quite good, though. We’re a group of very friendly people and we
try to welcome every member the same way. We don’t differentiate between long-term members and new
members; if you’re in Coding Cabin, you’re one of us even if you’re there for only ten minutes!</p>
<p>There are very different ages as well, so there’s big respect when it comes to how active you are. For
example, if you have a family to take care of or if you simply need some time away, we totally understand
and we won’t be angry or judge you for it. Even if you aren’t in any of these situations and simply don’t
feel like talking, that’s alright too!</p>
<p><a
href="http://codingcabin.tumblr.com/post/182787869287/hi-ive-been-considering-joining-coding-cabin-for"
target="_blank">You can find a detailed answer here.</a></p>
</div>
<div class="grid-content">
<h2>Do members make collaboration themes here, or is this more of just a network.
</h2>
<p>This is more of a network, but as with all networks, members may team up to release collaborative themes.
</p>
</div>
</div>
<div class="container-section__grid" id="awards">
<div class="grid-heading">
<h1>Coding Awards</h1>
</div>
<div class="grid-content">
<h2>What are the Coding Awards?</h2>
<p>Coding Cabin's Coding Awards is a competition organized by suiomi and annasthms with the goal to promote
creativity and web-design good-practices through fun challenges</p>
<p>This competition will be on-going throughout the year and it will be made of fun coding challenges that
everyone is welcome to participate in!</p>
</div>
<div class="grid-content">
<h2>How can I participate?</h2>
<ol>
<li>Reblog the challenge's post.</li>
<li>Either <a href="http://codingcabin.tumblr.com/submit" target="_blank">submit your theme to us</a> or
tag it with #codingawards and/or the challenge’s tag.</li>
<li>On your entry's post, make sure to mention that it was made for this competition and link it to <a
href="http://codingcabin.tumblr.com/awards" target="_blank">the Coding Awards’ informational page</a>.
</li>
</ol>
</div>
<div class="grid-content">
<h2>How do I know if my entry has been received?</h2>
<p>If we have received your entry, it will show up on <a href="http://codingcabin.tumblr.com/entries"
target="_blank">this page</a>. If a period of time has passed since you posted your entry and it is not
on the page, double check that all the participation requirements have been met and <a
href="http://codingcabin.tumblr.com/submit" target="_blank">submit it to us</a> again. If you are unsure
if the requirements have been met, feel free to message us for help.</p>
</div>
<div class="grid-content">
<h2>When will the winners of the ____ challenge be announced?</h2>
<p>We will try to announce the winners within a week of the challenge’s end date.</p>
</div>
<div class="grid-content">
<h2>Can only members win?</h2>
<p>Anyone can participate and anyone’s got a chance to win!</p>
<p>Our challenges are <b>not</b> exclusive to Coding Cabin members!</p>
</div>
</div>
<div class="container-section__grid" id="ask">
<div class="grid-heading">
<h1>The ask and submit boxes.</h1>
</div>
<div class="grid-content is-big">
<p>If your question still hasn't been answered yet, send it down below.</p>
<br />
<h3>Ask</h3>
<iframe frameborder="0" scrolling="no" src="https://www.tumblr.com/ask_form/codingcabin.tumblr.com"
style="background-color: transparent; overflow: hidden; height: 254px;" id="ask_form"></iframe>
<h3>Submit</h3>
<iframe frameborder="0" scrolling="no" id="submit_form"
src="https://www.tumblr.com/submit_form/codingcabin.tumblr.com"
style="background-color: transparent; overflow: hidden; height: 490px;"></iframe>
</div>
</div>
</div>
</section>
</main>
<footer class="footer" role="contentinfo">
<div class="footer__inner">
<div class="footer__inner--grid">
<h2>Quick Links</h2>
<ul aria-label="A group of quick links">
<li><a href="/faqs">Frequently Asked Question</a></li>
<li><a href="/rss">RSS</a></li>
<li><a href="/credits">Credits</a></li>
<li><a href="/members">Members</a></li>
<li><a href="/tagged/answered">Answered</a></li>
</ul>
</div>
<div class="footer__inner--grid">
<h2>Affiliates</h2>
<figure role="group" aria-labelledby="affiliates" class="footer__inner--grid__groupimg">
<figcaption id="affiliates" class="sr-only">
The lists of affiliates respectively
</figcaption>
<figure role="group" aria-labelledby="fig1">
<a href="https://margotofrph.tumblr.com" aria-label="Margot of RPH">
<img src="https://api.tumblr.com/v2/blog/margotofrph.tumblr.com/avatar/96" alt="" />
</a>
<figcaption id="fig1" class="sr-only">Margot of RPH</figcaption>
</figure>
<figure role="group" aria-labelledby="fig2">
<a href="https://paletteworld.tumblr.com" aria-label="Pallete World">
<img src="https://api.tumblr.com/v2/blog/paletteworld.tumblr.com/avatar/96" alt="" /></a>
<figcaption id="fig2" class="sr-only">Pallete World</figcaption>
</figure>
<figure role="group" aria-labelledby="fig3">
<a href="https://yeahps.tumblr.com" aria-label="Yeah PS">
<img src="https://api.tumblr.com/v2/blog/yeahps.tumblr.com/avatar/96" alt="" />
</a>
<figcaption id="fig3" class="sr-only">Yeah PS</figcaption>
</figure>
</figure>
</div>
<div class="footer__inner--grid">
<h2>Cabin Content</h2>
<ul aria-label="A group of cabin content links" class="capsule-links">
<li><a href="/tagged/cabin themes">Themes</a></li>
<li><a href="/tagged/cabin pages">Pages</a></li>
<li><a href="/tagged/cabin widgets">Widgets</a></li>
<li><a href="/tagged/cabin resources">Resources</a></li>
<li><a href="/tagged/cabin icons">Icons</a></li>
</ul>
</div>
</div>
<div class="footer__copyright">
Copyright © CodingCabin. Powered by Tumblr
</div>
</footer>
<script src="js/navigation.js"></script>
</body>
</html>