This repository has been archived by the owner on Feb 11, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (52 loc) · 2.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PicGeo</title>
<link rel="stylesheet" href="/style.css">
<script defer src="/app.js"></script>
</head>
<body>
<div id="map"></div>
<script async
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwxA2u4bHyPslDAziVEZXoz6T4LKDzRTI&callback=initMap">
</script>
<div class="information-container" id="information_container">
<div class="information-modal">
<img class="information-image" src="/images/Image1.jpg" alt="">
<div class="information-description">
<div>
<h1>WHY CAN'T YOU WORKKK</h1>
<p>
I am photographer born in Indonesia but moved to Vancouver for college. While walking with a
friend attempting to take panning pictures, we found this odd shiny mushroom thing. So we took some shots.
<br><br><br><br><br><br><br>
poopy doopy
</p>
</div>
<div>
<button class="close-information" id="close_information">close</button>
</div>
</div>
</div>
</div>
<div class="input-container" id="input_container">
<div class="input-modal">
<div class="image-upload">
<input type="file" id="image-input" accept="image/jpg, image/png">
<div id="display-image"></div>
</div>
<div class="formBox">
<label for="Title">Title</label>
<input type="text" id="title" placeholder="Title">
</div>
<div class="formBox">
<label for="Description">Description</label>
<input type="text" id="Description" placeholder="Description">
</div>
<button class="close-input" id="close_input">close</button>
</div>
</div>
</body>
</html>