Skip to content

Commit 5c0932f

Browse files
marishumanmarishuman
committed
Update to fix location section and overall style of Connect page
1 parent 2f766cf commit 5c0932f

3 files changed

Lines changed: 398 additions & 323 deletions

File tree

‎index.html‎

Lines changed: 179 additions & 169 deletions
Original file line numberDiff line numberDiff line change
@@ -2,61 +2,64 @@
22
<!-- home page ?-->
33
<html>
44

5-
<head> <!-- probably on all pages -->
6-
7-
<link rel="stylesheet" href="bootstrap-5.0.1-dist/css/bootstrap.css">
8-
<script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
9-
<link rel="stylesheet" href="style.css">
5+
<head>
6+
<!-- probably on all pages -->
7+
8+
<link rel="stylesheet" href="bootstrap-5.0.1-dist/css/bootstrap.css">
9+
<script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
10+
<link rel="stylesheet" href="style.css">
1011
</head>
1112

1213
<body>
13-
<!--nav bar with header and tabs-->
14-
<!-- nave bar should have click able drop downs-->
15-
<header>
16-
<a href = "index.html">
17-
<img class = "img-logo" src = "assets/logo.png" alt = "Local Connectivity Lab Logo">
18-
</a>
19-
<h1>
20-
<a id = "landing-link" href = "index.html"> Seattle Community Network </a>
21-
</h1>
22-
</header>
14+
<!--nav bar with header and tabs-->
15+
<!-- nave bar should have click able drop downs-->
16+
<header>
17+
<a href="index.html">
18+
<img class="img-logo" src="assets/logo.png" alt="Local Connectivity Lab Logo">
19+
</a>
20+
<h1>
21+
<a id="landing-link" href="index.html"> Seattle Community Network </a>
22+
</h1>
23+
</header>
2324

24-
<!--NAV BAR CODE-->
25-
<nav class="navbar navbar-expand-lg navbar-light bg-white">
26-
<div class="container-fluid">
27-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
28-
<span class="navbar-toggler-icon"></span>
29-
</button>
30-
<div class="collapse navbar-collapse" id="navbarText">
31-
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
32-
<li class="nav-item">
33-
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
34-
</li>
35-
<li class="nav-item">
36-
<a class="nav-link" href="aboutUs.html">About Us</a>
37-
</li>
38-
<li class="nav-item">
39-
<a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Learn More</a>
40-
</li>
41-
<li class="nav-item">
42-
<a class="nav-link" href="ourSites.html">Connect</a>
43-
</li>
44-
<li class="nav-item">
45-
<a class = "nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
46-
</li>
47-
<li class="nav-item">
48-
<a class="nav-link" href="donate.html">Donate</a>
49-
</li>
50-
<li class="nav-item">
51-
<a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/tech-help.html">Get Help</a> <!--dropdown-->
52-
</li>
53-
</ul>
54-
</div>
55-
</div>
56-
</nav>
25+
<!--NAV BAR CODE-->
26+
<nav class="navbar navbar-expand-lg navbar-light bg-white">
27+
<div class="container-fluid">
28+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
29+
aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
30+
<span class="navbar-toggler-icon"></span>
31+
</button>
32+
<div class="collapse navbar-collapse" id="navbarText">
33+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
34+
<li class="nav-item">
35+
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="nav-link" href="aboutUs.html">About Us</a>
39+
</li>
40+
<li class="nav-item">
41+
<a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Learn More</a>
42+
</li>
43+
<li class="nav-item">
44+
<a class="nav-link" href="ourSites.html">Connect</a>
45+
</li>
46+
<li class="nav-item">
47+
<a class="nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
48+
</li>
49+
<li class="nav-item">
50+
<a class="nav-link" href="donate.html">Donate</a>
51+
</li>
52+
<li class="nav-item">
53+
<a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/tech-help.html">Get Help</a>
54+
<!--dropdown-->
55+
</li>
56+
</ul>
57+
</div>
58+
</div>
59+
</nav>
5760

