-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (102 loc) · 6.45 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
<!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="">
<link rel="icon" href="favicon.ico">
<title>CaD@Pitt</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/jumbotron.css" rel="stylesheet">
<!-- Font Awesome Icons css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">CaD@Pitt</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/project">Our Project<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/extensions">Extension Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/modules">Instructional Modules</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/documentation">Documentation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/events">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/team">Team</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/partners">Partners</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>From Collection Records to Data Layers: </h1>
<h2>A Critical Experiment in Collaborative Practice</h2>
<p>The CaD@Pitt (short for Collections as Data at Pitt) project is based in the University of Pittsburgh Library System and aims to increase the visibility and discoverability of library collections, make library collections data accessible for computational use, teach critical and computationally minded data practices, and enable scholars to extend/enrich collections data with research-driven data. CaD@Pitt was made possible by <a href="https://collectionsasdata.github.io/part2whole/">Collections as Data: Part to Whole</a>, an Andrew K. Mellon Foundation-funded initiative. Check out the <a href="https://osf.io/djgpz/">final report</a> for our implementation grant project.</p>
<p><a class="btn btn-primary btn-lg" href="project" role="button">Read more »</a></p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Collections</h2>
<p>While our project is intended to support any and all library collections, it has prioritized those reflecting the perspectives of underrepresented groups, including African Americans, Afro-Latinx communities, American labor unionists, American left-wing organizations, the LGBTQ community, and feminists.</p>
<p><a class="btn btn-secondary" href="project#collections" role="button">View details »</a></p>
</div>
<div class="col-md-4">
<h2>Data Layers Model</h2>
<p>The CaD@Pitt “data layers” model diverges from monolithic data models (i.e., singular, non-interpretive, and exhaustive). Data layering liberates data creation and curation from the expectation of perfection or singularity of authority by enabling data to be enriched, augmented and interpreted incrementally.</p>
<p><a class="btn btn-secondary" href="project#data-layers" role="button">View details »</a></p>
</div>
<div class="col-md-4">
<h2>Instructional Modules</h2>
<p>The CaD@Pitt project facilitates scholars’ engagement with and enrichment of library collections data through five [5] instructional modules that 1) orient learners to collections as data and as products of curation and 2) teach critical and computationally minded data practices.</p>
<p><a class="btn btn-secondary" href="project#instructional-modules" role="button">View details »</a></p>
</div>
</div>
<hr>
</div> <!-- /container -->
</main>
<footer class="container"><div class="row">
<div class="col-md-9"><p>This website's content is available under the <a href="https://creativecommons.org/licenses/by-nc/4.0/">Attribution-NonCommercial 4.0 Unported (CC BY-NC 4.0)</a>, which provides users the right to "copy and redistribute the material in any medium or format" or "remix, transform, and build upon the material" and "remix, transform, and build upon the material," provided that the usage gives appropriate credit, provides a link to the license, and indicates if changes were made. The NonCommercial aspect of this license means that you may not use the material for any commercial purposes. </p></div>
<div class="col-md-1"></div>
<div class="col-md-2"><img id="ghlogo" src="images/GitHub-Logos/GitHub_Logo.png">
<a class="btn btn-primary" href="https://github.com/CaDatPitt" target="blank" role="button">View Repositories »</a>
</div></div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-3.2.1.slim.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>