Skip to content

Commit dbb36a3

Browse files
UzairArain2008UzairArain2008
committed
initial commit
1 parent b4f02fe commit dbb36a3

1 file changed

Lines changed: 180 additions & 0 deletions

File tree

‎autoreload.html‎

Lines changed: 180 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,180 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>AutoReload CLI | Uzair Arain</title>
8+
9+
<!-- Link to Google Fonts (matching your portfolio theme) -->
10+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
11+
12+
<style>
13+
/* Reset & body */
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
box-sizing: border-box;
18+
}
19+
20+
body {
21+
font-family: 'Inter', sans-serif;
22+
background: #f9f9f9;
23+
color: #222;
24+
line-height: 1.6;
25+
}
26+
27+
/* Container */
28+
.container {
29+
max-width: 900px;
30+
margin: 60px auto;
31+
padding: 0 20px;
32+
}
33+
34+
/* Header */
35+
header {
36+
text-align: center;
37+
margin-bottom: 40px;
38+
}
39+
40+
header h1 {
41+
font-size: 2.6rem;
42+
color: #1a73e8;
43+
/* match your portfolio primary color */
44+
}
45+
46+
header p {
47+
color: #555;
48+
margin-top: 8px;
49+
}
50+
51+
/* Buttons */
52+
.btn {
53+
display: inline-block;
54+
background: #1a73e8;
55+
color: white;
56+
padding: 10px 20px;
57+
margin: 10px 5px;
58+
border-radius: 6px;
59+
font-weight: 600;
60+
text-decoration: none;
61+
transition: 0.2s;
62+
}
63+
64+
.btn:hover {
65+
background: #155ab6;
66+
}
67+
68+
/* Sections */
69+
section {
70+
background: white;
71+
padding: 20px 25px;
72+
margin-bottom: 25px;
73+
border-radius: 8px;
74+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
75+
}
76+
77+
section h2 {
78+
color: #1a73e8;
79+
margin-bottom: 12px;
80+
font-size: 1.5rem;
81+
}
82+
83+
section ul {
84+
list-style: disc;
85+
padding-left: 20px;
86+
}
87+
88+
code {
89+
display: block;
90+
background: #f1f1f1;
91+
padding: 10px 12px;
92+
border-radius: 6px;
93+
font-family: 'Courier New', monospace;
94+
margin: 10px 0;
95+
}
96+
97+
/* Footer */
98+
footer {
99+
text-align: center;
100+
margin-top: 50px;
101+
padding: 20px 0;
102+
color: #777;
103+
font-size: 0.9rem;
104+
}
105+
</style>
106+
</head>
107+
108+
<body>
109+
<div class="container">
110+
111+
<!-- Header -->
112+
<header>
113+
<h1>AutoReload CLI</h1>
114+
<p>Professional Browser Auto-Reload Tool — by Uzair Arain</p>
115+
<a href="https://github.com/UzairArain2008/Python-Auto-Reload" class="btn" target="_blank">View on
116+
GitHub</a>
117+
<a href="https://github.com/UzairArain2008/Python-Auto-Reload/archive/refs/heads/main.zip" class="btn"
118+
download>Download ZIP</a>
119+
</header>
120+
121+
<!-- About -->
122+
<section>
123+
<h2>About</h2>
124+
<p>AutoReload CLI is a terminal tool that automates refreshing of websites.
125+
It supports interactive step-by-step mode as well as CLI flags for advanced users.
126+
Colored logs, professional banner, and "keep awake" mode make it perfect for developers and freelancers.
127+
</p>
128+
</section>
129+
130+
<!-- Features -->
131+
<section>
132+
<h2>Features</h2>
133+
<ul>
134+
<li>Interactive prompts for websites, intervals, and system awake</li>
135+
<li>CLI flags: <code>--websites</code>, <code>--keep-awake</code>, <code>--min-interval</code>,
136+
<code>--max-interval</code>
137+
</li>
138+
<li>Colored logs and clean terminal banner</li>
139+
<li>Works with Brave browser automation</li>
140+
<li>Hybrid: run step-by-step or via flags</li>
141+
</ul>
142+
</section>
143+
144+
<!-- Installation -->
145+
<section>
146+
<h2>Installation</h2>
147+
<p>Clone the repository and install in editable mode:</p>
148+
<code>git clone https://github.com/UzairArain2008/Python-Auto-Reload.git
149+
cd Python-Auto-Reload
150+
pip install -e .</code>
151+
<p>Then run:</p>
152+
<code>autoreload</code>
153+
</section>
154+
155+
<!-- Usage -->
156+
<section>
157+
<h2>Usage</h2>
158+
<p><strong>Interactive mode:</strong></p>
159+
<code>autoreload</code>
160+
<p><strong>CLI flags mode:</strong></p>
161+
<code>autoreload --websites https://upwork.com https://fiverr.com --keep-awake True --min-interval 60 --max-interval 120</code>
162+
</section>
163+
164+
<!-- Help & Version -->
165+
<section>
166+
<h2>Help & Version</h2>
167+
<p>Run any of these for CLI guidance:</p>
168+
<code>autoreload -h
169+
autoreload --version</code>
170+
</section>
171+
172+
<!-- Footer -->
173+
<footer>
174+
© 2026 Uzair Arain — <a href="https://uzairarain.github.io" target="_blank">uzairarain.github.io</a>
175+
</footer>
176+
177+
</div>
178+
</body>
179+
180+
</html>

0 commit comments

Comments
 (0)