-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
175 lines (143 loc) · 7.94 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
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>LaBac | Fight Dystopia!</title>
<meta name="description" content="">
<!-- The compiled CSS file -->
<link rel="stylesheet" href="css/production.css">
<!-- Web fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Source+Serif+Pro:700" rel="stylesheet">
<!-- favicon.ico. Place these in the root directory. -->
<link rel="shortcut icon" href="favicon.ico">
</head>
<body class="has-animations">
<!-- Header -->
<header class="align--center pt3" style="background-color: #2ab7cbff;">
<div class="container--lg border--bottom pb3" >
<img class="logo mb3 reveal-on-scroll is-revealing" src="./img/computer_smash_image.png" alt="Carta">
<h1 class="mb2">LaBac is a hacker collective combatting tech-enabled abuse.</h1>
<span>
<a href="mailto:[email protected]"><button class="btn btn--tertiary">Contact us</button></a>
</span>
</div>
</header>
<main>
<div style="display:none">
image based abuse
non consensual pornography
revenge porn
victim support
targeted harassment
online harassment
cyber bullying
cybersecurity
information security
threat intelligence
investigations
non-profit
social work
new york city
evidence preservation
sexual abuse
cyber sexual abuse
new york city cyber sexual abuse taskforce
</div>
<!-- Feature list -->
<div class="container pt3 mt2 text--gray align--center">
<p class="mb3">LaBac is an international collective that develops projects that advance values of online consent, privacy, equity and liberty. Founded with the principle of fighting dystopia, LaBac plans to drive technology forward to better protect underprivileged members that technology underserves.</p>
<div class="grid-row">
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="./img/vault.svg" alt="Put in a vault">
<p>Performing security assessments for at-risk and targeted people to bolster their defenses.</p>
</div>
<div class="grid-column span-one-thirvd mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="./img/security.svg" alt="Providing security products and consulting services for the underresourced">
<p>Creating, curating and supporting community works that progress personal security confidence.
</p>
</div>
<div class="grid-column span-one-third mb3 reveal-on-scroll is-revealing">
<img class="illustration--small mb1" src="./img/search.svg" alt="Security assessments and investigations">
<p>Monitoring pervasive threats online and investigating harassment campaigns.</p>
</div>
</div>
</div>
<!-- Focus -->
<div class="container--lg pt1 pb1">
<div class="grid-row grid-row--center">
<div class="grid-column mt3 mb2 order-2">
<div class="border--bottom pb2 mb2">
<h2>Museum of Modern Malware</h2>
<p>The Museum of Modern Malware is a pop-up art exhibit demonstrating artistic interpretations of malware and hacking. The curators’ vision was to capture the dark side of technology through traditional, digital, and experimental mediums.
<br></br>
The MoMal premiered at DEFCON 27 in Las Vegas.</p>
<p class="bold"><a href="https://bagpipe-wrasse-ypta.squarespace.com/" style="color:#000">Learn more about the MoMal</a></p>
</div>
</div>
<div class="grid-column span-1"></div>
<div class="grid-column mt3 mb2 order-1 reveal-on-scroll is-revealing">
<img src="./img/3ve_1080px.jpg" alt="Usage data">
</div>
</div>
<div class="grid-row grid-row--center">
<div class="grid-column mt3 mb2 reveal-on-scroll is-revealing">
<img src="./img/messaging.svg" alt="Absolute security">
</div>
<div class="grid-column span-1"></div>
<div class="grid-column mt3 mb2">
<div class="border--bottom pb2 mb2">
<h2>In the News: Shedding Light on Underground Exchange of Tinder Profiles</h2>
<p>LaBac found a collection of 70,000 pictures--all of them women-- scraped from Tinder. Such a collection is the goldmine for fraudsters looking to create fake personas and profiles across the web.</p>
<p class="bold"><a href="https://gizmodo.com/70-000-tinder-photos-of-women-just-got-dumped-on-a-cybe-1841043456" style="color:#000">Read more on our investigation</a></p>
</div>
</div>
</div>
</div>
<!-- Allies
<div class="container--lg pt3 pb3 mb2 align--center">
<p class="mb2">Our Allies</p>
<span><img class="mentioned" src="./img/whiteops.png" alt="White Ops logo"></span>
<span style="padding:30px"></span>
<span><img class="mentioned" src="./img/nyc.png" alt="City of New York logo"></span>
</div>-->
<!-- CTA -->
<div class="bg--dark-gray align--center pt3 pb3">
<div class="container pt2 pb2">
<img class="cta-image mb2 reveal-on-scroll is-revealing" src="./img/text.svg" alt="Text the app">
<p class="h3 text--white mb1 bold">Subscribe to our newsletter!</p>
<p class="text--white mb3">Curated news, commentary, and threat actor intel presented by LaBac.</p>
<a href="https://hatemail.substack.com/"><button class="btn btn--secondary" type="submit" form="form1" value="Submit">Signup for Intel Briefs</button></a>
</div>
</div>
</main>
<!-- Footer -->
<footer class="pt1 pb3 align--center-on-mobile" style="background-color: #2ab7cbff;">
<div class="container">
<div class="grid-row">
<div class="grid-column mt2 span-half">
<div class="mb1">
<span>
<a href="mailto:[email protected]"><button class="btn btn--tertiary">[email protected]</button></a>
</span>
</div>
<p class="small">FIGHT DYSTOPIA.</p>
<p class="small">LaBac © 2022.</p>
</div>
<div class="grid-column mt2 span-half align--right align--center-on-mobile">
<ul class="no-bullets list--inline">
<li class="mr1"><a href="https://keybase.io/labacdotdev" class="link"><img class="icon" src="./img/keybase.png" alt="YouTube"></a></li>
<li class="mr1"><a href="https://twitter.com/labacdotdev" class="link"><img class="icon" src="./img/twitter.svg" alt="Twitter"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scroll reveal -->
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
<!-- The compiled JavaScript file -->
<script src="js/production.js"></script>
<script async src="https://s.getonsite.io/4DLGV5H/onsite.js"></script>
</body>
</html>