Skip to content

Commit 483a644

Browse files
hoangsonwwhoangsonww
committed
Fix: Refactored Code
1 parent 3ccd280 commit 483a644

19 files changed

+293
-110
lines changed

‎EventHorizon-Mobile/www/404.html

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
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>404 Not Found - The EventHorizon App</title>
7+
<link rel="stylesheet" href="src/css/style.css">
8+
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
9+
<style>
10+
.error-container {
11+
text-align: center;
12+
margin-top: 50px;
13+
}
14+
15+
.error-container h1 {
16+
font-size: 6rem;
17+
margin-bottom: 0;
18+
}
19+
20+
.error-container p {
21+
font-size: 1.5rem;
22+
margin-top: 0;
23+
}
24+
25+
.back-link {
26+
font-size: 1.2rem;
27+
color: #ffffff;
28+
text-decoration: none;
29+
padding: 10px 15px;
30+
background-color: white;
31+
border-radius: 5px;
32+
margin-top: 20px;
33+
display: inline-block;
34+
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
35+
}
36+
37+
.back-link:hover {
38+
text-decoration: underline;
39+
background-color: #f8f8f8;
40+
}
41+
</style>
42+
<!-- Google tag (gtag.js) -->
43+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9NPSN4RVS4"></script>
44+
<script>
45+
window.dataLayer = window.dataLayer || [];
46+
function gtag(){dataLayer.push(arguments);}
47+
gtag('js', new Date());
48+
49+
gtag('config', 'G-9NPSN4RVS4');
50+
</script>
51+
</head>
52+
<body>
53+
<div class="error-container">
54+
<h1>404</h1>
55+
<p>Oops! The page you're looking for can't be found.</p>
56+
<a href="index.html" class="back-link">Back to Home</a>
57+
</div>
58+
</body>
59+
</html>

‎EventHorizon-Mobile/www/about.html

-31
This file was deleted.

‎EventHorizon-Mobile/www/R (1).jfif ‎EventHorizon-Mobile/www/images/R (1).jfif

File renamed without changes.

‎EventHorizon-Mobile/www/R.jfif ‎EventHorizon-Mobile/www/images/R.jfif

File renamed without changes.

‎EventHorizon-Mobile/www/images/eventhorizon-logo.png

864 KB
Loading

‎EventHorizon-Mobile/www/images/favicon.ico

15 KB
Binary file not shown.

‎EventHorizon-Mobile/www/images/icon-192x192.png

14 KB
Loading

‎EventHorizon-Mobile/www/images/icon-512x512.png

74.8 KB
Loading

‎EventHorizon-Mobile/www/images/image.png

1010 KB
Loading

‎EventHorizon-Mobile/www/j1O8bCz.jpg ‎EventHorizon-Mobile/www/images/j1O8bCz.jpg

File renamed without changes.

‎EventHorizon-Mobile/www/snow.jpg ‎EventHorizon-Mobile/www/images/snow.jpg

File renamed without changes.

‎EventHorizon-Mobile/www/wp4511352.jpg ‎EventHorizon-Mobile/www/images/wp4511352.jpg

File renamed without changes.

‎EventHorizon-Mobile/www/wp4670197.jpg ‎EventHorizon-Mobile/www/images/wp4670197.jpg

File renamed without changes.

‎EventHorizon-Mobile/www/index.html

