-
Notifications
You must be signed in to change notification settings - Fork 20
/
Copy pathindex.html
127 lines (120 loc) · 6.33 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
---
layout: default
description: Open Source San José is a diverse group of volunteers dedicated to making San José and South Bay a better place through civic technology.
verify_mastodon: true
styles: |
<link rel="stylesheet" href="./assets/css/index.min.css">
<link rel="stylesheet" href="./assets/css/projects.min.css">
scripts: |
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin="" />
<!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<script src="./assets/js/project-info-projects.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js">
</script>
---
<div id="home-hero">
<div id="home-hero-content">
<h1>Help Build Tech for a Better San José</h1>
<p>Uniting volunteer coders, designers, researchers, community members, & more in solving local issues</p>
<a id="home-hero-btn" href="./volunteer.html">Get Involved</a>
<a id="home-hero-btn" href="{{ site.contact.volunteer_signup_form }}">Volunteer Form</a>
</div>
</div>
<div class="text-content" id="home-about">
<h3>Who we are...</h3>
<p>
<strong>We are a nonprofit volunteer civic innovation</strong> organization welcoming
everyone interested in solving community problems in San José, California through technology, UX research, UI
designs, and community partnerships.
</p>
<h3>Our mission...</h3>
<p>Open Source San José is a diverse nonprofit volunteer group. Our mission is to make community services more transparent, accessible, and equitable by collaborating with local government and community-based organizations on civic projects to improve San José and the wider South Bay for everyone.</p>
<h3>Our Vision...</h3>
<p>Open Source San José seeks to be a key partner with the City of San José, other local governments, and local nonprofits in employing technological advancements to better serve its citizens. We want to be top of mind for these partners when they need a technical solution for their issues. With strong organization and leadership, we are able to quickly bring together volunteer resources and iterate fast on proposed solutions.</p>
<h3>What we do...</h3>
<p>We hold bi-monthly "civic hack nights in which our members work on a range of civic tech projects to improve
our community.</p>
<p>Not a member? Come on in! We onboard new members at every meeting.</p>
<p>Anyone can join! Technical skills are not required to contribute. Project managers, subject matter experts,
communications specialists, writers, researchers, community organizers, creatives, designers, developers, and
data scientists are all welcome!</p>
</div>
<div id="cta">
<div class="cta-card">
<i class="fas fa-5x fa-hands-helping"></i>
<a href="./volunteer.html">Get Involved</a>
<p>Share your skills with your community!</p>
</div>
<!-- <div class="cta-card">
<i class="fas fa-5x fa-hand-holding-heart"></i>
<a href="https://apply.codeforsanjose.org/donate"
target="_blank" rel="noref noopener">Donate</a>
<p>Help us keep the lights on and feed our volunteers!</p>
</div> -->
<!-- <div class="cta-card">
<i class="fas fa-5x fa-lightbulb"></i>
<a href="{{ site.contact.share_idea_form }}" target="_blank" rel="noref noopener">Submit Idea</a>
<p>Have an idea to help improve our community?</p>
</div> -->
</div>
<div id="our-work">
<div class="h2bar"></div>
<h2>Our Work</h2>
<div class="small-hero" id="our-work-img"></div>
<p class="sectn-subh">Look at what we're working on and get involved!</p>
<div id="modal-attach" class="projects">
</div>
<a href="./projects.html" id="see-more">+ See More</a>
</div>
<div id="sponsors">
<div class="h2bar"></div>
<h2>Thanks to our Sponsors</h2>
<p class="sectn-subh">Open Source San José enjoys the generous support of:</p>
<div id="sponsorLogo">
<h5>Our Volunteers</h5>
<img src="./assets/img/sponsor_logos/microsoft logo.png" alt="Microsoft Logo">
<img src="./assets/img/sponsor_logos/awesome foundation.png" alt="Awesome Foundation Logo">
</div>
<p class="text-content">Open Source San José is a 501(c)(3) nonprofit organization.
Our federal <abbr title="Employer Identification Number">EIN</abbr> is {{ site.ein }}.
Your generous donations are eligible for charitable deductions under Internal Revenue Code section 170.</p>
</div>
<div id="find-us">
<div class="h2bar"></div>
<h2>Find Us</h2>
<div class="text-content">
<p class="notify">Please see our Eventbrite page or join our Discord server for up-to-date details and registration links.</p>
<p>Open Source San José typically meets {{ site.hack_night.schedule -}}
{%- if site.hack_night.location %}
at {{ site.hack_night.location -}}
{%- if site.hack_night.address -%}
, {{ site.hack_night.address | split: "
" | join: ", " | strip -}}
{%- endif -%}
{%- endif -%}. Individual project teams may meet more regularly at other times.</p>
<p>Anyone can join! Technical skills are not required to contribute. We onboard new members at
every meeting.</p>
</div>
<div id="mapid">
</div>
</div>
<!-- MAPBOX SCRIPT -->
<script>
var mymap = L.map("mapid").setView([{{ site.hack_night.latitude }}, {{ site.hack_night.longitude }}], {{ site.hack_night.zoom }});
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
maxZoom: 18,
id: 'mapbox/streets-v11',
tileSize: 512,
zoomOffset: -1,
accessToken: 'pk.{{ site.mapbox }}'
}).addTo(mymap);
var marker = L.marker([{{ site.hack_night.latitude }}, {{ site.hack_night.longitude }}]).addTo(mymap);
marker.bindPopup("<span id='mapPopup'><b>{{ site.hack_night.location -}}</b><br>{{ site.hack_night.address | newline_to_br | strip_newlines }}</span>")
.openPopup();
</script>