-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
146 lines (128 loc) · 11.5 KB
/
index.html
File metadata and controls
146 lines (128 loc) · 11.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sval.tech | By Shaurya Pratap Singh | svalordev</title>
<!-- Standard SEO -->
<meta name="description" content="Precision academic tools for JEE, NEET and competitive exam aspirants. Track syllabus, manage backlogs, and analyze consistency.">
<meta name="author" content="Shaurya Pratap Singh">
<!-- Minimalist Utility Framework -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Strict adherence to the minimalist document aesthetic */
body {
background-color: #ffffff;
color: #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Custom Precision Default Cursor */
cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='4' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 12 12, auto;
}
/* Force clean, native system fonts for primary text */
.font-sans {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* Monospace for small technical details and links */
.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* Strip default styling for structural anchors */
a { text-decoration: none; }
/* Custom Precision Pointer Cursor for Interactive Elements */
a, button, [role="button"], .cursor-pointer {
cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='6' fill='white' stroke='black' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3C/svg%3E") 12 12, pointer !important;
}
</style>
</head>
<body class="font-sans min-h-screen selection:bg-black selection:text-white">
<!-- Narrow, single-column container for optimal readability -->
<div class="max-w-2xl mx-auto px-6 py-16 md:py-24">
<!-- Header -->
<header class="mb-16 border-b border-gray-200 pb-10">
<div class="flex flex-col md:flex-row md:justify-between md:items-start gap-8 mb-8">
<div>
<h1 class="text-3xl sm:text-4xl font-bold tracking-tight mb-4">sval.tech</h1>
<p class="text-gray-700 leading-relaxed max-w-sm">
Precision academic tools for JEE, NEET and competitive exam aspirants. Track syllabus, manage backlogs, and maintain consistency.
</p>
</div>
<!-- Partnered With AlphaJEE -->
<div class="flex flex-col items-start md:items-end gap-2">
<span class="font-mono text-[10px] font-bold uppercase tracking-[0.3em] text-gray-400">Partnered With</span>
<a href="https://alphajee.online" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 group/brand transition-opacity duration-200 hover:opacity-80">
<div class="w-6 h-6 flex items-center justify-center overflow-hidden">
<img class="w-full h-full object-contain filter grayscale group-hover/brand:grayscale-0 transition-all duration-300" alt="AlphaJEE" src="https://sval.tech/chaos/alphajee.png">
</div>
<span class="text-lg font-bold text-gray-500 group-hover/brand:text-black transition-colors tracking-tight">AlphaJEE</span>
</a>
</div>
</div>
<!-- Social Proof -->
<div class="inline-flex items-center gap-3 mb-8 px-3 py-1.5 border border-gray-200 font-mono text-[11px] leading-none text-gray-500 uppercase tracking-wide bg-gray-50/50">
<div class="flex items-center gap-1.5 text-black" title="Registered securely using Google">
<svg class="w-3.5 h-3.5 shrink-0" viewBox="0 0 24 24" fill="currentColor"><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 15.907 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"/></svg>
<span class="font-bold mt-[1px]">Google Auth</span>
</div>
<span class="w-px h-3 bg-gray-300 block"></span>
<span class="mt-[1px]">3k+ Registered Aspirants</span>
</div>
<nav class="flex flex-wrap gap-x-6 gap-y-3 font-mono text-sm text-black">
<!-- Links use simple underline on hover, zero transitions for a snappy feel -->
<a href="https://github.com/svalordev" target="_blank" class="flex items-center gap-1.5 hover:underline">
<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
github
</a>
<a href="mailto:contact@sval.tech" class="flex items-center gap-1.5 hover:underline">
<svg class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" viewBox="0 0 24 24"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
contact
</a>
<a href="https://discord.gg/mKXPpSY6Dz" target="_blank" class="flex items-center gap-1.5 hover:underline">
<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>
discord
</a>
</nav>
</header>
<main class="space-y-6">
<!-- ChaosPrep Tool -->
<a href="https://sval.tech/chaos" target="_blank" class="block border border-gray-300 p-6 sm:p-8 hover:border-black transition-colors duration-200 group text-black cursor-pointer">
<div class="flex justify-between items-start mb-3">
<h2 class="text-xl font-bold tracking-tight">ChaosPrep</h2>
<svg class="w-5 h-5 text-gray-400 group-hover:text-black transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" d="M7 17L17 7M7 7h10v10"></path></svg>
</div>
<p class="text-gray-700 leading-relaxed m-0">Master your daily chaos. Day/Week wise task tracking in a calendar grid. Optimized for Focus. With social accountability.</p>
</a>
<!-- StudyLocus Tool -->
<a href="https://sval.tech/studylocus/" target="_blank" class="block border border-gray-300 p-6 sm:p-8 hover:border-black transition-colors duration-200 group text-black cursor-pointer">
<div class="flex justify-between items-start mb-3">
<h2 class="text-xl font-bold tracking-tight">StudyLocus</h2>
<svg class="w-5 h-5 text-gray-400 group-hover:text-black transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" d="M7 17L17 7M7 7h10v10"></path></svg>
</div>
<p class="text-gray-700 leading-relaxed m-0">A functional, highly aesthetic dashboard for complete preparation management & analytics.</p>
</a>
<!-- Syllabus Tracker Div -->
<div class="border border-gray-300 p-6 sm:p-8 hover:border-black transition-colors duration-200 group">
<div class="flex justify-between items-start mb-3">
<h2 class="text-xl font-bold tracking-tight">Syllabus Tracker</h2>
</div>
<p class="text-gray-700 leading-relaxed mb-6">Chapter & topic wise tracking. The ultimate tool for syllabus mastery and readiness scores.</p>
<div class="flex flex-wrap gap-6 font-mono text-sm">
<a href="https://sval.tech/syllabustracker/" target="_blank" class="text-black hover:underline flex items-center gap-1.5 group/link">
JEE Tracker
<svg class="w-3.5 h-3.5 text-gray-400 group-hover/link:text-black transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" d="M5 12h14M12 5l7 7-7 7"></path></svg>
</a>
<a href="https://sval.tech/neet/" target="_blank" class="text-black hover:underline flex items-center gap-1.5 group/link">
NEET Tracker
<svg class="w-3.5 h-3.5 text-gray-400 group-hover/link:text-black transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" d="M5 12h14M12 5l7 7-7 7"></path></svg>
</a>
</div>
</div>
</main>
<!-- Footer -->
<footer class="mt-20 pt-8 border-t border-gray-200 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 font-mono text-xs text-gray-500 uppercase tracking-widest">
<span>© 2026 sval.tech</span>
<span>By Shaurya Pratap Singh</span>
</footer>
</div>
</body>
</html>