-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
86 lines (80 loc) · 4.34 KB
/
about.html
File metadata and controls
86 lines (80 loc) · 4.34 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
<!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>
<header>
</header>
<!-- Page Content -->
<div class="container"><br><br>
<div class="row mb-4">
<div class="col-md-12">
<h4>About</h4>
<p><b>Social Humans</b> 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>This project was created as one of <a href="http://www.docnow.io">Documenting the Now</a>'s projects by their User
Experience Designer Alexandra Dolan-Mescal. Contact <b>alex@docnow.io</b> for more information
or to get involved. </p>
<h4>Next Steps</h4>
<p>The Social Humans labels will be tested and refined with diverse communities throughout 2020.
Future prospective work includes building an application for content creators to authenticate
using their social media accounts to add SH Labels to content, developing guidelines and best
practices for archives to implement policies around the labels, and expanding/modifying labels
for specific community practice. </p>
<h4>Support and Thanks</h4>
<p>This project was developed by Alexandra Dolan-Mescal during a Summer 2018 fellowship at <a href="https://lil.law.harvard.edu/">Harvard Library Innovation Lab</a>,
and I greatly appreciate their financial and intellectual support. The early concept of social media labels
was developed with colleagues at <a href="http://docnow.io">Documenting the Now</a>,
who have spent years researching ethical and technical issues in social media archiving.
Their support and guidance has been a foundational bedrock from which to work. <a href="http://localcontexts.org">Local Contexts</a>'
Traditional Knowledge labels provided a shining example of what a community-driven, ethics-oriented
label project can be. </p>
</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>