Skip to content

Commit d831ed9

Browse files
cmurchiscmurchis
committed
connecting remote repo / file structure
1 parent 2fab7b6 commit d831ed9

8 files changed

+152
-1
lines changed

‎README.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -1 +1,3 @@
1-
# GROW
1+
# GROW
2+
3+
An information website with data collection and dataset mapping to show locations of possible future host sites for the proposed, Guided Reentry on Wheels project.

‎img/bg.mp4

9.73 MB
Binary file not shown.

‎img/growLogo.png

23 KB
Loading

‎img/rv.mp4

3.18 MB
Binary file not shown.

‎img/whiteLogo.png

23 KB
Loading

‎index.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Guided Reentry on Wheels</title>
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
11+
<header>
12+
13+
<!-- Video from coverr.co -->
14+
<video class="video-bg" autoplay muted loop>
15+
<source src="img/bg.mp4" class="vid" type="video/mp4" />
16+
</video>
17+
18+
<div class="video-overlay">
19+
<h1 id="headline"> <img id="logo" src="img/whiteLogo.png">Guided Reentry On Wheels</h1>
20+
</div>
21+
22+
</header>
23+
24+
<div id="map">
25+
<iframe src="https://storage.googleapis.com/maps-solutions-ydsy4stc7z/address-selection/0u8d/address-selection.html"
26+
width="100%" height="100%"
27+
style="border:0;"
28+
loading="lazy">
29+
</iframe>
30+
</div>
31+
</body>
32+
33+
</html>

‎map.js

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
function initMap() {
2+
const map = new google.maps.Map(document.getElementById('map'), {
3+
center: {lat: 38.8375, lng: -120.8958},
4+
zoom: 17,
5+
mapId: 'DEMO_MAP_ID',
6+
});
7+
8+
const marker = new google.maps.marker.AdvancedMarkerElement({
9+
map,
10+
position: {lat: 37.4239163, lng: -122.0947209},
11+
});
12+
13+
marker.addListener('click', ({domEvent, latLng}) => {
14+
const {target} = domEvent;
15+
// Handle the click event.
16+
// ...
17+
});
18+
}

‎style.css

+98
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
:root {
2+
/* Base font size */
3+
font-size: 10px;
4+
5+
/* Full grid area variable */
6+
--fullGrid: 1 / 1 / -1 / -1;
7+
}
8+
9+
body {
10+
font-family: "Montserrat", Arial, sans-serif;
11+
background-color: #fcfcfc;
12+
}
13+
14+
header {
15+
/* Create grid spanning viewport width & height */
16+
display: grid;
17+
grid-template-rows: 100vh;
18+
overflow: hidden;
19+
box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.5);
20+
max-height: 40vh;
21+
22+
23+
}
24+
25+
.video-bg {
26+
/* Span the full grid */
27+
grid-area: var(--fullGrid);
28+
29+
/* Re-size video to cover full screen while maintaining aspect ratio */
30+
min-width: 100%;
31+
object-fit: cover;
32+
max-height: 40vh;
33+
34+
/* Display video below overlay */
35+
z-index: -1;
36+
}
37+
38+
.video-bg::-webkit-media-controls {
39+
display: none !important;
40+
}
41+
42+
.video-overlay {
43+
/* Span the full grid */
44+
grid-area: var(--fullGrid);
45+
46+
/* Center Content */
47+
display: grid;
48+
justify-content: center;
49+
align-content: center;
50+
text-align: center;
51+
max-height: 40vh;
52+
53+
54+
/* Semi-transparent background */
55+
background-color: rgba(156, 156, 156, 0.55);
56+
}
57+
58+
h1 {
59+
font-size: 4em;
60+
font-weight: 700;
61+
letter-spacing: 0.02em;
62+
color: #fff;
63+
text-shadow: 0.05em 0.05em 0.05em rgba(0, 0, 0, 0.4);
64+
}
65+
66+
main {
67+
padding: 5em 2em;
68+
max-width: 94em;
69+
margin: 0 auto;
70+
}
71+
72+
h2 {
73+
font-size: calc(3em + 0.2vw);
74+
font-weight: 600;
75+
text-align: center;
76+
margin: 1.2em 0;
77+
color: #111;
78+
}
79+
80+
p {
81+
font-size: calc(2em + 0.2vw);
82+
font-weight: 400;
83+
line-height: 2;
84+
color: #222;
85+
}
86+
87+
::-moz-selection {
88+
background-color: rgba(0, 0, 0, 0.75);
89+
color: #fff;
90+
}
91+
92+
::selection {
93+
background-color: rgba(0, 0, 0, 0.75);
94+
color: #fff;
95+
}
96+
#logo{
97+
max-width: 15%;
98+
}

0 commit comments

Comments
 (0)