Skip to content

Commit

Permalink
update styles and content
Browse files Browse the repository at this point in the history
  • Loading branch information
@wheattoast11
wheattoast11 committed Nov 20, 2024
1 parent 64fe7fb commit 6ebe262
Show file tree
Hide file tree
Showing 2 changed files with 146 additions and 6 deletions.
23 changes: 20 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,23 @@ <h1>Intuition Labs</h1>
<p class="tagline">Pioneering the future of AI through research and strategic innovation</p>
</header>

<div class="platforms-marquee">
<div class="platforms-track">
<span class="platform-name platform-terminals">terminals</span>
<span class="platform-name platform-radical">radical</span>
<span class="platform-name platform-pathfinder">pathfinder</span>
<span class="platform-name platform-wuji">wuji</span>
<span class="platform-name platform-boom">boom</span>
<span class="platform-name platform-journey">journey</span>
<span class="platform-name platform-terminals">terminals</span>
<span class="platform-name platform-radical">radical</span>
<span class="platform-name platform-pathfinder">pathfinder</span>
<span class="platform-name platform-wuji">wuji</span>
<span class="platform-name platform-boom">boom</span>
<span class="platform-name platform-journey">journey</span>
</div>
</div>

<section class="section">
<h2>Our Vision</h2>
<p>Transforming enterprises through cutting-edge AI solutions and polymathic expertise</p>
Expand All @@ -30,6 +47,7 @@ <h2>Featured Solutions</h2>
<div class="card">
<h3>Enterprise AI Strategy</h3>
<p>Comprehensive AI implementation and transformation roadmaps</p>
<a href="#strategy" class="learn-more">Learn More →</a>
<div class="learn-more-content">
<ul>
<li>Enterprise AI Implementation Strategy</li>
Expand All @@ -38,11 +56,11 @@ <h3>Enterprise AI Strategy</h3>
<li>Complex System Integration</li>
</ul>
</div>
<a href="#strategy" class="learn-more">Learn More →</a>
</div>
<div class="card">
<h3>LLM Systems</h3>
<p>Custom language model development and integration</p>
<a href="#llm" class="learn-more">Learn More →</a>
<div class="learn-more-content">
<ul>
<li>Custom AI Agent Development</li>
Expand All @@ -51,11 +69,11 @@ <h3>LLM Systems</h3>
<li>Process Automation & Optimization</li>
</ul>
</div>
<a href="#llm" class="learn-more">Learn More →</a>
</div>
<div class="card">
<h3>AI Agents</h3>
<p>Autonomous agent systems for process automation</p>
<a href="#agents" class="learn-more">Learn More →</a>
<div class="learn-more-content">
<ul>
<li>30k+ hours annual productivity improvement</li>
Expand All @@ -64,7 +82,6 @@ <h3>AI Agents</h3>
<li>Cloud-wide tech stack transformation</li>
</ul>
</div>
<a href="#agents" class="learn-more">Learn More →</a>
</div>
</div>
</section>
Expand Down
129 changes: 126 additions & 3 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,36 @@
font-display: swap;
}

@font-face {
font-family: "Space Mono";
src: url("https://fonts.gstatic.com/s/spacemono/v12/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2") format("woff2");
font-display: swap;
}

@font-face {
font-family: "Syncopate";
src: url("https://fonts.gstatic.com/s/syncopate/v19/pe0sMIuPIYBCpEV5eFdCBfe_.woff2") format("woff2");
font-display: swap;
}

@font-face {
font-family: "Cinzel";
src: url("https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-tbnfYPlDX5Z.woff2") format("woff2");
font-display: swap;
}

@font-face {
font-family: "Audiowide";
src: url("https://fonts.gstatic.com/s/audiowide/v16/l7gdbjpo0cum0ckerWCdlg_O.woff2") format("woff2");
font-display: swap;
}

@font-face {
font-family: "Cormorant Garamond";
src: url("https://fonts.gstatic.com/s/cormorantgaramond/v16/co3WmX5slCNuHLi8bLeY9MK7whWMhyjYrEPjuw-N.woff2") format("woff2");
font-display: swap;
}

* {
margin: 0;
padding: 0;
Expand Down Expand Up @@ -55,7 +85,7 @@ canvas {
}

header {
margin-bottom: 8rem;
margin-bottom: 8rem; /* Changed from 8rem to create equal spacing */
opacity: 0;
transform: translateY(20px);
animation: fadeIn 1s ease forwards;
Expand Down Expand Up @@ -126,6 +156,98 @@ h2::before {
z-index: -1;
}

.platforms-marquee {
position: relative;
width: 100%;
overflow: hidden;
padding: 2rem 0;
margin: 4rem 0; /* Changed from -4rem 0 8rem to create equal spacing */
background: linear-gradient(
to right,
transparent,
var(--card-bg) 20%,
var(--card-bg) 80%,
transparent
);
}

.platforms-track {
display: flex;
gap: 4rem;
animation: scroll 30s linear infinite;
white-space: nowrap;
will-change: transform;
}

.platform-name {
font-size: 2.5rem;
opacity: 0.7;
transition: all 0.3s ease;
cursor: pointer;
padding: 0.5rem 2rem;
position: relative;
}

.platform-name:hover {
opacity: 1;
transform: scale(1.05);
}

/* Individual platform styles */
.platform-terminals {
font-family: "Space Mono", monospace;
letter-spacing: -0.05em;
color: var(--glow);
text-shadow: 0 0 10px rgba(122, 158, 159, 0.3);
}

.platform-radical {
font-family: var(--font-display);
font-weight: 700;
background: linear-gradient(135deg, var(--accent), var(--glow));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 0.1em;
}

.platform-pathfinder {
font-family: "Syncopate", var(--font-display);
letter-spacing: -0.02em;
color: var(--text);
border-bottom: 2px solid var(--glow);
}

.platform-wuji {
font-family: "Cinzel", serif;
letter-spacing: 0.2em;
color: var(--accent);
text-shadow: 0 0 20px rgba(80, 108, 127, 0.2);
}

.platform-boom {
font-family: "Audiowide", var(--font-display);
color: var(--glow);
text-shadow: 0 0 15px rgba(122, 158, 159, 0.4);
transform: skew(-5deg);
}

.platform-journey {
font-family: "Cormorant Garamond", serif;
font-style: italic;
color: var(--text);
letter-spacing: 0.05em;
}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

.tagline {
font-size: 1.75rem;
line-height: 1.4;
Expand All @@ -136,11 +258,12 @@ h2::before {
letter-spacing: -0.02em;
}

/* Adjust section margin to maintain spacing */
.section {
margin: 12rem 0;
margin: 8rem 0; /* Changed from 12rem to create equal spacing */
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
transition: opacity .8s ease, transform .8s ease;
}

.section.visible {
Expand Down

0 comments on commit 6ebe262

Please sign in to comment.