58-
<!-- BANNER -->
59-
<!--
61+
<!-- BANNER -->
62+
<!--
6063
<div class = "wave-container">
6164
<p> asdlf </p>
6265
<p>Check out my awesome waves!</p>
@@ -65,40 +68,40 @@ <h1>
6568
</svg>
6669
</div>
6770
-->
68-
<!--<img id = "banner" src = "assets/landing page banner.png"
71+
<!--<img id = "banner" src = "assets/landing page banner.png"
6972
alt = "Seattle Community Network Banner">-->
7073

71-
<div class="img-wrapper">
72-
<div class="parent">
73-
<!--<img id="banner" src="assets/landing page banner.png" />-->
74-
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
75-
<div class="carousel-inner">
76-
<div class="carousel-item active">
77-
<img src="assets/carousel1.png" class="d-block w-100" alt="...">
78-
</div>
79-
<div class="carousel-item">
80-
<img src="assets/carousel2.png" class="d-block w-100" alt="...">
81-
</div>
82-
<div class="carousel-item">
83-
<img src="assets/carousel3.png" class="d-block w-100" alt="...">
84-
</div>
85-
<div class="carousel-item">
86-
<img src="assets/carousel4.png" class="d-block w-100" alt="...">
87-
</div>
74+
<div class="img-wrapper">
75+
<div class="parent">
76+
<!--<img id="banner" src="assets/landing page banner.png" />-->
77+
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
78+
<div class="carousel-inner">
79+
<div class="carousel-item active">
80+
<img src="assets/carousel1.png" class="d-block w-100" alt="...">
81+
</div>
82+
<div class="carousel-item">
83+
<img src="assets/carousel2.png" class="d-block w-100" alt="...">
84+
</div>
85+
<div class="carousel-item">
86+
<img src="assets/carousel3.png" class="d-block w-100" alt="...">
87+
</div>
88+
<div class="carousel-item">
89+
<img src="assets/carousel4.png" class="d-block w-100" alt="...">
8890
</div>
8991
</div>
90-
<!--<img id="mask" src="assets/banner mask.png" />-->
9192
</div>
92-
93-
<!--<div class="overlay2">
93+
<!--<img id="mask" src="assets/banner mask.png" />-->
94+
</div>
95+
96+
<!--<div class="overlay2">
9497
<img id = "city-graphic" src = "assets/City Graphic.png" alt = "image of buildings">
9598
<h2 id="building-empowering"> Building. <br> Empowering.</h2>
9699
</div>-->
97-
</div>
98-
99-
100-
101-
<!--VOLUNTEER CAROSEL CODE
100+
</div>
101+
102+
103+
104+
<!--VOLUNTEER CAROSEL CODE
102105
<h2> Our Volunteers </h2>
103106
<div id="carouselExampleIndicators" class="carousel carousel-dark slide" data-bs-ride="carousel" carousel-control-color="#274B63">
104107
<!--<div class="carousel-indicators">
@@ -167,113 +170,120 @@ <h2> Our Volunteers </h2>
167170
</div>
168171
169172
-->
170-
173+
171174
<!-- city graphic-->
172-
<div class = "img-wrapper">
173-
<img id = "city-graphic" src = "assets/City Graphic.png" alt = "image of buildings">
174-
<div class = "overlay">
175-
<button onclick="location.href='https://docs.seattlecommunitynetwork.org/get-started.html'" type = "button" id="get-involved-button">
175+
<div class="img-wrapper">
176+
<img id="city-graphic" src="assets/City Graphic.png" alt="image of buildings">
177+
<div class="overlay">
178+
<button onclick="location.href='https://docs.seattlecommunitynetwork.org/get-started.html'" type="button"
179+
id="get-involved-button">
176180
Get Involved &rarr;
177181
</button>
178182
</div>
179183
</div>
180-
<!--about us section, tan background, -->
181-
<div class = "landing-tan" style = "margin-top: 100px;">
182-
<h2> Seattle Community Network </h2>
183-
<p>
184-
The Seattle Community Network (SCN) is a community-run cellular (4G LTE)
185-
Internet access network dedicated to providing fair access to underserved
186-
communities all across the Puget Sound.
187-
<br><br>
188-
Our project is firmly grounded in the principles of community empowerment.
189-
The network is a participatory construction, where local residents and
190-
institutions help each other in a collaborative and community-minded way.
191-
<br><br>
192-
To learn more, visit our
193-
<a href="https://docs.seattlecommunitynetwork.org">docs site</a>,
194-
read our most recent <a href = "https://tinyurl.com/scn-blog-2">blog post</a>,
195-
or follow us on social media @SeattleCommNet on Facebook, Twitter, LinkedIn,
196-
and Instagram! Refer to our
197-
<a href="https://tinyurl.com/SCNbrochureSPS5-4-22">brochure</a> or
198-
<a href="https://tinyurl.com/SCNflyerSPS5-4-22">flyer</a>
199-
for a printable version of our materials!
200-
</p>
201-
<button onclick="location.href='https://docs.seattlecommunitynetwork.org/'" type = "button" id="learn-more-button">
202-
About Us &rarr;
184+
<!--about us section, tan background, -->
185+
<div class="landing-tan" style="margin-top: 100px;">
186+
<h2> Seattle Community Network </h2>
187+
<p>
188+
The Seattle Community Network (SCN) is a community-run cellular (4G LTE)
189+
Internet access network dedicated to providing fair access to underserved
190+
communities all across the Puget Sound.
191+
<br><br>
192+
Our project is firmly grounded in the principles of community empowerment.
193+
The network is a participatory construction, where local residents and
194+
institutions help each other in a collaborative and community-minded way.
195+
<br><br>
196+
To learn more, visit our
197+
<a href="https://docs.seattlecommunitynetwork.org">docs site</a>,
198+
read our most recent <a href="https://tinyurl.com/scn-blog-2">blog post</a>,
199+
or follow us on social media @SeattleCommNet on Facebook, Twitter, LinkedIn,
200+
and Instagram! Refer to our
201+
<a href="https://tinyurl.com/SCNbrochureSPS5-4-22">brochure</a> or
202+
<a href="https://tinyurl.com/SCNflyerSPS5-4-22">flyer</a>
203+
for a printable version of our materials!
204+
</p>
205+
<button onclick="location.href='https://docs.seattlecommunitynetwork.org/'" type="button" id="learn-more-button">
206+
About Us &rarr;
207+
</button>
208+
</div>
209+
210+
<!-- MAP GO HERE-->
211+
<div>
212+
<h2> Get Involved </h2>
213+
<!--take breaks out later -->
214+
<br><br>
215+
<div class="flex-container">
216+
<button onclick="location.href='https://docs.seattlecommunitynetwork.org/get-started.html'" type="button"
217+
id="volunteer-learn-button">
218+
Volunteer & Learn &rarr;
203219
</button>
204-
</div>
205220

