Skip to content

Commit 8ddf66f

Browse files
Tanu-N-PrabhuTanu-N-Prabhu
committed
docs: add a home page and better navigation
1 parent 0b5097a commit 8ddf66f

File tree

4 files changed

+449
-97
lines changed

4 files changed

+449
-97
lines changed

‎assets/style.css‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,3 +140,99 @@ time {
140140
min-height: auto;
141141
}
142142
}
143+
144+
/* Navigation cards */
145+
.nav-card {
146+
text-decoration: none;
147+
color: inherit;
148+
cursor: pointer;
149+
}
150+
151+
.nav-card:hover h3 {
152+
text-decoration: underline;
153+
}
154+
155+
156+
/* Navigation affordance */
157+
.nav-card {
158+
position: relative;
159+
border: 1px solid rgba(0, 0, 0, 0.08);
160+
transition: transform 0.25s ease, box-shadow 0.25s ease;
161+
}
162+
163+
.nav-card::after {
164+
content: "→";
165+
position: absolute;
166+
right: 24px;
167+
bottom: 24px;
168+
font-size: 1.4rem;
169+
opacity: 0.5;
170+
}
171+
172+
.nav-card:hover {
173+
transform: translateY(-6px);
174+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
175+
}
176+
177+
.nav-card:hover::after {
178+
opacity: 1;
179+
}
180+
181+
/* Top navigation */
182+
.top-nav {
183+
max-width: 1200px;
184+
margin: 0 auto;
185+
padding: 24px;
186+
}
187+
188+
189+
/* Floating hub button */
190+
.floating-home.hub {
191+
position: fixed;
192+
bottom: 24px;
193+
right: 24px;
194+
width: 56px;
195+
height: 56px;
196+
border-radius: 50%;
197+
background: linear-gradient(135deg, #93c5fd, #6ee7b7);
198+
display: flex;
199+
align-items: center;
200+
justify-content: center;
201+
text-decoration: none;
202+
box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
203+
transition: transform 0.3s ease, box-shadow 0.3s ease;
204+
}
205+
206+
/* Center dot */
207+
.hub-dot {
208+
width: 10px;
209+
height: 10px;
210+
background: white;
211+
border-radius: 50%;
212+
position: relative;
213+
}
214+
215+
/* Orbit ring */
216+
.hub-dot::before {
217+
content: "";
218+
position: absolute;
219+
inset: -10px;
220+
border: 2px solid rgba(255, 255, 255, 0.7);
221+
border-radius: 50%;
222+
}
223+
224+
/* Hover animation */
225+
.floating-home.hub:hover {
226+
transform: translateY(-4px) scale(1.05);
227+
box-shadow: 0 22px 50px rgba(0, 0, 0, 0.25);
228+
}
229+
230+
.floating-home.hub:hover .hub-dot::before {
231+
animation: spin 1.2s linear infinite;
232+
}
233+
234+
@keyframes spin {
235+
from { transform: rotate(0deg); }
236+
to { transform: rotate(360deg); }
237+
}
238+

‎content.html‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
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" />
6+
<title>Python Repository · Content Overview</title>
7+
8+
<meta name="description" content="Overview of all learning paths and content inside the Python repository." />
9+
<link rel="stylesheet" href="assets\style.css" />
10+
</head>
11+
12+
<body>
13+
<header class="hero">
14+
<h1>Repository Content</h1>
15+
<p>Explore the learning paths, resources, and materials available</p>
16+
</header>
17+
18+
<main class="release-grid" aria-label="Repository Content">
19+
20+
<!-- Python Fundamentals -->
21+
<article class="release-card accent-blue">
22+
<header class="card-header">
23+
<span class="version">Python</span>
24+
<span></span>
25+
</header>
26+
27+
<section class="card-section">
28+
<h3>Core Topics</h3>
29+
<ul>
30+
<li>Syntax, variables, and data types</li>
31+
<li>Control flow and functions</li>
32+
</ul>
33+
</section>
34+
35+
<section class="card-section">
36+
<h3>Intermediate</h3>
37+
<ul>
38+
<li>Object-oriented programming</li>
39+
<li>Error handling and debugging</li>
40+
</ul>
41+
</section>
42+
43+
<section class="card-section">
44+
<h3>Advanced</h3>
45+
<ul>
46+
<li>Design principles</li>
47+
<li>Performance and best practices</li>
48+
</ul>
49+
</section>
50+
</article>
51+
52+
<!-- Data Science -->
53+
<article class="release-card accent-green">
54+
<header class="card-header">
55+
<span class="version">Data Science</span>
56+
<span></span>
57+
</header>
58+
59+
<section class="card-section">
60+
<h3>Foundations</h3>
61+
<ul>
62+
<li>Data science workflow overview</li>
63+
<li>Python for data analysis</li>
64+
</ul>
65+
</section>
66+
67+
<section class="card-section">
68+
<h3>Hands-On</h3>
69+
<ul>
70+
<li>Data cleaning & preprocessing</li>
71+
<li>Exploratory Data Analysis (EDA)</li>
72+
</ul>
73+
</section>
74+
75+
<section class="card-section">
76+
<h3>Applied</h3>
77+
<ul>
78+
<li>Real-world datasets</li>
79+
<li>Practical notebooks</li>
80+
</ul>
81+
</section>
82+
</article>
83+
84+
<!-- Interview Prep -->
85+
<article class="release-card accent-purple">
86+
<header class="card-header">
87+
<span class="version">Interview Prep</span>
88+
<span></span>
89+
</header>
90+
91+
<section class="card-section">
92+
<h3>Python Questions</h3>
93+
<ul>
94+
<li>Core Python interview questions</li>
95+
<li>Advanced problem-solving</li>
96+
</ul>
97+
</section>
98+
99+
<section class="card-section">
100+
<h3>Concepts</h3>
101+
<ul>
102+
<li>Design and architecture questions</li>
103+
<li>Common pitfalls and best practices</li>
104+
</ul>
105+
</section>
106+
107+
<section class="card-section">
108+
<h3>Practice</h3>
109+
<ul>
110+
<li>Quizzes and exercises</li>
111+
<li>Revision-ready material</li>
112+
</ul>
113+
</section>
114+
</article>
115+
116+
<!-- Articles & Writing -->
117+
<article class="release-card accent-orange">
118+
<header class="card-header">
119+
<span class="version">Articles</span>
120+
<span></span>
121+
</header>
122+
123+
<section class="card-section">
124+
<h3>Long-Form</h3>
125+
<ul>
126+
<li>Python growth and mindset articles</li>
127+
<li>Engineering best practices</li>
128+
</ul>
129+
</section>
130+
131+
<section class="card-section">
132+
<h3>Platforms</h3>
133+
<ul>
134+
<li>Medium publications</li>
135+
<li>LinkedIn educational posts</li>
136+
</ul>
137+
</section>
138+
139+
<section class="card-section">
140+
<h3>Featured</h3>
141+
<ul>
142+
<li>Curated external resources</li>
143+
<li>Recommended reading</li>
144+
</ul>
145+
</section>
146+
</article>
147+
148+
</main>
149+
150+
<footer class="footer">
151+
<p>Part of the Python Repository · GitHub Pages</p>
152+
</footer>
153+
154+
<a href="index.html" class="floating-home hub" aria-label="Go to Home">
155+
<span class="hub-dot"></span>
156+
</a>
157+
158+
159+
160+
</body>
161+
</html>

0 commit comments

Comments
 (0)