-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (112 loc) · 6.93 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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166319682-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-166319682-1');
</script>
<!-- tab -->
<title>
Home | Heritage Reconstructed
</title>
<link rel="stylesheet" type= "text/css" href="stylesheet.css">
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body onload="myFunction()" style="margin:0;">
<div id="loader"></div>
<div style="display:none;" id="myDiv" class="animate-bottom">
<!-- website title -->
<header>
<h1 style="margin-bottom: 5px;">Heritage Reconstructed</h1>
<h2 style="margin-top: 5px; font-style: italic;">Virtualizations of Archaeological Sites in Peril</h2>
</header>
<!-- menu -->
<nav>
<a class="active" href="index">Home</a>
<a href="methods">Methods</a>
<a href="mission">Mission</a>
<a href="team">Team</a>
<a href="resources">Resources</a>
<a href="https://hreconstructed.omeka.net/exhibits">Database</a>
</nav>
<!-- body text -->
<section>
<articlemain>
<h3>What is the Heritage Reconstructed project?</h3>
<p>Heritage Reconstructed is an open database collection of archaeological sites that have been digitally reconstructed and have either been lost, or are in danger of being lost due to factors such as warfare, political unrest or environmental events.</p>
<p>Heritage Reconstructed will not only be for academic or scholarly use, but to be used in pedagogy and for those who may have an interest in these topics whom, either do not know where to start, or do not have access to the information outside of academia.</p>
<p>The use of Virtual Reality (VR) for purposes other than gaming have been discovered and expanded upon. Within the world of archaeology, the ability to combine game mechanics and alternate realities with archaeological data has allowed for individuals to experience cultures that are no longer around today.</p>
<br/>
<h3>Why was this project created?</h3>
<p>At the moment, there are digital reconstructions being created at various institutions, but there is no centralized place to go to find these reconstructions. Heritage Reconstructed contains a database of these digital reconstructions for Archeologists, Digital Humanists, Art Historians, Researchers, and anyone else interested in these projects. The reconstructions are searchable within the database and contain information about the project and site.</p>
<p>To find out more about the project's goals, please visit the <a href="mission">Mission</a> page.</p>
<br/>
<h3>Why is digitizing these sites important?</h3>
<p>Once a historically significant location is destroyed, it is difficult to then piece together the site in a meaningful manner. Digital reconstructions help to, not only recreate, but make meaning from something that no longer exists, for further generations to see and visualize.</p>
<p>To find out more about our reasoning behind chosing the sites that we did, please visit the <a href="methods">Methods</a> page.</p>
<br/>
<h3>Who created Heritage Reconstructed?</h3>
<p>Heritage Reconstructed has been researched and put together by a group of Graduate students from The Graduate Center, CUNY. To find out more about who they are, please visit the <a href="team">Team</a> page.</p>
<br/>
<p>To stay updated, please follow us on <a href="https://www.twitter.com/hreconstructed">Twitter</a> or <a href="https://gccuny.az1.qualtrics.com/jfe/form/SV_38EwF4J2delXR4x">Subscribe</a> to our mailing list.</p>
</articlemain>
<!-- right body twitter -->
<articleside>
<a class="twitter-timeline" data-tweet-limit="4" data-width="270" data-chrome="noscrollbar" data-theme="light" href="https://twitter.com/HReconstructed?ref_src=twsrc%5Etfw">
</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8">
</script>
</articleside>
</section>
<!-- footer code by webdevtrick ( https://webdevtrick.com ) -->
<footer class="footer-distributed">
<div class="footer-left">
<h3>Heritage Reconstructed</h3>
<p class="footer-links">
<a href="index">Home</a>
<a> | </a>
<a href="methods">Methods</a>
<a> | </a>
<a href="mission">Mission</a>
<a> | </a>
<a href="team">Team</a>
<a> | </a>
<a href="resources">Resources</a>
<a> | </a>
<a href="https://hreconstructed.omeka.net/exhibits">Database</a>
</p>
<p class="footer-company-name">Heritage Reconstructed 2020</p>
</div>
<div class="footer-center">
<p style="font-size: 18px; font-weight: bold;">Contact Us:</p>
<pre></pre>
<p><a style="text-decoration:none; color:white;" href="mailto:heritagereconstructed@gmail.com"><u>heritagereconstructed@gmail.com</u></a></p>
<pre></pre>
<p><a style="text-decoration: none; color: white;" href="https://gccuny.az1.qualtrics.com/jfe/form/SV_38EwF4J2delXR4x" target="_blank"><u>Subscribe to our mailing list</u></a></p>
<pre></pre>
</div>
<div class="footer-right">
<p style="font-size: 18px; font-weight: bold; color: white;">Follow Us:</p>
<div class="footer-icons">
<a href="https://twitter.com/hreconstructed?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @hreconstructed</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<a class="github-button" aria-label="Follow @hreconstructed on GitHub" href="https://github.com/hreconstructed">Follow @hreconstructed</a>
</div>
</div>
</footer>
</div>
<script>
var myVar;
function myFunction() {
myVar = setTimeout(showPage, 550);
}
function showPage() {
document.getElementById("loader").style.display = "none";
document.getElementById("myDiv").style.display = "block";
}
</script>
</body>
</html>