+59-41
Original file line numberDiff line numberDiff line change
@@ -6,38 +6,53 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<meta property="og:locale" content="en_US" />
88
<meta property="og:type" content="website" />
9-
<meta property="og:description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more." />
9+
<meta property="og:description" content="The EventHorizon App is an intuitive event countdown tool, perfect for tracking important dates and occasions in your life." />
1010
<meta property="og:url" content="https://hoangsonww.github.io/The-Event-Horizon-App/" />
11-
<meta property="og:site_name" content="The MovieVerse" />
12-
<meta property="og:image" content="./images/logo.png" />
11+
<meta property="og:site_name" content="The EventHorizon App" />
12+
<meta property="og:image" content="./images/eventhorizon-logo.png" />
1313
<meta property="og:favicon" content="./images/favicon.ico" />
14-
<meta name="keywords" content="movies, film guide, directors, actors, movie genres, cinema, film reviews">
14+
<meta name="keywords" content="event countdown, important dates, event tracker, date countdown, personal organizer">
1515
<meta name="author" content="Son Nguyen Hoang">
16-
<link rel="canonical" href="https://hoangsonww.github.io/My-Portfolio-Website/">
16+
<link rel="canonical" href="https://hoangsonww.github.io/The-Event-Horizon-App/">
1717
<meta name="robots" content="index, follow">
18+
<meta name="description" content="The EventHorizon App is an intuitive event countdown tool, perfect for tracking important dates and occasions in your life.">
19+
<meta name="rating" content="general" />
20+
<meta name="rights" content="&copy; 2023 Son Nguyen Hoang" />
1821
<meta name="rating" content="General">
1922
<meta name="revisit-after" content="3 days">
20-
<meta name="twitter:card" content="./images/logo.png">
21-
<meta name="twitter:title" content="The MovieVerse - Your Ultimate Movie Guide">
22-
<meta name="twitter:description" content="Explore The MovieVerse to discover and learn about your favorite movies, directors, actors, and more.">
23-
<meta name="twitter:image" content="./images/logo.png">
23+
<meta name="twitter:card" content="./images/eventhorizon-logo.png">
24+
<meta name="twitter:title" content="The EventHorizon App - Track Your Important Dates">
25+
<meta name="twitter:description" content="The EventHorizon App is an intuitive event countdown tool, perfect for tracking important dates and occasions in your life.">
26+
<meta name="twitter:image" content="./images/eventhorizon-logo.png">
2427
<meta name="referrer" content="no-referrer-when-downgrade">
28+
<meta name="theme-color" content="#ffffff">
29+
<link rel="manifest" href="manifest.json">
2530
<title>The EventHorizon App</title>
26-
<link rel="stylesheet" href="style.css" />
27-
<script src="script.js" defer></script>
28-
<link rel="icon" type="image/x-icon" href="favicon.ico">
31+
<link rel="stylesheet" href="src/css/style.css" />
32+
<script src="src/js/script.js" defer></script>
33+
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
34+
<!-- Google tag (gtag.js) -->
35+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9NPSN4RVS4"></script>
36+
<script>
37+
window.dataLayer = window.dataLayer || [];
38+
function gtag(){dataLayer.push(arguments);}
39+
gtag('js', new Date());
40+
41+
gtag('config', 'G-9NPSN4RVS4');
42+
</script>
2943
</head>
3044

3145
<body>
3246

3347
<header>
3448
<div class="header-content">
35-
<h2>The Event Horizon App</h2>
49+
<h2>The EventHorizon App</h2>
50+
<p style="font-size: 18px">Track Your Important Dates and Plan Your Events Effectively</p>
3651
</div>
3752
<div class="weather-widget" style="text-align: center">
38-
<h4 style="margin-bottom: -10px">View weather at your location</h4>
39-
<input type="text" id="weatherLocation" style="margin-bottom: 10px" placeholder="Enter location">
40-
<button onclick="fetchWeather()" style="margin-bottom: 10px; width: 147px; margin-right: -5px">View Weather</button>
53+
<h4 style="margin-top: 10px; margin-bottom: -10px">View weather at your location</h4>
54+
<input type="text" id="weatherLocation" style="margin-bottom: 10px; font: inherit" placeholder="Enter location">
55+
<button onclick="fetchWeather()" style="margin-bottom: 10px; width: 147px; margin-right: -5px; font: inherit">View Weather</button>
4156
<div id="weatherDisplay"></div>
4257
</div>
4358
</header>
@@ -67,40 +82,43 @@ <h1 id="event-title">New Years Eve</h1>
6782
</div>
6883

6984
<div class="event-selector">
70-
<label for="event-dropdown">Choose an event: </label>
71-
<select id="event-dropdown">
85+
<label for="event-dropdown" style="font: inherit"><strong>Choose an event: </strong></label>
86+
<select id="event-dropdown" style="font: inherit">
7287
<option value="1 Jan">New Year</option>
7388
<option value="10 Feb">Lunar New Year</option>
7489
<option value="9 Nov">My Birthday</option>
7590
</select>
76-
<label for="custom-event-name">OR Create a New Event:</label>
91+
<p><strong>OR</strong></p>
92+
<label for="custom-event-name"><strong>Create a New Event:</strong></label>
7793
<label for="custom-event-name">Event name: </label>
7894
<input type="text" id="custom-event-name">
7995
<label for="custom-event">Event date: </label>
80-
<input type="date" id="custom-event">
81-
<button onclick="updateEvent()">Set Event</button>
96+
<input type="date" id="custom-event" style="font: inherit">
97+
<button style="font: inherit" onclick="updateEvent()">Set Event</button>
8298
<p id="date-warning" style="color:red;"></p>
8399
</div>
84100

85-
<!-- Button to Open Modal -->
86-
<button id="editEventButton">Edit Event</button>
101+
<button style="font: inherit" id="editEventButton">Edit Event</button>
87102