206-
<!-- MAP GO HERE-->
207-
<div>
208-
<h2> Get Involved </h2>
209-
<!--take breaks out later -->
210-
<br><br>
211-
<div class="flex-container">
212-
<button onclick="location.href='https://docs.seattlecommunitynetwork.org/get-started.html'" type = "button" id="volunteer-learn-button">
213-
Volunteer & Learn &rarr;
214-
</button>
215-
216-
<button onclick="location.href='ourSites.html'" type = "button" id="get-connected-button">
217-
Get Connected &rarr;
218-
</button>
219-
</div>
220-
<br>
221+
<button onclick="location.href='ourSites.html'" type="button" id="get-connected-button">
222+
Get Connected &rarr;
223+
</button>
221224
</div>
225+
<br>
226+
</div>
222227

223-
<!--CALENDAR OF UPCOMING EVENTS-->
224-
<div>
225-
<h2> Upcoming Events </h2>
226-
<iframe id = "calendar" src="https://calendar.google.com/calendar/embed?height=300&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=America%2FLos_Angeles&amp;src=Y19hMWhjOXVwMTBjOWs2YTNnNmYyb20zN2c2b0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&amp;color=%230B8043&amp;showTitle=0&amp;showPrint=0&amp;showCalendars=0"></iframe>
227-
</div>
228+
<!--CALENDAR OF UPCOMING EVENTS-->
229+
<div>
230+
<h2> Upcoming Events </h2>
231+
<iframe id="calendar"
232+
src="https://calendar.google.com/calendar/embed?height=300&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=America%2FLos_Angeles&amp;src=Y19hMWhjOXVwMTBjOWs2YTNnNmYyb20zN2c2b0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&amp;color=%230B8043&amp;showTitle=0&amp;showPrint=0&amp;showCalendars=0"></iframe>
233+
</div>
228234

