-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (130 loc) · 6.31 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> </link>
<style>
/* Styling for the comments */
#comments {
background-color: white;
padding: 10px;
border-radius: 5px;
margin-top: 20px;
}
/* Styling for each comment */
.comment {
margin-bottom: 10px;
color: black; /* Set text color to black */
}
/* Styling for delete button */
.delete-button {
background-color: #ff6347;
color: white;
border: none;
padding: 5px 10px;
border-radius: 3px;
cursor: pointer;
}
</style>
</head>
<body style="background-image: url('./temp.jpg');">
<div class="container">
<center> <h1> Japan Trip <h1> </center>
<h2> Sapporo/Hokkaido </h2>
<h3> <a href="https://www.snowfes.com/en/" target="_blank"> Sapporo Snow Festival </a> </h3>
<img src="./Sapporo/img1.jpg" width=49% display=inline-block>
<img src="./Sapporo/img2.jpg" width=49% display=inline-block>
<center> <img src="./Sapporo/img3.jpg" width=49% display=inline-block> </center>
<h3> Skiing </h3>
<h3> Asahiyama Zoo </h3>
<p> animals lmao </p>
<h2> <a href="https://maps.app.goo.gl/7McZ5TVtQXy4GqrJ6" target="_blank"> Tokyo </a> </h2>
<h3> Mt Fuji (day trip) </h3>
<h3> Meiji-Jingu Shrine </h3>
<h3> Senso-Ji Temple/Asakusa</h3>
<h3> Tokyo Skytree </h3>
<h3> Shinjuku Gardens </h3>
<h3> Owl cafe (Akihabara)</h3>
<h3> Shibuya Crossing </h3>
<h3> Akihabara </h3>
<h3> Imperial Palace </h3>
<h3> TeamLab Planets </h3>
<h3> TeamLab Borderless </h3>
<h3> Harajuku </h3>
<h3> General shopping in Tokyo</h3>
<h3> Pokemon Centre (Tokyo/Shibuya)</h3>
<h2> Nagoya </h2>
<h3> Studio Ghibli Theme park (day trip from Kyoto/Osaka) </h3>
<h2> <a href="https://maps.app.goo.gl/yqmQHQeRWKbo3qX28" target="_blank"> Kyoto </a> </h2>
<h3> Fushimi Inari Shrine </h3>
<h3> Higashiyama/Gion District</h3>
<h3> Arashiyama Bamboo grove</h3>
<h3> Kinkaku-Ji temple (Golden Pavilion)</h3>
<h3> Ginkaku-Ji temple (Silver Pavilion)</h3>
<h3> Nijo Castle</h3>
<h3> Kichi Kichi omurice</h3>
<h3> Pokemon Centre Kyoto</h3>
<h2> <a href="https://maps.app.goo.gl/gZFa7e8uEFdSibg88" target="_blank"> Osaka </a> </h2>
<h3>Osaka Castle</h3>
<h3>General shopping in Osaka</h3>
<h3>Nara (day trip)</h3>
<h3>Nachi waterfall</h3>
<h3>TeamLab Botanical Gardens</h3>
<h3>Universal Studios</h3>
<h3>Minoo park</h3>
<h3>Pokemon Centre Osaka</h3>
<center> <h1> WE FINNA BE BROKE AFTER THIS <h1> </center>
<h2> Members list of trip: </h2>
<h3> Haadi: The Zenith Bozo </h3>
<h3> Eric: True Bozo (Derik) </h3>
<h3> Akshid: Monkey 1 </h3>
<h3> AJ: Monkey 2 </h3>
<h3> Kevin: Tekken God </h3>
<h3> Adam: Standard New Mexico Resident </h3>
<h3> Anvil: Borgir </h3>
<center> <h1> Can we get much higher? <h1> </center>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/CkB9eTwLO1s" title="" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen><br>Powered by <a href="https://youtubeembedcode.com">how to embed a youtube video</a> and <a href="https://yatzyregler.com/no/">yatzy ark</a></iframe></p>
<center> <h1> Please write any comments the rabble may have here: <h1> </center>
<!-- Form for user input -->
<form id="commentForm">
<label for="comment">Your Comment:</label><br>
<textarea id="comment" name="comment" rows="4" cols="50"></textarea><br>
<input type="submit" value="Submit">
</form>
<hr>
<!-- Display area for comments -->
<div id="comments">
<!-- Comments will be displayed here -->
</div>
<script>
// Function to handle form submission
document.getElementById('commentForm').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent default form submission behavior
// Get the comment from the form input
var commentText = document.getElementById('comment').value;
// Create a div element to contain the comment and delete button
var commentDiv = document.createElement('div');
commentDiv.classList.add('comment');
// Create a paragraph element to display the comment
var commentElement = document.createElement('p');
commentElement.textContent = commentText;
// Create a delete button for the comment
var deleteButton = document.createElement('button');
deleteButton.textContent = 'Delete';
deleteButton.classList.add('delete-button');
deleteButton.addEventListener('click', function() {
commentDiv.remove(); // Remove the comment element when delete button is clicked
});
// Append the comment element and delete button to the comment container div
commentDiv.appendChild(commentElement);
commentDiv.appendChild(deleteButton);
// Append the comment container div to the comments section
document.getElementById('comments').appendChild(commentDiv);
// Reset the form input
document.getElementById('comment').value = '';
});
</script>
</div>
</body>
</html>