Skip to content

Commit 3e912a8

Browse files
MoohaaMoohaa
committed
add : create a github-page for the project
1 parent 16e59d8 commit 3e912a8

File tree

1 file changed

+223
-0
lines changed

1 file changed

+223
-0
lines changed

‎docs/index.html‎

Lines changed: 223 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,223 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta content="width=device-width, initial-scale=1.0" name="viewport">
6+
<title>CloseAll - One-click tool to close all apps</title>
7+
<style>
8+
/* Minimalistic styling */
9+
:root {
10+
--primary-color: #0366d6;
11+
--text-color: #24292e;
12+
--bg-color: #fff;
13+
--secondary-bg: #f6f8fa;
14+
--border-color: #e1e4e8;
15+
}
16+
17+
body {
18+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
19+
line-height: 1.6;
20+
color: var(--text-color);
21+
background-color: var(--bg-color);
22+
max-width: 800px;
23+
margin: 0 auto;
24+
padding: 2rem 1rem;
25+
}
26+
27+
@media (prefers-color-scheme: dark) {
28+
:root {
29+
--primary-color: #58a6ff;
30+
--text-color: #c9d1d9;
31+
--bg-color: #0d1117;
32+
--secondary-bg: #161b22;
33+
--border-color: #30363d;
34+
}
35+
}
36+
37+
h1, h2, h3 {
38+
margin-top: 2rem;
39+
margin-bottom: 1rem;
40+
color: var(--primary-color);;
41+
}
42+
43+
h1 {
44+
padding-bottom: 0.3rem;
45+
border-bottom: 1px solid var(--border-color);
46+
}
47+
48+
a {
49+
color: var(--primary-color);
50+
text-decoration: none;
51+
}
52+
53+
a:hover {
54+
text-decoration: underline;
55+
}
56+
57+
.container {
58+
margin-bottom: 2rem;
59+
}
60+
61+
code {
62+
font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
63+
background-color: var(--secondary-bg);
64+
padding: 0.2em 0.4em;
65+
border-radius: 3px;
66+
font-size: 85%;
67+
}
68+
69+
pre {
70+
background-color: var(--secondary-bg);
71+
padding: 1rem;
72+
border-radius: 6px;
73+
overflow: auto;
74+
}
75+
76+
.button {
77+
display: inline-block;
78+
padding: 0.5rem 1rem;
79+
background-color: var(--primary-color);
80+
color: white;
81+
border-radius: 6px;
82+
font-weight: 600;
83+
transition: background-color 0.2s;
84+
}
85+
86+
.button:hover {
87+
background-color: #0255b3;
88+
text-decoration: none;
89+
}
90+
91+
.feature {
92+
margin-bottom: 1rem;
93+
display: flex;
94+
align-items: flex-start;
95+
}
96+
97+
.feature-icon {
98+
margin-right: 1rem;
99+
font-size: 1.5rem;
100+
min-width: 1.5rem;
101+
text-align: center;
102+
}
103+
104+
.badges {
105+
margin: 1rem 0;
106+
}
107+
108+
.badge {
109+
display: inline-block;
110+
margin-right: 0.5rem;
111+
margin-bottom: 0.5rem;
112+
}
113+
114+
footer {
115+
margin-top: 3rem;
116+
padding-top: 1rem;
117+
border-top: 1px solid var(--border-color);
118+
font-size: 0.9rem;
119+
color: #6a737d;
120+
}
121+
</style>
122+
</head>
123+
<body>
124+
<header>
125+
<h2>About</h2>
126+
<p>CloseAll is a lightweight macOS utility application that allows you to close all your running
127+
applications with just one click. Perfect for quickly clearing your workspace before
128+
meetings, presentations, or when you just need a clean state.</p>
129+
<div class="badges">
130+
<span class="badge">
131+
<img alt="GitHub Stars"
132+
src="https://img.shields.io/github/stars/Moohaa/CloseAll?style=social">
133+
</span>
134+
<span class="badge">
135+
<img alt="License" src="https://img.shields.io/github/license/Moohaa/CloseAll">
136+
</span>
137+
</div>
138+
139+
<a class="button" href="https://github.com/Moohaa/CloseAll/releases">Download Latest Release</a>
140+
<a class="button" href="https://github.com/Moohaa/CloseAll" style="background-color: #24292e;">View
141+
on GitHub</a>
142+
</header>
143+
144+
<main>
145+
<div class="container">
146+
<h2>Features</h2>
147+
148+
<div>
149+
<strong>
150+
✅ One-Click Close :
151+
</strong>Instantly shut down all open apps.
152+
</div>
153+
<div>
154+
<strong>
155+
✅ Customizable :
156+
</strong>Choose specific apps to exclude from closing.
157+
</div>
158+
<div>
159+
<strong>
160+
✅ Only Tray App for Better UX :
161+
</strong>Stays in the menu bar for quick and easy access.
162+
</div>
163+
<div>
164+
<strong>
165+
✅ Dark & Light Mode :
166+
</strong>Automatically adapts to your macOS theme.
167+
</div>
168+
<div>
169+
<strong>
170+
✅ Lightweight & Fast :
171+
</strong>Runs seamlessly without slowing down your Mac.
172+
</div>
173+
<div>
174+
<strong>
175+
✅ Privacy-Focused :
176+
</strong>No background tracking or data collection.
177+
</div>
178+
</div>
179+
180+
<div class="container">
181+
<h2>Installation</h2>
182+
<ol>
183+
<li><strong>Download</strong> the latest .dmg artifact version from <a
184+
href="https://github.com/Moohaa/CloseAll/releases">Releases</a></li>
185+
<li>Double click on the .dmg artirfact.</li>
186+
<li>Move it to the <strong>Applications</strong> folder.</li>
187+
<li>Open the <strong>CloseAll</strong> application</li>
188+
</ol>
189+
</div>
190+
191+
<div class="container">
192+
<h2>Usage</h2>
193+
<ol>
194+
<li>Click on the <strong>CloseAll</strong> icon from the menu bar.</li>
195+
<li>Select applications to close.</li>
196+
<li>Click close icon, then Watch all selected applications shut down instantly!</li>
197+
</ol>
198+
</div>
199+
<div class="container">
200+
<h2>License</h2>
201+
<p>This project is licensed under the MIT License - see the <a
202+
href="https://github.com/Moohaa/CloseAll/blob/main/LICENSE">LICENSE</a> file for
203+
details.</p>
204+
</div>
205+
</main>
206+
207+
<footer>
208+
<p>Made with ❤️ by <a href="https://github.com/Moohaa">Moohaa</a></p>
209+
</footer>
210+
211+
<script>
212+
// Simple JavaScript to handle dark/light mode toggle
213+
// You can expand this with actual functionality as needed
214+
document.addEventListener('DOMContentLoaded', function() {
215+
// Check if user has dark mode preference
216+
const prefersDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
217+
218+
// You can add a toggle button or additional functionality here
219+
console.log('CloseAll page loaded successfully');
220+
});
221+
</script>
222+
</body>
223+
</html>

0 commit comments

Comments
 (0)