Skip to content

Commit 5eab52b

Browse files
yuvraj-k-singhyuvraj-k-singh
committed
Add Responsive Terms of Service Page to the Website
1 parent 06f6bd4 commit 5eab52b

2 files changed

Lines changed: 187 additions & 1 deletion

File tree

‎web-app/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1339,7 +1339,7 @@ <h3>Stay Updated</h3>
13391339
<div class="footer-bottom-links">
13401340
<a href="#">Privacy Policy</a>
13411341
<span class="separator">•</span>
1342-
<a href="#">Terms of Service</a>
1342+
<a href="./terms-condition.html">Terms of Service</a>
13431343
</div>
13441344
<p>Made with ❤️ for Python learners everywhere © 2026</p>
13451345
</div>

‎web-app/terms-condition.html‎

Lines changed: 186 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,186 @@
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>Terms of Service - Python Mini Projects</title>
7+
<style>
8+
/* Base Layout & Exact Homepage Match Theme Colors */
9+
body {
10+
background-color: #0b0a0a; /* Exact homepage dark background color */
11+
color: #d1d5db;
12+
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
13+
margin: 0;
14+
padding: 0;
15+
line-height: 1.7;
16+
}
17+
18+
.tos-container {
19+
max-width: 850px;
20+
margin: 40px auto;
21+
padding: 0 20px;
22+
}
23+
24+
/* Top Action Bar containing the Navigation Button */
25+
.action-bar {
26+
margin-bottom: 24px;
27+
}
28+
29+
.btn-back {
30+
display: inline-flex;
31+
align-items: center;
32+
gap: 8px;
33+
background-color: #121111; /* Matches dark button background */
34+
color: #00f2fe; /* Highlighting arcade cyan/mint hue from the navbar button */
35+
text-decoration: none;
36+
padding: 10px 20px;
37+
border-radius: 20px; /* Rounded pill shape matching your top nav buttons */
38+
font-size: 0.95rem;
39+
font-weight: 600;
40+
border: 1px solid #221f1f;
41+
transition: all 0.2s ease-in-out;
42+
}
43+
44+
.btn-back:hover {
45+
background-color: #00f2fe;
46+
color: #0b0a0a;
47+
border-color: #00f2fe;
48+
box-shadow: 0 0 15px rgba(0, 242, 254, 0.4);
49+
transform: translateX(-2px);
50+
}
51+
52+
/* Card Container matching the homepage grid items layout */
53+
.tos-card {
54+
background: #121111; /* Matches the exact grid project card background */
55+
border: 1px solid #1c1a1a; /* Subtle separator borders */
56+
border-radius: 16px;
57+
overflow: hidden;
58+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);
59+
}
60+
61+
.tos-header {
62+
background: linear-gradient(135deg, #181616 0%, #0b0a0a 100%);
63+
padding: 45px 40px;
64+
border-bottom: 1px solid #1c1a1a;
65+
text-align: center;
66+
}
67+
68+
.tos-header h1 {
69+
color: #ffffff;
70+
font-size: 2.5rem;
71+
margin: 0 0 10px 0;
72+
font-weight: 700;
73+
letter-spacing: -0.025em;
74+
}
75+
76+
.tos-header p {
77+
color: #00f2fe; /* Neon accent highlight color */
78+
margin: 0;
79+
font-size: 0.95rem;
80+
font-weight: 500;
81+
}
82+
83+
/* Main Policy Typography Layout */
84+
.tos-body {
85+
padding: 40px;
86+
}
87+
88+
.tos-section-title {
89+
color: #f59e0b; /* Golden Orange Accent matching repository icons */
90+
font-size: 1.4rem;
91+
margin-top: 35px;
92+
margin-bottom: 15px;
93+
font-weight: 600;
94+
border-bottom: 1px solid #1c1a1a;
95+
padding-bottom: 8px;
96+
}
97+
98+
.tos-body p {
99+
color: #9ca3af;
100+
margin-bottom: 20px;
101+
}
102+
103+
.tos-list {
104+
padding-left: 20px;
105+
margin-bottom: 20px;
106+
color: #9ca3af;
107+
}
108+
109+
.tos-list li {
110+
margin-bottom: 10px;
111+
}
112+
113+
/* Responsive Breakpoints */
114+
@media (max-width: 768px) {
115+
.tos-container {
116+
margin: 20px auto;
117+
}
118+
.tos-header {
119+
padding: 30px 20px;
120+
}
121+
.tos-header h1 {
122+
font-size: 2rem;
123+
}
124+
.tos-body {
125+
padding: 25px 20px;
126+
}
127+
}
128+
</style>
129+
</head>
130+
<body>
131+
132+
<div class="tos-container">
133+
134+
<div class="action-bar">
135+
<a href="./index.html" class="btn-back">
136+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
137+
Back to Home
138+
</a>
139+
</div>
140+
141+
<article class="tos-card">
142+
143+
<header class="tos-header">
144+
<h1>Terms of Service</h1>
145+
<p>Last Updated: May 22, 2026</p>
146+
</header>
147+
148+
<div class="tos-body">
149+
<p>Welcome to <strong>Python Mini Projects</strong>. By accessing our platform, compiling scripts, interacting with the playground, or playing the built-in mini-games, you acknowledge that you have read, understood, and agreed to be bound by these Terms of Service. If you do not agree to these terms, please refrain from using the platform.</p>
150+
151+
<h2 class="tos-section-title">1. Agreement to Terms</h2>
152+
<p>These terms constitute a binding legal agreement between you and Python Mini Projects regarding your usage of the website. We reserve the correct authority to modify, tweak, or update these rules at any chosen point. Continued interaction with the interface following layout changes constitutes full acknowledgment of the fresh updates.</p>
153+
154+
<h2 class="tos-section-title">2. Open Source License & Code Contributions</h2>
155+
<p>The core objective of this space is open-source sharing and learning. Most materials, scripts, and layout elements remain explicitly open-source under standard repository rules (such as the MIT License or GNU General Public License as detailed in the GitHub repository core directory).</p>
156+
<ul class="tos-list">
157+
<li>You are permitted to download, clone, study, and configure script variations for individual training or evaluation platforms.</li>
158+
<li>When submitting components via pull requests under programs like GSSoC, you warrant that all submitted code is original or properly attributed to its legitimate upstream open-source frameworks.</li>
159+
</ul>
160+
161+
<h2 class="tos-section-title">3. User Conduct & Fair Use Rules</h2>
162+
<p>To preserve a secure and reliable experience for the coding community, you agree not to engage in malicious platform behaviors, including but not limited to:</p>
163+
<ul class="tos-list">
164+
<li>Disrupting, hammering, or compromising host server systems through automation scripts or distributed denial-of-service (DDoS) pathways.</li>
165+
<li>Using integrated web execution playgrounds to run cryptocurrency miner routines, scraper structures, or security exploit checks.</li>
166+
<li>Submitting misleading, toxic, or intentionally broken script payloads during the repository contribution steps.</li>
167+
</ul>
168+
169+
<h2 class="tos-section-title">4. Intellectual Property Rights</h2>
170+
<p>The collective presentation style, arcade UI assets, graphic banners, and brand branding are owned by Python Mini Projects community contributors. Unauthorized framing or mirror replication of this platform’s explicit interface aesthetics without explicit design permissions is prohibited.</p>
171+
172+
<h2 class="tos-section-title">5. Disclaimer of Warranties</h2>
173+
<p>The digital code resources, features, and arcade functions embedded across this application framework are configured on an <em>"As-Is"</em> and <em>"As-Available"</em> operational baseline. Contributors make no explicit promises or operational guarantees regarding system uptime, processing correctness, or cross-browser script stability.</p>
174+
175+
<h2 class="tos-section-title">6. Termination of Usage</h2>
176+
<p>We retain the absolute authority to block access windows or ignore repository requests from individuals violating active fair play standards, missing licensing guidelines, or causing software instabilities for other user accounts.</p>
177+
178+
<h2 class="tos-section-title">7. Contact Information</h2>
179+
<p>If you discover broken pathways, licensing questions, or security bugs, please open a formal tracking issue ticket directly on our official community GitHub repository.</p>
180+
</div>
181+
182+
</article>
183+
</div>
184+
185+
</body>
186+
</html>

0 commit comments

Comments
 (0)