Skip to content

Commit 03a0c9b

Browse files
aarvee11aarvee11
committed
Update website content and assets
1 parent db9b2b3 commit 03a0c9b

File tree

64 files changed

+797
-94
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

64 files changed

+797
-94
lines changed

‎BLOG_MIGRATION.md‎

Lines changed: 0 additions & 85 deletions
This file was deleted.

‎_includes/header.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,12 @@
5959
</svg>
6060
</button>
6161

62+
<!-- Techie Mode Toggle Button -->
63+
<button class="techie-toggle" id="techie-toggle" aria-label="Toggle techie mode">
64+
<i class="fas fa-user techie-visitor-icon"></i>
65+
<i class="fas fa-code techie-techie-icon" style="display: none;"></i>
66+
</button>
67+
6268
<!-- CTA Button -->
6369
<a href="{{ '/contact/' | relative_url }}" class="btn btn-primary btn-header">
6470
Get Started
@@ -123,6 +129,12 @@
123129
</svg>
124130
</button>
125131

132+
<!-- Techie Mode Toggle for Mobile -->
133+
<button class="techie-toggle" onclick="document.getElementById('techie-toggle').click()" aria-label="Toggle techie mode">
134+
<i class="fas fa-user techie-visitor-icon"></i>
135+
<i class="fas fa-code techie-techie-icon" style="display: none;"></i>
136+
</button>
137+
126138
<a href="{{ '/contact/' | relative_url }}" class="btn btn-primary btn-header">
127139
Get Started
128140
</a>

‎_includes/hero.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ <h1 class="fade-in-up">
1111
</p>
1212

1313
<h2 class="fade-in-up" style="animation-delay: 0.3s;">
14-
We <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width='1.2em' height='1.2em' style="display: inline; vertical-align: middle;"><path fill="#FF473E" d="M471.812 165.719c0-62.633-50.774-113.407-113.407-113.407c-38.786 0-73.018 19.475-93.467 49.175l-2.168 2.559c-3.829 4.52-10.091 4.184-13.591-.693a132 132 0 0 0-7.976-10.068l-.096.3c-20.801-25.206-52.28-41.273-87.513-41.273c-62.633 0-113.407 50.774-113.407 113.407c0 30.817 12.298 58.758 32.247 79.198l165.362 205.015c8.629 13.008 27.729 13.008 36.358 0l168.682-208.507c18.014-20.077 28.976-46.609 28.976-75.706"/></svg> OpenSource
14+
We <img src="{{ '/logos/heart.svg' | relative_url }}" alt="heart" style="display: inline; vertical-align: middle; width: 1.2em; height: 1.2em;"> OpenSource
1515
</h2>
1616

1717
<p class="fade-in-up" style="animation-delay: 0.35s;">

‎assets/css/style.css‎

Lines changed: 144 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,36 @@
33
/* Local Font Definitions */
44
@font-face {
55
font-family: 'DM Sans';
6-
src: url('../fonts/DMSans_18pt-Regular.woff') format('woff');
6+
src: url('/fonts/DMSans_18pt-Regular.woff') format('woff');
77
font-weight: 400;
88
font-style: normal;
99
font-display: swap;
1010
}
1111

1212
@font-face {
1313
font-family: 'Figtree';
14-
src: url('../fonts/Figtree-VariableFont_wght.ttf') format('truetype');
14+
src: url('/fonts/Figtree-VariableFont_wght.ttf') format('truetype');
1515
font-weight: 300 800;
1616
font-style: normal;
1717
font-display: swap;
1818
}
1919

20+
@font-face {
21+
font-family: 'JetBrains Mono';
22+
src: url('/fonts/JetBrainsMono/JetBrainsMono%5Bwght%5D.ttf') format('truetype-variations');
23+
font-weight: 100 800;
24+
font-style: normal;
25+
font-display: swap;
26+
}
27+
28+
@font-face {
29+
font-family: 'JetBrains Mono';
30+
src: url('/fonts/JetBrainsMono/JetBrainsMono-Italic%5Bwght%5D.ttf') format('truetype-variations');
31+
font-weight: 100 800;
32+
font-style: italic;
33+
font-display: swap;
34+
}
35+
2036
/* CSS Custom Properties for Theme System */
2137
:root {
2238
/* Font System - Using local fonts */
@@ -139,6 +155,38 @@
139155
color: #e0e0e0 !important;
140156
}
141157

