-
Notifications
You must be signed in to change notification settings - Fork 1
/
sh-c-labels.html
121 lines (117 loc) · 5.4 KB
/
sh-c-labels.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
<!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,400" 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">
<!-- Portfolio Section -->
<h2 class="my-4">SH-C Labels</h2>
<p>These labels are meant to be used by content creators to indicate their wishes. If you are an
archivist or academic looking to apply labels, check out <a href="sh-a-labels.html">SH-A Labels</a>.
<br><br>
The labels are designed in the motif of the community garden, with visual imagery to remind us
to foster our online communities by caring for the people behind the content and helping them thrive.</p>
<hr>
<div class="row pb-5 mb-5">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-cg.html"><img class="card-img-top" src="img/ConsentGranted.jpg" alt="">
<h3 class="sh-label">Consent Granted</h3></a>
</div>
<p>Creator consents to use of this material.</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-da.html"><img class="card-img-top" src="img/DelayAccess.jpg" alt="">
<h3 class="sh-label">Delay Access</h3></a>
</div>
<p>Creator wants access delayed.</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-ea.html"><img class="card-img-top" src="img/ExpireAccess.jpg" alt="">
<h3 class="sh-label">Expire Access</h3></a>
</div>
<p>Creator wants access to expire.</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-rl.html"><img class="card-img-top" src="img/RemoveLocation.jpg" alt="">
<h3 class="sh-label">Remove Location</h3></a>
</div>
<p>Creator wants location data removed.</p>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-rn.html"><img class="card-img-top" src="img/RemoveNetwork.jpg" alt="">
<h3 class="sh-label">Remove Network</h3></a>
</div>
<p>Creator wants network connections removed.</p>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-rm.html"><img class="card-img-top" src="img/RemoveMedia.jpg" alt="">
<h3 class="sh-label">Remove Media</h3></a>
</div>
<p>Creator wants images and video removed.</p>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-am.html"><img class="card-img-top" src="img/AnonymizeMe.jpg" alt="">
<h3 class="sh-label">Anonymize Me</h3></a>
</div>
<p>Creator wants to be anonymized.</p>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6 portfolio-item">
<div class="card">
<a href="sh-c-cm.html"><img class="card-img-top" src="img/CreditMe.jpg" alt="">
<h3 class="sh-label">Credit Me</h3></a>
</div>
<p>Creator wants to be credited in publications.</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>