-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstatus.html
217 lines (198 loc) · 11.1 KB
/
status.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Legacies of Men | Status</title>
<link rel="icon" type="image/png" href="./Logo_Files/lolfav.png" />
<!-- Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Legacies of Men is a 100% forever-free, non-profit, non-religious, non-political COMPREHENSIVE men's mental wellness MOVEMENT, engineered to be the ONLY support system GOOD men from ALL walks of life will ever need." />
<meta name="keywords" content="Legacies of Men, men's mental wellness, mental health, suicide prevention, non-profit, non-religious, non-political" />
<meta name="author" content="Legacies of Men" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="7 days" />
<meta name="subject" content="Suicide and Long Term Therapy for Male or Individuals who Identify as Male" />
<meta name="copyright" content="Legacies Of Men | Joesph Truax | Abdullah Khan | and Partners" />
<meta name="language" content="EN" />
<meta name="topic" content="Mental Health" />
<meta name="classification" content="Non-Profit Organization" />
<meta name="designer" content="Abdullah Khan,[email protected] " />
<meta name="owner" content="Joesph Truax, [email protected]" />
<meta name="url" content="http://www.websiteaddrress.com" />
<meta name="identifier-URL" content="http://www.legaciesofmen.org" />
<meta name="pagename" content="Legacies Of Men | status" />
<meta name="coverage" content="Worldwide" />
<meta name="distribution" content="Global" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="7 days" />
<meta name="target" content="all" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="cache" />
<!-- Open Graph (OG) Tags -->
<meta property="og:title" content="Legacies of Men | About" />
<meta property="og:description" content="Legacies of Men is a 100% forever-free, non-profit, non-religious, non-political COMPREHENSIVE men's mental wellness MOVEMENT, engineered to be the ONLY support system GOOD men from ALL walks of life will ever need. Legacies of Men is a movement to help men live their best lives through group meetings, online communities, and resources." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://legaciesofmen.org" />
<meta property="og:image" content="https://legaciesofmen.org/Logo_Files/sof.png" />
<meta property="og:site_name" content="Legacies of Men" />
<meta name="fb:page_id" content="123456789" />
<meta name="application-name" content="Legacies of Men" />
<meta name="og:email" content="[email protected]" />
<meta name="og:phone_number" content="555-1234" />
<meta name="og:fax_number" content="+1-555-5678" />
<meta name="og:country-name" content="USA" />
<!-- Apple Meta Tags -->
<meta name="apple-mobile-web-app-title" content="Legacies Of Men Organization" />
<!-- New in iOS6 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<link href="./Logo_Files/Favicon.png" rel="apple-touch-startup-image" />
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)" />
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)" />
<meta name="mssmarttagspreventparsing" content="true" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta name="msapplication-starturl" content="https://legaciesofmen.org/" />
<meta name="msapplication-window" content="width=800;height=600" />
<meta name="msapplication-navbutton-color" content="red" />
<meta name="application-name" content="Legacies of Men" />
<meta name="msapplication-tooltip" content="Legacies of Men - Helping Men Live Their Best Lives" />
<meta name="msapplication-task" content="name=Meetings;action-uri=/meetings/;icon-uri=/images/meetings.ico" />
<meta name="msapplication-task" content="name=Community;action-uri=/r/GuyCry/;icon-uri=/images/community.ico" />
<meta name="msapplication-task" content="name=Articles;action-uri=/articles/;icon-uri=/images/articles.ico" />
<meta name="msapplication-task" content="name=Podcast;action-uri=/podcast/;icon-uri=/images/podcast.ico" />
<meta name="msvalidate.01" content="6E3AD52DC176461A3C81DD6E98003BC9" />
<meta http-equiv="cleartype" content="on" />
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Legacies of Men | About" />
<meta name="twitter:description" content="Legacies of Men is a 100% forever-free, non-profit, non-religious, non-political COMPREHENSIVE men's mental wellness MOVEMENT, engineered to be the ONLY support system GOOD men from ALL walks of life will ever need." />
<meta name="twitter:image" content="https://legaciesofmen.org/Logo_Files/sof.png" />
<meta name="twitter:site" content="@LegaciesOfMen" />
<meta name="twitter:creator" content="@JoeTruax" />
<!-- Schema.org Markup -->
<script type="application/ld+json" defer>
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Legacies of Men",
"url": "https://legaciesofmen.org",
"logo": "https://legaciesofmen.org/Logo_Files/lolfav.png",
"description": "Legacies of Men is a 100% forever-free, non-profit, non-religious, non-political COMPREHENSIVE men's mental wellness MOVEMENT, engineered to be the ONLY support system GOOD men from ALL walks of life will ever need.",
"publisher": {
"@type": "Organization",
"name": "Legacies Of Men Organization",
"logo": {
"@type": "ImageObject",
"url": "https://legaciesofmen.org/Logo_Files/Favicon.png"
}
},
"mainEntity": [
{
"@type": "WebPage",
"name": "About Us",
"url": "https://www.legaciesofmen.org/about.html"
},
{
"@type": "WebPage",
"name": "Resources",
"url": "https://www.legaciesofmen.org/resources.html"
},
{
"@type": "WebPage",
"name": "Contact Us",
"url": "https://www.legaciesofmen.org/contact.html"
}
],
"sameAs": [
"https://www.reddit.com/r/GuyCry/",
"https://www.cryonceaweek.com/",
"https://open.spotify.com/show/65mhyxnTbmFtKSCJEk00zr",
"https://www.reddit.com/r/GuyCry/?rdt=62026",
"https://opencollective.com/legacies-of-men",
"https://twitter.com/LegaciesOfMen",
"https://www.linkedin.com/company/legacies-of-men-llc?trk=public_profile_volunteering-position_profile-section-card_full-click",
]
}
</script>
<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest'></script>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<script>
tailwind.config = {
darkMode: 'class',
}
</script>
</head>
<body class="transition-colors duration-300 bg-white text-gray-900 dark:bg-gray-900 dark:text-white">
<div class="container mx-auto px-4 py-8">
<div class="flex justify-between items-center mb-8">
<h1 class="text-3xl font-bold">Status Page</h1>
<button id="theme-toggler" class="p-2 rounded-full bg-gray-200 dark:bg-gray-700">
<i class="fas fa-moon"></i>
</button>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
<div class="status-item" data-status="ok">
<h2 class="text-lg font-semibold mb-2">Website Downtime</h2>
<div class="h-32 w-full rounded-lg bg-green-500"></div>
</div>
<div class="status-item" data-status="ok">
<h2 class="text-lg font-semibold mb-2">Program Downtime</h2>
<div class="h-32 w-full rounded-lg bg-green-500"></div>
</div>
<div class="status-item" data-status="ok">
<h2 class="text-lg font-semibold mb-2">Current Program Availability / Seats</h2>
<div class="h-32 w-full rounded-lg bg-green-500"></div>
</div>
<div class="status-item" data-status="ok">
<h2 class="text-lg font-semibold mb-2">Unexpected changes in Program</h2>
<div class="h-32 w-full rounded-lg bg-green-500"></div>
</div>
</div>
<div class="mb-8">
<h2 class="text-2xl font-bold mb-4">Legend</h2>
<div class="flex flex-wrap gap-4">
<div class="flex items-center">
<div class="w-6 h-6 rounded-full bg-green-500 mr-2"></div>
<span>Operational</span>
</div>
<div class="flex items-center">
<div class="w-6 h-6 rounded-full bg-yellow-500 mr-2"></div>
<span>Partial Outage</span>
</div>
<div class="flex items-center">
<div class="w-6 h-6 rounded-full bg-red-500 mr-2"></div>
<span>Major Outage</span>
</div>
</div>
</div>
</div>
<script>
const themeToggler = document.getElementById('theme-toggler');
const htmlElement = document.documentElement;
// Check for the user's preferred theme on page load
let prefersDarkMode = localStorage.getItem('prefersDarkMode') === 'true';
updateTheme();
// Add event listener to the theme toggler button
themeToggler.addEventListener('click', () => {
prefersDarkMode = !prefersDarkMode;
localStorage.setItem('prefersDarkMode', prefersDarkMode);
updateTheme();
});
function updateTheme() {
if (prefersDarkMode) {
htmlElement.classList.add('dark');
themeToggler.innerHTML = '<i class="fas fa-sun"></i>';
} else {
htmlElement.classList.remove('dark');
themeToggler.innerHTML = '<i class="fas fa-moon"></i>';
}
}
</script>
</body>
</html>