-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (115 loc) · 6.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home - ACNH Apps</title>
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png" />
<link rel="manifest" href="site.webmanifest" />
<link rel="stylesheet" href="Style/Style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet" />
<script src="Scripts/universalScripts/header.js" defer type="text/javascript"></script>
<script src="Scripts/universalScripts/time.js" defer type="text/javascript"></script>
<script src="Scripts/universalScripts/interactiveBackground.js"></script>
<script src="Scripts/universalScripts/addSubtractDays.js" defer type="text/javascript"></script>
<script src="Scripts/universalScripts/eventsFunctions.js" defer type="text/javascript"></script>
<script src="Scripts/otherCode/bunnyDay.js" defer type="text/javascript"></script>
<script src="Scripts/lists/materials.js" defer type="text/javascript"></script>
<script src="Scripts/lists/birthdays.js" defer type="text/javascript"></script>
<script src="Scripts/lists/events.js" defer type="text/javascript"></script>
<script src="Scripts/index/hemisphere.js" defer type="text/javascript"></script>
<script src="Scripts/index/seasonalMaterials.js" defer type="text/javascript"></script>
<script src="Scripts/index/birthdays.js" defer type="text/javascript"></script>
<script src="Scripts/index/events.js" defer type="text/javascript"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S7H31G1T9W"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-S7H31G1T9W');
</script>
</head>
<body class="backImage">
<header class="flex align" id="header"></header>
<div class="mainContent flexVertical">
<div class="intro flexVertical">
<h1>ACNH Apps</h1>
<p class="intro">
Animal Crossing New Horizons Apps is a website with useful apps for you to use.<br><br>
A quick overview:<br><br>
<a href="DIYProfits.html" class="homeLink">DIY Profits</a> lets you note all the materials you want to "get rid of" and shows what the most profitable item to craft is.<br><br>
<a href="Craftulator.html" class="homeLink">Craftulator</a> lets you note all the diys you want to craft or order from someone and shows what and how many materials you'll need for all the items.<br><br>
<a href="Encyclopedia.html" class="homeLink">Encyclopedia</a> is a representation of the in-game encyclopedia<br>Use this to look up critters that you haven't caught yet, to see when and where they're available.<br><br>
<a href="Calendar.html" class="homeLink">Calendar</a> is an interactive calendar.<br>Click on the arrows to go to the next or previous months. Click on any day to see the specifics of that day. Click on the month to jump back to the current date.<br><br>
<a href="MoreWebsites.html" class="homeLink">More Websites</a> speaks for itself. Other websites I've come across that are useful with playing the game.
</p>
</div>
<div class="currentEvents flexVertical">
<h2>Currently Happening</h2>
<div class="tabs">
<div class="tab">
<button class="tablinks active" onclick="hemisphere(event, 'north')">Northern Hemisphere</button>
<button class="tablinks" onclick="hemisphere(event, 'south')">Southern Hemisphere</button>
</div>
<div>
<div id="north" class="tabcontent" style="display: block;">
<h3>Northern Hemisphere</h3>
<div class="flex noGap">
<article id="seasonalNorth">
<h4>Seasonal</h4>
</article>
<article id="eventsNorth" class="events">
<h4>Events</h4>
</article>
<article id="birthdaysN">
<h4>Birthday</h4>
</article>
</div>
</div>
<div id="south" class="tabcontent">
<h3>Southern Hemisphere</h3>
<div class="flex noGap">
<article id="seasonalSouth">
<h4>Seasonal</h4>
</article>
<article id="eventsSouth" class="events">
<h4>Events</h4>
</article>
<article id="birthdaysS">
<h4>Birthday</h4>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="flex bottomLinks">
<p>DA: DA-9419-3603-8052<br>Creator ID: MA-4116-4314-7050<br>HHN ID: RA-7852-3149-7307</p>
</footer>
</body>
<script>
if ('serviceWorker' in navigator) {
// Register a service worker after the load event
addEventListener('load', () => {
navigator.serviceWorker.register('./sw.js').then(console.log('Service worker successfully installed.'));
if (!matchMedia('(display-mode: standalone)').matches) { // only execute if app is not already installed
console.log('Executing app install reminder.'),
// reminds the user they can install the app
alert('Consider installing the app!\nDesktop Browser - click install button in top-right of address bar\nMobile Browser - click Add To Homescreen after clicking share button');
};
});
};
onappinstalled = event => {
console.log('Thank you for installing the app!');
};
</script>
</html>