229-
<!-- PARTNER LOGOS -->
230-
<div>
231-
<h2> Our Partners </h2>
232-
<p>
233-
The Seattle Community Network is a collaboration between many local
234-
organizations, sponsors, and collaborators throughout the Puget Sound
235-
area.
236-
</p>
237-
<img id = "partners-image" src = "assets/partners-edit-7-19.png" alt = "partners logos">
238-
</div>
235+
<!-- PARTNER LOGOS -->
236+
<div>
237+
<h2> Our Partners </h2>
238+
<p>
239+
The Seattle Community Network is a collaboration between many local
240+
organizations, sponsors, and collaborators throughout the Puget Sound
241+
area.
242+
</p>
243+
<img id="partners-image" src="assets/partners-edit-7-19.png" alt="partners logos">
244+
</div>
239245

240-
<!-- FOOTER -->
241-
<div class = "footer">
242-
<div class = "flex-container">
243-
<div class = "flex-item-left">
244-
<h3> Address </h3>
245-
<p class = "footer-text">
246-
3800 E Stevens Way NE, Seattle, WA 98195
247-
<br>
248-
lcl@seattlecommunitynetwork.org
249-
</p>
250-
<a href = "https://www.instagram.com/seattlecommnet/"><img class = "logo" src = "assets/IG_icon_circle.png" alt = "Instagram logo"></a>
251-
<a href = "https://twitter.com/SeattleCommNet"><img class = "logo" src = "assets/twitter_icon_circle.png" alt = "twitter logo"></a>
252-
<a href = "https://www.facebook.com/SeattleCommNet"><img class = "logo" src = "assets/facebook_icon_circle.png" alt = "Facebook logo"></a>
253-
<br><br>
254-
</div>
246+
<!-- FOOTER -->
247+
<div class="footer">
248+
<div class="flex-container">
249+
<div class="flex-item-left">
250+
<h3> Address </h3>
251+
<p class="footer-text">
252+
3800 E Stevens Way NE, Seattle, WA 98195
253+
<br>
254+
lcl@seattlecommunitynetwork.org
255+
</p>
256+
<a href="https://www.instagram.com/seattlecommnet/"><img class="logo" src="assets/IG_icon_circle.png"
257+
alt="Instagram logo"></a>
258+
<a href="https://twitter.com/SeattleCommNet"><img class="logo" src="assets/twitter_icon_circle.png"
259+
alt="twitter logo"></a>
260+
<a href="https://www.facebook.com/SeattleCommNet"><img class="logo" src="assets/facebook_icon_circle.png"
261+
alt="Facebook logo"></a>
262+
<br><br>
263+
</div>
255264

256-
<div class = "flex-item-left">
257-
<h3> Mission </h3>
258-
<p class = "footer-text">
259-
To facilitate community focused technology development and
260-
research in support of low-income, marginalized populations
261-
and groups.
262-
</p>
263-
</div>
265+
<div class="flex-item-left">
266+
<h3> Mission </h3>
267+
<p class="footer-text">
268+
To facilitate community focused technology development and
269+
research in support of low-income, marginalized populations
270+
and groups.
271+
</p>
272+
</div>
264273

265-
<div class = "flex-item-left">
266-
<button onclick="location.href='https://discord.gg/sZkK5RpeCE'" id = "subscribe-button">
267-
&nbsp; Join our Discord server &nbsp;
268-
</button>
269-
<br><br>
270-
<button onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'" id = "subscribe-button">
271-
Subscribe to Mailing List
272-
</button>
273-
</div>
274+
<div class="flex-item-left">
275+
<button onclick="location.href='https://discord.gg/sZkK5RpeCE'" id="subscribe-button">
276+
&nbsp; Join our Discord server &nbsp;
277+
</button>
278+
<br><br>
279+
<button
280+
onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'"
281+
id="subscribe-button">
282+
Subscribe to Mailing List
283+
</button>
274284
</div>
275285
</div>
286+
</div>
276287
</body>
277288

278-
</html>
279-
289+
</html>

0 commit comments

Comments
 (0)