158+
/* Techie Mode Font Override */
159+
[data-techie="true"] {
160+
--font-family-base: 'JetBrains Mono', monospace;
161+
--font-family-heading: 'JetBrains Mono', monospace;
162+
}
163+
164+
/* Techie Mode Typing Animation */
165+
@keyframes blink-caret {
166+
from, to { border-color: currentColor; }
167+
50% { border-color: transparent; }
168+
}
169+
170+
@keyframes blink {
171+
0%, 50% { opacity: 1; }
172+
51%, 100% { opacity: 0; }
173+
}
174+
175+
/* Techie Mode Header Adjustments */
176+
[data-techie="true"] nav .nav-links {
177+
gap: 1rem;
178+
font-size: 1rem;
179+
}
180+
181+
[data-techie="true"] .btn-header {
182+
padding: 0.5rem 1.5rem !important;
183+
font-size: 1rem;
184+
}
185+
186+
[data-techie="true"] .logo img {
187+
height: 2.5rem;
188+
}
189+
142190
/* Platform and industry card headings - light and dark friendly */
143191
.card h3 {
144192
color: #555555 !important;
@@ -287,6 +335,85 @@ a:hover {
287335
color: var(--text-primary);
288336
}
289337

338+
/* Techie Mode Toggle Button */
339+
.techie-toggle {
340+
position: relative;
341+
display: inline-flex;
342+
align-items: center;
343+
justify-content: center;
344+
aspect-ratio: 1;
345+
padding: 0.75rem;
346+
background: var(--bg-secondary);
347+
border: 1px solid var(--border-color);
348+
border-radius: var(--border-radius-lg);
349+
cursor: pointer;
350+
transition: var(--transition-base);
351+
}
352+
353+
.techie-toggle:hover {
354+
background: var(--bg-tertiary);
355+
border-color: var(--border-color);
356+
}
357+
358+
.techie-toggle svg {
359+
width: 1.25em;
360+
height: 1.25em;
361+
color: var(--text-secondary);
362+
transition: var(--transition-fast);
363+
}
364+
365+
.techie-toggle:hover svg {
366+
color: var(--text-primary);
367+
}
368+
369+
/* Techie toggle icons */
370+
.techie-toggle i {
371+
width: 1.25em;
372+
height: 1.25em;
373+
color: var(--text-secondary);
374+
transition: var(--transition-fast);
375+
}
376+
377+
.techie-toggle:hover i {
378+
color: var(--text-primary);
379+
}
380+
381+
/* Dark mode techie icon adjustments */
382+
[data-theme="dark"] .techie-toggle svg {
383+
color: var(--text-primary);
384+
}
385+
386+
[data-theme="dark"] .techie-toggle i {
387+
color: var(--text-primary);
388+
}
389+
390+
[data-techie="true"] .techie-toggle {
391+
background: var(--color-accent);
392+
border-color: var(--color-accent);
393+
}
394+
395+
[data-techie="true"] .techie-toggle svg {
396+
color: var(--text-white);
397+
}
398+
399+
[data-techie="true"] .techie-toggle i {
400+
color: var(--text-white);
401+
}
402+
403+
/* Dark mode techie button adjustments */
404+
[data-theme="dark"] [data-techie="true"] .techie-toggle {
405+
background: var(--text-white);
406+
border-color: var(--text-white);
407+
}
408+
409+
[data-theme="dark"] [data-techie="true"] .techie-toggle svg {
410+
color: var(--text-primary);
411+
}
412+
413+
[data-theme="dark"] [data-techie="true"] .techie-toggle i {
414+
color: var(--text-primary);
415+
}
416+
290417
/* Logo Styles */
291418
.logo {
292419
display: inline-flex;
@@ -403,6 +530,21 @@ a:hover {
403530
filter: brightness(0) invert(1) brightness(0.9);
404531
}
405532

533+
/* Community icon - ensure it's white */
534+
img[src*="/logos/community.svg"] {
535+
filter: brightness(0) invert(1);
536+
}
537+
538+
/* Discuss icon - ensure it's white */
539+
img[src*="/logos/discuss.svg"] {
540+
filter: brightness(0) invert(1);
541+
}
542+
543+
/* Handshake icon - ensure it's white */
544+
img[src*="/logos/handshake.svg"] {
545+
filter: brightness(0) invert(1);
546+
}
547+
406548
/* Hero title - dark gray in light mode, off-white in dark mode */
407549
.hero h1 {
408550
color: #2c2c2c !important;

0 commit comments

Comments
 (0)