-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (206 loc) · 9.98 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
---
layout: default
---
<link rel="stylesheet" href="/assets/styles/home.css" />
<script src="/assets/scripts/textrotator.js"></script>
<nav class="navbar is-dark is-hidden-touch" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/" id="navbar-logo">
<img src="/assets/images/navbar-logo.png">
</a>
</div>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
data-target="main navigation">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<div class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="#we">How We Can Help</a>
<a class="navbar-item" href="#team">Team</a>
<a class="navbar-item" href="#contact">Contact Us</a>
</div>
</div>
</div>
</nav>
<div class="container">
<div id="banner">
<div id="logo-box">
<img src="/assets/images/logo.png">
</div>
<span id="writing"></span>
</div>
<div class="columns is-variable is-3">
<div class="column is-two-thirds">
<div class="module">
<div class="title-box">
<a class="title" name="mission" href="#mission">Our Vision</a>
</div>
<p>
Smart Alley devotes itself to fostering a community space through the revitalization of neglected
alley spaces. We travel house to house, meeting with neighborhood communities and pitching
innovative ideas on how to restore their alleyways.
Shared goals, connection, and planning are often all that neighbors need to empower themselves and
work together to build both a stronger neighborhood and a stronger community.
</p>
</div>
</div>
<div class="column">
<div class="module">
<div class="title-box">
<a class="title" name="donate" href="#donate">Donate</a>
</div>
<p>Your donation will be allocated to funding community projects and highly appreciated by our team.</p>
<br />
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="currency_code" value="USD" />
<input type="submit" class="button is-dark is-fullwidth" name="submit" value="Donate"
alt="Donate with PayPal button" title="PayPal - The safer, easier way to pay online!" />
</form>
</div>
</div>
</div>
<div class="columns is-variable is-3">
<div class="column">
<div class="module" id="we">
<div class="title-box">
<a class="title" name="we" href="#we">We...</a>
</div>
<div class="columns">
<div class="column is-one-quarter">
<div class="horiz-center-item">
<img src="/assets/images/resources.jpeg">
</div>
</div>
<div class="column">
<div class="text-area">
<div class="title-box">
<span class="title">Provide Resources</span>
</div>
<p>
We want to make every new addition or transformation as easy as possible. By funding and
providing any resources necessary for community projects, we leave the creativity to
you. We will also petition the local city council for tasks such as renaming or repaving
your alley spaces. Whatever needs you would like met, we will make it our task to ensure
that they will be effectively carried out and you will not have to worry about it.
</p>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="text-area has-text-right">
<div class="title-box">
<span class="title">Collaborate & Organize</span>
</div>
<p>
Through the use of a message board, we hope to communicate with you and your community
members regularly in organizing projects or events in your neighborhoods. Hosting events
such as cleaning parties, barbeques, or art projects, will provide a time and place for
the neighborhood community to come together in an effort to clean up your alley spaces.
</p>
</div>
</div>
<div class="column is-one-quarter">
<div class="horiz-center-item">
<img src="/assets/images/collaborate.jpeg">
</div>
</div>
</div>
<div class="columns">
<div class="column is-one-quarter">
<div class="horiz-center-item">
<img src="/assets/images/implement.jpeg">
</div>
</div>
<div class="column">
<div class="text-area">
<div class="title-box">
<span class="title">Design & Implement</span>
</div>
<p>
By hearing what you desire, we can work with you to design any lively creations, such as
bench gardens or murals. After designing the creation, we will create and implement it
as an effort to brighten up your alley spaces. With these furnishings, we hope to make
your alley spaces feel like home, acting as a place where you can openly collaborate
with friends, family, and your community.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="columns is-variable is-3">
<div class="column">
<div class="module">
<div class="title-box">
<a class="title" name="team" href="#team">Team</a>
</div>
<div id="team">
{% for person in site.data.staff %}
<div class="card">
<div class="card-image">
<figure class="image is-4by3">
<img src="/assets/images/staff/{{ person.name | downcase | replace: ' ', '-' }}.jpg"
alt="{{ person.name }}">
</figure>
</div>
<div class="card-content">
<div class="content">
<span class="title is-4">{{ person.name }}</span>
<br />
<span class="is-6 role">{{ person.role }}</span>
<br />
<a class="is-6" href="mailto:{{ person.email }}">{{ person.email }}</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="columns is-variable is-3">
<div class="column">
<div class="module">
<div class="title-box">
<a class="title" name="contact" href="#contact">Contact Us</a>
</div>
<form action="https://formspree.io/[email protected]" method="POST">
<div class="field">
<label class="label">Name</label>
<div class="control">
<input class="input" type="text" placeholder="John Alleybuilder">
</div>
</div>
<div class="field">
<label class="label">Email</label>
<div class="control has-icons-left has-icons-right">
<input class="input" type="email" placeholder="[email protected]">
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
</div>
</div>
<div class="field">
<label class="label">Message</label>
<div class="control">
<textarea class="textarea"
placeholder="I want to improve my community with Smart Alley."></textarea>
</div>
</div>
<div class="field is-grouped">
<div class="control">
<input type="submit" value="Submit" class="button is-dark">
</div>
</div>
</form>
</div>
</div>
</div>
</div>