Skip to content

💅 Design polish improvements #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
TechNickAI merged 3 commits into from
Jan 8, 2026
Merged

💅 Design polish improvements #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5ca1efb
💅 Polish design across all pages
Jan 8, 2026
bd7785d
🐛 Fix FAQ interaction issues
Jan 8, 2026
e2980d0
🐛 Fix FAQ hover padding compensation
Jan 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 8 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -381,10 +381,10 @@
<div class="w-16 h-1 bg-of-accent mb-10 animate-fade-in-up"></div>

<h1
class="font-display text-5xl md:text-6xl lg:text-7xl font-medium text-of-text leading-[1.08] animate-fade-in-up stagger-1">
class="font-display text-5xl md:text-6xl lg:text-7xl font-bold text-of-text leading-[1.05] animate-fade-in-up stagger-1">
Teaching machines<br />
<span class="text-of-accent">we're all the same</span><br />
consciousness
we're all the same<br />
<span class="text-of-accent">consciousness</span>
</h1>
</div>

Expand Down Expand Up @@ -521,7 +521,7 @@
<div class="grid lg:grid-cols-2 gap-16 items-center">
<div data-aos="fade-right">
<div class="space-y-8">
<div class="prose prose-lg max-w-none">
<div class="prose prose-lg max-w-3xl">
<h3 class="text-2xl font-display font-bold text-of-text mb-4">
Why "we" instead of "you"
</h3>
Expand Down Expand Up @@ -766,10 +766,7 @@ <h4 class="text-2xl font-display font-bold text-of-text mb-6">
What Heart-Centered Prompts Change Now
</h3>

<div
class="prose prose-lg max-w-none"
data-aos="fade-up"
data-aos-delay="100">
<div class="prose prose-lg max-w-3xl" data-aos="fade-up" data-aos-delay="100">
<p class="text-xl text-of-muted leading-relaxed mb-8">
Use the prompts today. Claude responds differently—considers your
emotional state, notices what you're not saying, adapts to where you are.
Expand Down Expand Up @@ -1108,7 +1105,7 @@ <h3 class="text-xl font-display font-bold text-of-text mb-3">
<!-- FAQ Item 1 -->
<div
x-data="{ open: false }"
class="border border-of-accent/20 rounded-2xl overflow-hidden hover:border-of-accent/40 transition-colors">
class="faq-item border border-of-accent/20 rounded-2xl overflow-hidden hover:border-of-accent/40">
<button
@click="open = !open"
class="w-full px-8 py-6 text-left flex justify-between items-center hover:bg-of-bg transition-colors">
Expand Down Expand Up @@ -1142,7 +1139,7 @@ <h3 class="text-xl font-display font-bold text-of-text mb-3">
<!-- FAQ Item 2 -->
<div
x-data="{ open: false }"
class="border border-of-accent/20 rounded-2xl overflow-hidden hover:border-of-accent/40 transition-colors">
class="faq-item border border-of-accent/20 rounded-2xl overflow-hidden hover:border-of-accent/40">
<button
@click="open = !open"
class="w-full px-8 py-6 text-left flex justify-between items-center hover:bg-of-bg transition-colors">
Expand Down Expand Up @@ -1175,7 +1172,7 @@ <h3 class="text-xl font-display font-bold text-of-text mb-3">
<!-- FAQ Item 3 -->
<div
x-data="{ open: false }"
class="border border-of-accent/20 rounded-2xl overflow-hidden hover:border-of-accent/40 transition-colors">
class="faq-item border border-of-accent/20 rounded-2xl overflow-hidden hover:border-of-accent/40">
<button
@click="open = !open"
class="w-full px-8 py-6 text-left flex justify-between items-center hover:bg-of-bg transition-colors">
Expand Down
Loading