-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathDropInProgramming.html
More file actions
170 lines (139 loc) · 7.92 KB
/
DropInProgramming.html
File metadata and controls
170 lines (139 loc) · 7.92 KB
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
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="ISO-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property='og:title' content='Our Curriculum'/>
<meta property='og:image' content='img/LogoLink.png'/>
<meta property='og:description' content='The basic Respect(Ed) curriculum consists of four presentations, each designed to last one class period. Each presentation covers a different topic: Sexual Harassment and Assault, Consent and Healthy Relationships, Sexuality and Gender, and Normalized Violence and Bystander Intervention. '/>
<meta name="description" content="The basic Respect(Ed) curriculum consists of four presentations, each designed to last one class period. Each presentation covers a different topic: Sexual Harassment and Assault, Consent and Healthy Relationships, Sexuality and Gender, and Normalized Violence and Bystander Intervention. ">
<meta name="keywords" content="students, peer education, peer, education, schools, consent, sexuality, gender">
<meta name="image" content="img/LogoLink.png"/>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
<link rel="stylesheet" type="text/css"
href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/Education.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Favicon Files/Styling generated with help from https://realfavicongenerator.net-->
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<link rel="manifest" href="favicons/site.webmanifest">
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<title>Drop-In Programming</title>
</head>
<body>
<script type="text/javascript" src="includes/webMenuBar.js"></script>
<script type="text/javascript" src="includes/smallWebMenuBar.js"></script>
<script type="text/javascript">
document.getElementById("SexEdMenuButton").classList.add("active");
</script>
<div class="row">
<!-- Sidebar Navigation -->
<div class="column left">
<ul class="SideMenu">
<li class="SideMenuItem"><a href="SexEd">SEX(ED)</a></li>
<li class="SideMenuItem"><a href="LeadershipInstitute">LEADERSHIP INSTITUTE</a></li>
<li class="SideMenuItem"><a class="active" href="DropInProgramming">DROP-IN PROGRAMMING</a></li>
<li class="SideMenuItem"><a href="GuideBook">GUIDE BOOK</a></li>
</ul>
<!-- Donate Button -->
<div class="sidebarBlock" onclick="window.location='https://secure.actblue.com/donate/respect-ed';">
<img class="DonateImage" src='img/donate_sidebar.png' onmouseover="this.src='img/donate_sidebar_selected.png';" onmouseout="this.src='img/donate_sidebar.png';" />
</div>
</div>
<div id = "smallSideMenu" class = "smallSideMenu">
<i class="smallSideIcon fa fa-bars" aria-hidden="true"></i>
<p class="smallSideText">DROP-IN PROGRAMMING</p>
</div>
</div>
<div class="column right eduColRight">
<h2 class="sectionTitle">Drop-In Programming</h2>
<h3 class="EduSubtitle">Community Discussion Space</h3>
<p class="sectionText">
Drop by our Zoom meetings every second Saturday and last
Wednesday of the month at 2-3pm to spend time chatting with
your peers about various sexuality topics. We hope these
discussions can provide a space to not only learn but also
build community with other young people during the times of COVID.
<br><br>
Invite a friend, cozy up with your computer and a snack, and let
us know how your quarantine has been going.
<br><br>
You can find our upcoming discussion times and topics listed on our
<a href="Events">events calendar</a>
</p>
<div id="SexEdButtonsDiv">
<button class="SexEdButtons" onclick="window.location.href='https://forms.gle/oqju4CiKfqidTJQD7'">Join the next discussion!</button>
</div>
<br><br>
<h3 class="EduSubtitle">Workshops</h3>
<p class="sectionText">
At Sex(Ed) workshops, you’ll have the opportunity to learn more
about specific sexuality topics you’re curious about. Organized
and presented by peer educators, program directors, and youth
leaders, workshops will be webinar-style, with plenty of
opportunity for questions and discussion.
</p>
<div id="SexEdButtonsDiv">
<button class="SexEdButtons" onclick="window.location.href='https://forms.gle/oqju4CiKfqidTJQD7'">Join the next workshop!</button>
</div>
<br><br>
<p class="sectionText">
Workshop topics could include mandatory
reporting, bystander intervention, restorative justice, Title IX rights,
and more! You can find our upcoming workshop times and topics listed on
our <a href="Events">events calendar</a>
<br><br>
Have an idea for a workshop? Let us know what you’d like to learn about:
</p>
<div class="suggestIdea">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScmfz5lPuHehjwCvZQjV4mh9OAa0L0VbUB4I0DH8jyALONcNg/viewform?embedded=true" width="100%" height="400" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</div>
<!-- Bottom Menu -->
<script type="text/javascript" src="includes/footer.js"></script>
<div id="popupSideMenu" class="popupSideMenu">
<div class="popupSideMenuContent">
<div class="SideMenuItemBlock">
<ul class="PopUpSideMenu">
<li onclick="window.location.href='SexEd'" class="PopUpSideMenuItem"><a href="SexEd">SEX(ED)</a></li>
<li onclick="window.location.href='LeadershipInstitute'" class="PopUpSideMenuItem"><a href="LeadershipInstitute">LEADERSHIP INSTITUTE</a></li>
<li onclick="window.location.href='DropInProgramming'" class="PopUpSideMenuItem SmallSideItemactive"><a class="SmallSideMenuactive" href="DropInProgramming">DROP-IN PROGRAMMING</a></li>
<li onclick="window.location.href='GuideBook'" class="PopUpSideMenuItem"><a href="GuideBook">GUIDE BOOK</a></li>
</ul>
<!-- <div class="PopUpsidebarBlock" onclick="window.location='https://secure.actblue.com/donate/respect-ed';">
<div class="PopUpsidebarImage PopUpdonationImage"></div>
<h3> Support Respect(Ed)! </h3>
<p> Your donation helps students bring essential and effective consent education into their classrooms. </p>
</div>-->
</div>
</div>
</div>
<script>
var popupButton = document.getElementById("smallSideMenu");
popupButton.addEventListener("click", function() {
/*document.getElementById("wrapper").style.display='block';*/
document.getElementById("popupSideMenu").style.display='block';
document.getElementById("popupSideMenu").style.height=document.body.scrollHeight+"px";
})
var fadedPage = document.getElementById("popupSideMenu");
fadedPage.addEventListener("click", function() {
/*document.getElementById("wrapper").style.display='none';*/
document.getElementById("popupSideMenu").style.display='none';
})
var closeButton = document.getElementById("SideMenuclose");
closeButton.addEventListener("click", function() {
/*document.getElementById("wrapper").style.display='none';*/
document.getElementById("popupSideMenu").style.display='none';
})
</script>
<script type="text/javascript" src="includes/mobileMenu.js"></script>
</body>
</html>