on master help sign in
Merge pull request #131 from francescanarea/application-form

Homepage banner, embedded airtable and other details

commit846a3d53df1c9ed562bbd097e17b79819a652646 authorJimmy <jyng02@gmail.com> dateFri 28 Jun 2019, 15:27 (7 years ago) parentc8b3cfccc8e3e3
6 files changed+76−44
content/hoonschool.md+1−1 static/assets/back-arrow.svg+3 templates/hoonschool.html+15−43 templates/index.html+1 templates/partials/top-alert.html+10 templates/sections/index.html+46
content/hoonschool.mdmode 100644 → 100755+1−1
@@ -3,7 +3,7 @@ title = "Hoon School"
33template = "hoonschool.html"
44+++
55
6−Interested in developing on Urbit? You’ll want to learn Hoon, a functional programming language that’s custom-designed for use with Arvo, the Urbit operating system. We want you to learn Hoon, too. That’s why we’re offering Hoon School: a free, asynchronous program that’s fully supported by an instructor. Hoon School is offered in the form of two courses: Hoon 101 and Hoon 201. Classes are offered four times a year, on a quarterly basis. Apply here.
6+Interested in developing on Urbit? You’ll want to learn Hoon, a functional programming language that’s custom-designed for use with Arvo, the Urbit operating system. We want you to learn Hoon, too. That’s why we’re offering Hoon School: a free, asynchronous program that’s fully supported by an instructor. Hoon School is offered in the form of two courses: Hoon 101 and Hoon 201. Classes are offered four times a year, on a quarterly basis. [<span class="blue60 underline">Apply here.</span>](#apply)
77
88Hoon 101 is a six-week, introductory-level course. It’s appropriate for motivated learners with no programming experience, and for those familiar with other programming languages. You’ll leave Hoon 101 with a strong understanding of the language’s fundamentals. Expect to devote four hours a week to this course. The next 101 class begins on Month Day.
99
static/assets/back-arrow.svgnew file+3
@@ -0,0 +1,3 @@
1+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2+<path d="M5.68537 11.1477L6.85582 9.97727L3.62287 6.75568H12.1399V5.0625H3.62287L6.85582 1.82955L5.68537 0.670454L0.446733 5.90909L5.68537 11.1477Z" fill="black"/>
3+</svg>
templates/hoonschool.htmlmode 100644 → 100755+15−43
@@ -2,12 +2,23 @@
22
33{% block content %}
44<!-- header -->
5−{% include "partials/navigation-special.html" %}
5+{% include "partials/navigation.html" %}
66<!-- content -->
77<div class="main-wrapper">
88 <div class="wrapper">
99 <div class="container container--fixed container--overflowed content-nav-container">
10− <nav class="content-nav"></nav>
10+ <nav class="content-nav">
11+ <a href = "{{ config.base_url }}">
12+ <ul class="list">
13+ <li>
14+ <img src="../assets/back-arrow.svg"/>
15+ </li>
16+ <li class = "pt2">
17+ <a href = "{{ config.base_url }}">Home</a>
18+ </li>
19+ </ul>
20+ </a>
21+ </nav>
1122 <div class="content-spacer"></div>
1223 </div>
1324 <div class="container ml8">
@@ -19,48 +30,9 @@
1930 <div class="pb8">
2031 {{ page.content | safe }}
2132 </div>
22− <h1>Apply</h1>
23− <form action="" method="post" id="hoonschool-application" name="hoonschool-application" class="validate form form--big" target="_blank" novalidate>
24− <div class="input-group">
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">
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− <textarea class="tlon-input mb4" name="experience" id="hoonschool-application__experience"></textarea>
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>
33+ <script src="https://static.airtable.com/js/embed/embed_snippet_v1.js"></script><iframe id="apply" class="airtable-embed airtable-dynamic-height w-full" src="https://airtable.com/embed/shr8bb15QPR3hfQpG?backgroundColor=teal" frameborder="0" height="1228"></iframe>
34+ </div>
5635 </form>
57−
58− <!--<form action="{{ config.base_url }}/php/airtable/hoonschool.php" method="POST">
59− Name: <input type="text" name="name" />
60− Age: <input type="text" name="age" />
61− <input type="submit" />
62− </form>-->
63−
6436 </article>
6537 </div>
6638 </div>
templates/index.htmlmode 100644 → 100755+1
@@ -1,6 +1,7 @@
11{% extends "base.html" %}
22
33{% block content %}
4+{% include "partials/top-alert.html" %}
45<div class="wrapper">
56 <div class="container">
67 <div class="no-side-nav-column">
templates/partials/top-alert.htmlnew file+10
@@ -0,0 +1,10 @@
1+{% block content %}
2+
3+<div class="bg-black z3 pv2 w-full mb4">
4+ <p class="white t-center mv0 ph8">
5+ Interested in developing on Urbit? Sign up for Hoon School!
6+ <a href="/hoonschool" class="white">Learn more</a>
7+ </p>
8+</div>
9+<!-- <div class="pv14"></div> -->
10+{% endblock content %}
templates/sections/index.htmlnew file+46
@@ -0,0 +1,46 @@
1+{% extends "base.html" %}
2+
3+{% block content %}
4+<div class="wrapper">
5+ <div class="container">
6+ <div class="no-side-nav-column">
7+ <h1 class="mt10">Urbit</h1>
8+ <p class="mb6">A personal server built from scratch.</p>
9+ <ul class="list">
10+ <li class="list__item">
11+ <h2>
12+ <a href="{{config.base_url ~ "/primer/"}}">
13+ Primer
14+ </a>
15+ </h2>
16+ <p class="mb6">
17+ A 10-minute read on what Urbit is and why it exists.
18+ </p>
19+ </li>
20+ <li class="list__item">
21+ <h2>
22+ <a href="{{config.base_url ~ "/posts/"}}">
23+ Posts
24+ </a>
25+ </h2>
26+ <p class="mb6">
27+ Regular updates, occasional essays and media.
28+ </p>
29+ </li>
30+ <li class="list__item">
31+ <h2>
32+ <a href="{{config.base_url ~ "/docs/"}}">
33+ Docs
34+ </a>
35+ </h2>
36+ <p class="mb6">
37+ Installation instructions and complete system documentation.
38+ </p>
39+ </li>
40+ </ul>
41+ <!-- footer -->
42+ {% include "partials/footer.html" %}
43+ </div>
44+ </div>
45+</div>
46+{% endblock content %}