-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
170 lines (162 loc) · 9.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Abortion access information and resources">
<meta name="keywords" content="abortion roevwade abortion-access abortion-pill abortion-help abortion-funding find-abortion">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The A Finder</title>
<!-- external Fonts link -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<!-- external CSS link -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div>
<div class="circle"></div>
<h2 class="menuLogo">The A Finder</h2>
</div>
<div class="mobileMenuContainer">
<ul class="menu">
<li><a href="#findAClinic">Find a Clinic</a></li>
<li><a href="#findFunding">Find Funding</a></li>
<li><a href="#legalResources">Legal Info</a></li>
<li><a href="#privacyProtection">Privacy Protection</a></li>
<li><a href="#abortionPill">Abortion Pill</a></li>
<li><a href="#mentalHealthSupport">Find Support</a></li>
<li><a href="#donate">Donate</a></li>
<li><a href="#getInvolved">Get Involved
<li><a href="#news">News</a></li>
</a></li>
</ul>
</div>
<div class="sandwichContainer" onclick=sandwichMenu(this)>
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</header>
<section class="hero">
<h1>Abortion is Healthcare</h1>
<h3 class="heroHeader2">"Like all medical matters, decisions regarding abortion should be made by patients in consultation with their healthcare providers, and without undue interference by outside parties. Those obtaining abortion should be entitled to privacy, dignity, respect and support."</h3>
<p>With the recent SCOTUS decision to overturn Roe v. Wade, some states have banned or restricted access to abortions. Everyone should have safe and unrestricted access to abortion care. Below are some tips on finding the closest clinics, requesting funding, protecting your privacy online, accessing at-home abortion pills, finding mental health and legal support, as well as a list of some organizations to donate to.</p>
</section>
<section class= "threeColumn">
<section id= "findAClinic" class="column">
<img class= "icon" src="images/map.png" alt="icon of map">
<h2 class="midH2">Find a Clinic</h2>
<p class="midDesc">Locate a clinic for safe abortion care.</p>
<ul>
<li><a href="https://www.abortionfinder.org/">Abortion Finder</a></li>
<li><a href="https://prochoice.org/">National Abortion Federation</a></li>
<li><a href="https://www.ineedana.com/">I Need an A</a></li>
<li><a href="https://www.plannedparenthood.org/health-center">Planned Parenthood</a></li>
</ul>
</section>
<section id= "findFunding" class="column">
<img class= "icon" src="images/fund.png" alt="icon of the word fund on top of three stacks of coins">
<h2 class="midH2">Find Funding</h2>
<p class= "midDesc">Get funding to access services.</p>
<ul>
<li><a href="https://abortionfunds.org/need-abortion/">Abortion Funds</a></li>
<li><a href="https://apiaryps.org/pso-list">Local Practical Support</a></li>
<li><a href="https://brigidalliance.org/">The Brigid Alliance</a></li>
</ul>
</section>
<section id ="legalResources" class="column">
<img class ="icon" src="images/legal.png" alt="icon of paperwork and grovel">
<h2 class ="midH2">Legal Resources</h2>
<p class="midDesc">Find legal information and advice.</p>
<ul>
<li><a href="https://www.abortionfinder.org/abortion-guides-by-state">State-by-State Guide</a></li>
<li><a href="https://states.guttmacher.org/policies/">US Abortion Policies and Access</a></li>
<li><a href="https://www.reprolegalhelpline.org/">Legal Helpline</a></li>
</ul>
</section>
</section>
<section class= "articles">
<section id ="privacyProtection" class="article">
<img class="articleImg" src="images/privacy_protection-01.jpg" alt="security icon looking futuristic over gradient pink, blue, purple background">
<h2 class="midH2">Protect Your Privacy</h2>
<p class="midDesc">Learn digital privacy basics.</p>
<ul>
<li><a href="https://mashable.com/article/period-apps-roe-v-wade">Delete menstrual tracking apps</a></li>
<li><a href="https://signal.org/">Use Signal for free, secure texting and calls</a></li>
<li><a href="https://proton.me/mail">Use Proton Mail for free, secure email</a></li>
<li><a href="https://duckduckgo.com/">Use Duck Duck Go for private searches</a></li>
<li><a href="https://ssd.eff.org/en">Read the Surveillance Self-Defence guide</a></li>
<li><a href="https://www.popsci.com/erase-browsing-history">Erase your web history in any browser</a></li>
</ul>
</section>
<section id ="abortionPill" class="article">
<img class="articleImg" src="images/abortion_pill.jpg" alt="white abortion pills on pink background">
<h2 class="midH2">The Abortion Pill</h2>
<p class="midDesc">Access abortion pills and info.</p>
<ul>
<li><a href="https://jewishcurrents.org/how-to-give-yourself-an-abortion">How to give yourself an abortion</a></li>
<li><a href="https://www.plancpills.org">Find pills: Plan C Pills</a></li>
<li><a href="https://www.howtouseabortionpill.org/">How to use abortion pills</a></li>
</ul>
</section>
<section id ="mentalHealthSupport" class="article">
<img class="articleImg" src="images/mental_health_suport.png" alt="graphic of head and leaves with healing plus signs">
<h2 class="midH2">Mental Health Support</h2>
<p class="midDesc">Find support during this time ♡</p>
<ul>
<li><a href="https://www.all-options.org/">All-Options: judgement-free councelling and emotional support during/after abortion</a></li>
<li><a href="https://exhaleprovoice.org/">Exhale Pro-Voice: after-abortion support</a></li>
<li><a href="https://cofemsocialchange.org/reclaiming-our-self-care-as-a-feminist-act/">Reclaiming our self-care as a feminist act</a></li>
<li><a href="https://www.inclusivetherapists.com/">Inclusive Therapists</a></li>
<li><a href="https://nqttcn.com/en/">National queer and trans therapists of color</a></li>
</ul>
</section>
</section>
<section id ="donate" class="donateInvolve">
<section class="donInv">
<h3>Donate to an Organization</h3>
<p>This is the beginning of a new fight and abortion fund organizations need your help more than ever. Please consider donating what you can, every dollar helps.</p>
<ul>
<li><a href="https://abortionfunds.org/">Abortion Funds</a></li>
<li><a href="https://donations4abortion.com/">Donations4Abortion</a></li>
<li><a href="https://brigidalliance.org/">The Brigid Alliance</a></li>
<li><a href="https://www.plannedparenthood.org/">Planned Parenthood</a></li>
<li><a href="https://www.prochoiceamerica.org/fight-back-for-our-freedom/">NARAL</a></li>
<li><a href="https://abortioncarenetwork.org/">Abortion Care Network</a></li>
<li><a href="https://reproductiverights.org/">Center for Reproductive Rights</a></li>
</ul>
</section>
<section id ="getInvolved" class="donInv">
<h3>Get Involved</h3>
<p>Volunteer with an already-established network or abortion fund - do not act alone or encourage abortion-seekers to visit you from out of state via social media.</p>
<ul>
<li><a href="https://postroehandbook.com/cheat-sheet-for-protecting-access/">Handbook for a Post-Roe America</a></li>
<li><a href="https://map.wewontgoback.com/">We Won't Go Back</a></li>
<li><a href="https://map.womensmarch.com/">Women's March</a></li>
<li><a href="https://www.weareplannedparenthood.org/aR-2oEJliUmK7sUQiEtrFQ2">Planned Parenthood</a></li>
<li><a href="https://www.aclu.org/news/reproductive-freedom/six-ways-join-fight-for-abortion-rights-roe-v-wade">American Civil Liberties Union (ACLU)</a></li>
<li><a href="https://www.law.nyu.edu/centers/race-inequality-law/protest-tips">Protest Tips</a></li>
<li><a href="https://elie-ziehl.medium.com/a-protesters-guide-to-basic-first-aid-3c6b390e1773">Protester's Guide to First Aid</a></li>
</ul>
</section>
<!-- this section could be update to dynamically scrape news articles as a future improvement -->
<section id= "news" class="donInv">
<h3>Recent News</h3>
<p>Recent news about abortion access, laws, rights and support across the United States</p>
<ul>
<li><a href="https://www.usnews.com/news/best-states/articles/a-guide-to-abortion-laws-by-state">Where state abortion laws stand without Roe</a></li>
<li><a href="https://www.politifact.com/article/2022/nov/09/where-abortion-laws-stand-after-2022-midterms/">Where abortion laws stand after the 2022 midterms</a></li>
<li><a href="https://www.npr.org/sections/health-shots/2022/11/23/1137756183/doctors-who-want-to-defy-abortion-laws-say-its-too-risky/">Doctors who want to defy abortion laws say it's too risky</a></li>
<li><a href=https://www.politico.com/news/2022/11/08/10-races-that-will-shape-abortion-access-in-the-states-00065521>How the election shaped abortion access around the country</a></li>
</ul>
</section>
</section>
<footer>
<span>The A Finder © 2022</span>
</footer>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>