git.iko.soy/urbit.org
on master help sign in
shifted to usage of the airtable api instead of embedding the form as I couldn't style the iframe
commitee3c122c74e50e528328a11bced7ba762c56f009 authorfriederjanmoerman <hijbrid@gmail.com> dateFri 21 Jun 2019, 18:33 (7 years ago) parenta8d9a72
2 files changed+43−3
compare with master
unifiedsplit
sass/_main.scss+9−2 templates/hoonschool.html+34−1
sass/_main.scss+9−2
@@ -269,12 +269,19 @@ iframe {
269269 max-width: 320px;
270270}
271271
272+.form--big {
273+ max-width: 390px;
274+ .btn {
275+ width: 100%;
276+ }
277+}
278+
272279/*
273280 * styling
274281 */
275282
276−textarea, input[type="text"], input[type="email"], input[type="number"] {
277− border: 2px solid #000;
283+textarea, input[type="text"], input[type="email"], input[type="number"], select {
284+ border: 1px solid #000;
278285 padding: 12px;
279286 width: 100%;
280287 outline: none;
templates/hoonschool.html+34−1
@@ -20,7 +20,40 @@
2020 {{ page.content | safe }}
2121 </div>
2222 <h1>Apply</h1>
23− <script src="https://static.airtable.com/js/embed/embed_snippet_v1.js"></script><iframe class="airtable-embed airtable-dynamic-height" src="https://airtable.com/embed/shr8bb15QPR3hfQpG?backgroundColor=teal" frameborder="0" onmousewheel="" width="100%" height="1106" style="background: transparent; border: 1px solid #ccc;"></iframe>
23+ <form action="" method="post" id="hoonschool-application" name="hoonschool-application" class="validate form form--big" target="_blank" novalidate>
24+ <div class="input-group text-mono">
25+ <div>
26+ <label class="form__label" for="first-name">First Name</label>
27+ <input class="required tlon-input mb4" type="text" name="first-name" id="hoonschool-application__first-name">
28+ </div>
29+ <div>
30+ <label class="form__label" for="last-name">Last Name</label>
31+ <input class="required tlon-input mb4" type="text" name="last-name" id="hoonschool-application__last-name">
32+ </div>
33+ <div>
34+ <label class="form__label" for="email">Email Address</label>
35+ <input class="required tlon-input mb4" type="email" name="email" id="hoonschool-application__email" placeholder="your@email.com">
36+ </div>
37+ <div>
38+ <label class="form__label" for="ship">Ship name (leave blank if you don't have an Urbit ship)</label>
39+ <input class="tlon-input mb4" type="text" name="ship" id="hoonschool-application__ship">
40+ </div>
41+ <div>
42+ <label class="form__label" for="class">What class are you applying for?</label>
43+ <select class="tlon-input mb4" id="hoonschool-application__class" name="class" selected="101">
44+ <option value="101">Hoon 101</option>
45+ <option value="201">Hoon 201</option>
46+ </select>
47+ </div>
48+ <div>
49+ <label class="form__label" for="class">Tell us about your experience with programming languages:</label>
50+ <input class="tlon-input mb4" type="text" name="experience" id="hoonschool-application__experience" placeholder="Tell us everything...">
51+ </div>
52+ <button id="hoonschool-application__submit" class="btn bg-black white" type="submit" name="submit">
53+ <span class="text-500">Submit</span>
54+ </button>
55+ </div>
56+ </form>
2457 </article>
2558 </div>
2659 </div>