Skip to content

Commit e23fd35

Browse files
Vic-NasVic-Nas
committed
Full page code review
1 parent f3bd255 commit e23fd35

File tree

3 files changed

+518
-810
lines changed

3 files changed

+518
-810
lines changed

‎index.html‎

Lines changed: 38 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -5,65 +5,51 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Python Solutions - LeetCode, Kattis & VicUtils</title>
77
<link rel="icon" href="VN.ico">
8-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
99
<link rel="stylesheet" href="styles.css">
1010
</head>
1111
<body>
12-
<div class="container" id="main">
13-
<a href="https://vic-nas.github.io/portfolio" class="portfolio-link" target="_blank">
14-
Portfolio
15-
</a>
16-
17-
<header>
18-
<h1>PythonSolutions</h1>
19-
<p class="subtitle">LeetCode & Kattis Solutions + Utility Scripts</p>
20-
</header>
21-
22-
<div id="loading" class="loading">
23-
<div class="spinner"></div>
24-
<span>Scanning repository...</span>
12+
<nav class="top-nav">
13+
<div class="nav-brand">PythonSolutions</div>
14+
<a href="https://vic-nas.github.io/portfolio" class="portfolio-btn" target="_blank">Portfolio →</a>
15+
</nav>
16+
17+
<main id="app-root">
18+
<div id="loading-screen">
19+
<div class="loader"></div>
20+
<p>Loading repository data...</p>
2521
</div>
26-
27-
<div id="main-view" class="platforms" style="display: none;">
28-
<div class="platform-card" onclick="showProblems('leetcode')">
29-
<h2>
30-
<div class="platform-icon leetcode-icon">LC</div>
31-
LeetCode
32-
</h2>
33-
<p>Interactive solutions and explanations for LeetCode problems</p>
34-
<div class="problem-count" id="leetcode-count">Loading...</div>
35-
</div>
36-
37-
<div class="platform-card" onclick="showProblems('kattis')">
38-
<h2>
39-
<div class="platform-icon kattis-icon">K</div>
40-
Kattis
41-
</h2>
42-
<p>Competitive programming solutions with detailed walkthroughs</p>
43-
<div class="problem-count" id="kattis-count">Loading...</div>
44-
</div>
45-
46-
<div class="platform-card" onclick="showProblems('vicutils')">
47-
<h2>
48-
<div class="platform-icon vicutils-icon">🛠️</div>
49-
VicUtils
50-
</h2>
51-
<p>Useful utility scripts and helper functions</p>
52-
<div class="problem-count" id="vicutils-count">Loading...</div>
53-
</div>
54-
</div>
55-
56-
<div id="problems-view" class="problems-view">
57-
<div class="problems-header">
58-
<button class="back-btn" onclick="showMainView()">
59-
← Back to Platforms
22+
23+
<div id="platform-selector" style="display: none;">
24+
<h1>Choose a Platform</h1>
25+
<div class="platform-grid">
26+
<button class="platform-box" data-platform="leetcode">
27+
<span class="platform-emoji">💡</span>
28+
<h2>LeetCode</h2>
29+
<p id="leetcode-count">— problems</p>
30+
</button>
31+
<button class="platform-box" data-platform="kattis">
32+
<span class="platform-emoji">🎯</span>
33+
<h2>Kattis</h2>
34+
<p id="kattis-count">— problems</p>
35+
</button>
36+
<button class="platform-box" data-platform="vicutils">
37+
<span class="platform-emoji">🔧</span>
38+
<h2>VicUtils</h2>
39+
<p id="vicutils-count">— scripts</p>
6040
</button>
61-
<h2 id="problems-title"></h2>
6241
</div>
63-
<div id="problems-container"></div>
6442
</div>
65-
</div>
66-
43+
44+
<div id="problem-list" style="display: none;">
45+
<button class="back-button" id="back-to-platforms">← Back</button>
46+
<h1 id="list-title"></h1>
47+
<div id="problem-cards"></div>
48+
</div>
49+
50+
<div id="problem-view" style="display: none;"></div>
51+
</main>
52+
6753
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
6854
<script src="script.js"></script>
6955
</body>

0 commit comments

Comments
 (0)