Skip to content

Commit d5c423d

Browse files
maskedsyntaxmaskedsyntax
committed
wip(ui): better ui for home page and mission page
The home page and mission page now looks now looks presentable but still needs some polishing. Also, need to add light and dark themes once the skeleton for the pages are done.
1 parent 78c964b commit d5c423d

4 files changed

Lines changed: 44 additions & 42 deletions

File tree

‎index.html‎

Lines changed: 22 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -36,36 +36,29 @@
3636
<!-- Hero Section -->
3737
<div id="content-wrapper" class="w-full flex-1 flex justify-center items-center">
3838
<!-- <div class="w-full flex justify-center"> -->
39-
<main id="content" class="w-3/5 px-6 py-20 text-center">
40-
<h1 class="hero-text text-6xl md:text-8xl font-bold mb-8">
41-
CacheVector
42-
</h1>
43-
44-
<p class="text-gray-400 text-lg md:text-xl max-w-3xl mx-auto mb-12 ">
45-
Advancing machine learning libraries, mathematical research,<br>
46-
and developer tools through open-source innovation
47-
</p>
48-
49-
<div class="flex flex-col items-center justify-center space-y-4 ">
50-
<a href="https://github.com/cachevector" class="github-btn px-6 py-3 rounded-md font-medium flex items-center space-x-2">
51-
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
52-
<path fill-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z" clip-rule="evenodd" />
53-
</svg>
54-
<span>github.com/cachevector</span>
55-
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
56-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
57-
</svg>
58-
</a>
39+
<main id="content" class="w-3/5 px-6 py-20">
40+
<div class="text-center">
41+
<h1 class="hero-text text-6xl md:text-8xl font-bold mb-8">
42+
CacheVector
43+
</h1>
44+
45+
<p class="text-gray-400 text-lg md:text-xl max-w-3xl mx-auto mb-12 ">
46+
Advancing machine learning libraries, mathematical research,
47+
and developer tools through open-source innovation
48+
</p>
5949

60-
<!-- <button class="mission-btn px-6 py-3 rounded-md font-medium flex items-center space-x-2" onclick="scrollToMission()">
61-
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
62-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
63-
</svg>
64-
<span>Our Mission</span>
65-
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
66-
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
67-
</svg>
68-
</button> -->
50+
<div class="flex flex-col items-center justify-center space-y-4 ">
51+
<a href="https://github.com/cachevector" class="github-btn px-6 py-3 rounded-md font-medium flex items-center space-x-2">
52+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
53+
<path fill-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z" clip-rule="evenodd" />
54+
</svg>
55+
<span>github.com/cachevector</span>
56+
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
57+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
58+
</svg>
59+
</a>
60+
61+
</div>
6962
</div>
7063
</main>
7164
<!-- </div> -->

‎pages/blogs.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,5 @@
1-
<h2>Blogs Page</h2>
1+
<body>
2+
<div class="text-center">
3+
<h2>Blogs Page</h2>
4+
</div>
5+
</body>

‎pages/mission.html‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
1-
<section id="mission" class="container mx-auto px-6 py-16">
2-
<div class="mission-section rounded-lg p-8 max-w-4xl mx-auto">
3-
<h2 class="text-3xl font-bold text-green-500 mb-8 flex items-center">
4-
<span class="text-gray-400 mr-2">▶</span>
5-
Our Mission
6-
</h2>
1+
<body>
2+
<section id="mission" class="container mx-auto px-6 py-8">
3+
<div class="rounded-lg p-4 max-w-4xl mx-auto text-justify">
4+
<h2 class="text-left text-2xl font-bold mb-12 pb-4 border-b-2 border-gray-400">
5+
# our mission
6+
</h2>
77

88
<div class="space-y-6 text-gray-300 leading-relaxed">
9-
<p class="text-lg">
9+
<p>
1010
at cachevector, we're building the future one function at a time.
1111
</p>
1212

1313
<p>
14-
not with buzzwords or bondwagons, but with actual math, machine learning, and code that ships. we're obsessed with pushing the boundaries of what's possible - whether that's crafting new ai libraries, exploring math research that most people scroll past, or building tools that make devs go "finally."
14+
not with buzzwords or bondwagons, but with actual math, machine learning, and code that ships. we're obsessed with pushing the boundaries of what's possible - whether that's crafting new ai libraries, exploring math research that most people scroll past, or building tools that make devs go "finally!".
1515
</p>
1616

1717
<p>
18-
we believe real innovation doesn't come from million-dollar marketing decks. it comes from open-source repos, sleepless nights, and a refusal to settle for "good enough." cachevector is where deep learning meets deep thinking - and then gets turned into something useful, fast.
18+
we believe real innovation doesn't come from million-dollar marketing decks. it comes from open-source repos, sleepless nights, and a refusal to settle for "good enough". cachevector is where deep learning meets deep thinking - and then gets turned into something useful, fast.
1919
</p>
2020

2121
<p>
@@ -26,9 +26,10 @@ <h2 class="text-3xl font-bold text-green-500 mb-8 flex items-center">
2626
follow the work. star the ideas. we're not trying to be loud - we're trying to be useful.
2727
</p>
2828

29-
<p class="text-green-500 font-mono">
29+
<!-- <p class="text-green-500">
3030
cachevector: where math meets momentum.
31-
</p>
31+
</p> -->
3232
</div>
3333
</div>
3434
</section>
35+
</body>

‎pages/projects.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,5 @@
1-
<h2>Projects Page</h2>
1+
<body>
2+
<div class="text-center">
3+
<h2>Projects Page</h2>
4+
</div>
5+
</body>

0 commit comments

Comments
 (0)