-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·96 lines (92 loc) · 4.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Social Humans Labels</title>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300|Oswald:300" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a href="http://www.docnow.io"><img class="dnlogo" src="img/dn.png" width="50px"></a><a class="navbar-brand" href="index.html"><img src="img/socialhumans.png" width="160px"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="sh-c-labels.html">SH-C Labels</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sh-a-labels.html">SH-A Labels</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container"><br><br>
<h2>Social Humans is a set of labels dedicated to empowering content creators and informing researchers about user intent.</h2>
<hr>
<div class="row mb-4">
<div class="col-md-12">
<p>Social Humans is a label system created to address ethical issues in
social media use by archives and academia. The legal constraints of social media
platforms for data reuse have proven insufficient for expressing the intent and wishes of
content creators or protecting vulnerable and marginalized communities in these
spaces. These labels seek to address that gap.
<p><a href="sh-c-labels.html">SH-C Labels</a> empower content creators to indicate
if and how they want their data to be used, above and beyond the legal use described
in policies of for profit social media companies.</p>
<p><a href="sh-a-labels.html">SH-A Labels</a> allow archivists and academics to share contextual information
determined in data analysis that may be useful for researchers to consider before
using social media data in their work. </p>
</div>
<div class="col-md-4">
<h5>Social Humans is practicing:</h5>
<ul>
<li>Transparency</li>
<li>Ongoing Consent</li>
<li>Archives in Context</li>
<li>Ethical Design</li>
</ul>
</div>
<div class="col-md-4">
<h5>We're looking for partners!</h5>
<ul>
<li>Test SH-A labels on existing collections</li>
<li>Outreach to content creators for SH-C Labels</li>
<li>Suggest new labels and clarifying texts</li>
<li>Co-create guides and how-tos</li>
</ul>
</div>
<div class="col-md-4">
<h5>Want to get involved? </h5>
<ul>
<li>Email <b>[email protected]</b></li>
</ul>
</div>
</div>
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-3 bg-dark">
<div class="container">
<p class="m-0 text-center text-white"><small>Content on this website is under Creative Commons License <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">CC BY-NC-ND 4.0</a></small></p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>