88-
<!-- Modal -->
89103
<div id="editEventModal" class="modal">
90104
<div class="modal-content">
91105
<span class="close" onclick="closeEditModal()">&times;</span>
92-
<h2>Edit Event</h2>
93-
<label for="newEventName">Event Name:</label>
94-
<input type="text" id="newEventName" placeholder="Enter new event name">
95-
96-
<label for="newEventDate">Event Date:</label>
97-
<input type="datetime-local" id="newEventDate">
98-
99-
<button onclick="updateEventDetails()">Update Event</button>
106+
<h2 style="margin-top: 5px">Edit Event</h2>
107+
<div style="text-align: center; margin-bottom: 10px">
108+
<label for="newEventName">Event Name:</label>
109+
<input type="text" id="newEventName" placeholder="Enter new event name">
110+
</div>
111+
<div style="text-align: center">
112+
<label for="newEventDate">Event Date:</label>
113+
<input type="datetime-local" id="newEventDate">
114+
</div>
115+
<div style="text-align: center">
116+
<button onclick="updateEventDetails()">Update Event</button>
117+
</div>
100118
</div>
101119
</div>
102120

103-
<button id="shareEventButton" onclick="shareEvent()">Share Event</button>
121+
<button id="shareEventButton" style="font: inherit" onclick="shareEvent()">Share Event</button>
104122

105123
<div id="shareModal" class="modal">
106124
<div class="modal-content" style="border-radius: 8px">
@@ -119,8 +137,8 @@ <h2>Edit Event</h2>
119137

120138
<div class="reminder-setup">
121139
<h3>Set a reminder:</h3>
122-
<input type="number" id="reminder-time" min="0" placeholder="Hours before event">
123-
<button onclick="setReminder()">Set Reminder</button>
140+
<input type="number" id="reminder-time" min="0" style="border-radius: 8px; height: 28px; border: none; padding-left: 8px; font: inherit" placeholder="Hours before event">
141+
<button style="font: inherit" onclick="setReminder()">Set Reminder</button>
124142
</div>
125143

126144
<div id="custom-events-list">
@@ -130,12 +148,12 @@ <h3>Your Recently Added Events:</h3>
130148

131149
<div id="notesWidget" class="notes-widget">
132150
<div id="notesHeader" class="notes-header">
133-
<span id="notesTitle">Add an Event Note</span>
134-
<button id="toggleNotesButton" onclick="toggleNotes()" title="Maximize/Minimize Notes" style="box-shadow: none">−</button>
151+
<span id="notesTitle">Add an Quick Note</span>
152+
<button id="toggleNotesButton" onclick="toggleNotes()" title="Maximize/Minimize Notes" style="box-shadow: none">+</button>
135153
</div>
136154
<div id="notesContent" class="notes-content">
137-
<textarea id="eventNotes" placeholder="Quick notes about your event..."></textarea>
138-
<button onclick="saveNotes()">Save Notes</button>
155+
<textarea id="eventNotes" placeholder="Quick notes about your event..." style="font: inherit; font-size: 14px"></textarea>
156+
<button style="font: inherit" onclick="saveNotes()">Save Notes</button>
139157
</div>
140158
</div>
141159

@@ -145,10 +163,10 @@ <h3>Your Recently Added Events:</h3>
145163
<button id="minimizeChatbot" onclick="toggleChatbot()" title="Maximize/Minimize Chatbot">-</button>
146164
</div>
147165
<div id="chatbotBody"></div>
148-
<input id="chatbotInput" type="text" style="color: white" placeholder="Ask me anything...">
166+
<input id="chatbotInput" type="text" style="color: white; font: inherit" placeholder="Ask me anything...">
149167
</div>
150168

151-
<button onclick="navigateToAboutPage()" style="margin-bottom: 10px">About</button>
169+
<button onclick="window.location.href='src/html/about.html'" style="margin-bottom: 10px; font: inherit">About</button>
152170

153171
</body>
154172

‎EventHorizon-Mobile/www/manifest.json

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{
2+
"name": "The EventHorizon App",
3+
"short_name": "EventHorizon",
4+
"description": "The EventHorizon App is an intuitive event countdown tool, perfect for tracking important dates and occasions in your life.",
5+
"start_url": "/",
6+
"display": "standalone",
7+
"background_color": "#ffffff",
8+
"theme_color": "#ffffff",
9+
"icons": [
10+
{
11+
"src": "images/icon-192x192.png",
12+
"sizes": "192x192",
13+
"type": "image/png"
14+
},
15+
{
16+
"src": "images/icon-512x512.png",
17+
"sizes": "512x512",
18+
"type": "image/png"
19+
}
20+
],
21+
"orientation": "portrait",
22+
"lang": "en-US",
23+
"scope": "/",
24+
"dir": "ltr",
25+
"prefer_related_applications": false
26+
}

‎EventHorizon-Mobile/www/sitemap.xml

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
3+
<url>
4+
<loc>https://hoangsonww.github.io/The-Event-Horizon-App/</loc>
5+
<lastmod>2024-01-02</lastmod>
6+
<priority>1.00</priority>
7+
</url>
8+
<url>
9+
<loc>https://hoangsonww.github.io/The-Event-Horizon-App/src/html/about.html</loc>
10+
<lastmod>2024-01-02</lastmod>
11+
<priority>0.80</priority>
12+
</url>
13+
</urlset>

0 commit comments

Comments
 (0)