-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (75 loc) · 5.2 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
<html>
<head>
<meta charset="UTF-8">
<title>Garfield: You Are Here - Home</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="fun-facts.js"></script>
<script src="https://kit.fontawesome.com/1bd56f83b7.js"></script>
</head>
<body>
<div class="nav">
<ul>
<li class="active" style="float:left; font-size:100%;">
<a href="index.html" style="padding:40px;">
<h2>Garfield: You Are Here</h2>
<p>Cronkite High School Media Innovation Camp</p>
</a>
</li>
<li><a href="motion-book.html">Motion Book</a></li>
<li><a href="vft.html">Virtual Field Trip</a></li>
<li><a href="video-game.html">Video Game</a></li>
<li><a href="podcast.html">Podcast</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
<div class="opening" style="background-image: url('imgs/home/home.png');">
<center>
<h2 style="background:#E67E22; color:white;">Garfield: You Are Here</h2>
<p style="background:#E67E22; color:white;">Urban neighborhoods across the country are undergoing tremendous change as new residents are discovering older, close-in communities with unique houses they can renovate and the people who have lived there for decades, many of whom are people of color, are feeling the heat of rising rents and housing prices which are making those places less affordable. Discover one such neighborhood in Phoenix. Garfield was Phoenix’s first suburb in the late 1880s and now is a community facing rapid change.</p>
</center>
</div>
<div class="opening" style="padding:0px 0px 0px 0px;">
<hr>
<div class="projects">
<img src="imgs/podcast/thumbnail.jpg" style="width:325px; height:260px; margin:0px 10px 0px 10px;">
<h2>The "G" Word - Podcast</h2>
<p>Welcome to the G Word. This podcast takes you to downtown Phoenix in the heart of the Garfield Historic District. The neighborhood has gone through quite a few changes in it’s over 100 years of history. But, its’ residents are wrestling with one of its biggest changes yet: gentrification. Listen as Garfield residents voice their hopes and fears about their evolving neighborhood.</p>
<a href="podcast.html">continue</a>
</div>
<hr>
<div class="projects">
<img src="imgs/video-game/thumbnil.png" style="width:325px; height:200px; margin:0px 10px 0px 10px;">
<h2>The Complex - Video Game</h2>
<p>One person’s revitalization is another person’s gentrification nightmare. The Complex looks at a phenomenon that is happening all over America--the battle for close-in urban neighborhoods that often pits newcomers against the people who have long lived in and made a community unique. See if you can navigate the different sides of a complex issue.</p>
<a href="video-game.html">continue</a>
</div>
<hr>
<div class="projects">
<img src="imgs/vft/vft-thumbnail2.jpg" style="width:325px; height:300px;margin:0px 10px 0px 10px;">
<h2>Historic Garfield District - Virtual Field Trip</h2>
<p>This immersive Virtual Field Trip (iVFT) tells the story of the Historic Garfield Neighborhood in Downtown Phoenix. The area has experienced significant changes during the last forty years, and this transition has revealed both challenges and benefits associated with gentrification and revitalization. <br><br>iVFTs educate and tell stories by combining high resolution photography, videography, 360 degree photos and videos, and other interactive, immersive elements that reside on an intelligent tutoring system that allows users to ask and answer questions while providing real-time, adaptive feedback. Content acquisition utilizes traditional, photo, video, and spherical cameras. This iVFT system has been developed by Arizona State University’s Center for Education Through Exploration (http://etx.asu.edu and http://vft.asu.edu). Take virtual trip to Garfield and meet people navigating monumental change.</p>
<a href="vft.html">continue</a>
</div>
<hr>
<div class="projects">
<img src="imgs/motion-book/cover.png" style="height:350px; width:325px; margin:0px 10px 0px 10px;">
<h2>There Goes Garfield - Motion Book</h2>
<p>Can this historic neighborhood hang on to its identity? What you will discover: the first settlements in Phoenix, the history of the Garfield neighborhood, what’s happening with gentrification, landmarks in Garfield, and hotspots in Garfield. Learn about Garfield’s long and unique history as Phoenix’s first suburb.</p>
<a href="motion-book.html">continue</a>
</div>
</div>
<div id="factDiv" style="display:none;" class="answer_list" >
<h1 style="text-align: center;">FACTS</h1>
<div id="factContainer">
<p>Click the <strong>+</strong> button for facts about Homelessness in Phoenix.</p>
</div>
<button id="factButton" type="button" onclick="newFact()">
<i class="fas fa-plus"></i>
</button>
</div>
<button id="divButton" type="button" onclick="showDiv()">
<i class="fas fa-brain"></i>
</button>
</body>
</html>