line shit
This commit is contained in:
deploy
+51
-45
@@ -129,6 +129,7 @@
|
||||
.timeline-node:nth-child(10) { grid-area: 4 / 3; }
|
||||
.timeline-node:nth-child(11) { grid-area: 4 / 2; }
|
||||
.timeline-node:nth-child(12) { grid-area: 4 / 1; }
|
||||
.timeline-node:nth-child(13) { grid-area: 5 / 1; }
|
||||
}
|
||||
|
||||
.timeline-card {
|
||||
@@ -187,12 +188,12 @@
|
||||
line); only the inner card fades in. This prevents the line from being
|
||||
visible through the semi-transparent card during the fade-in. */
|
||||
#scroll-hint {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: 3.5rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 50;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
@@ -306,12 +307,35 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="timeline-node">
|
||||
<div class="timeline-card">
|
||||
<div class="timeline-marker"><i class="fas fa-terminal"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">02 · Scoreboards</span>
|
||||
<span class="timeline-date">August 2024</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">The First Logs</h3>
|
||||
<p class="timeline-desc">
|
||||
The original use for the bot was automating codeblock (diff) scoreboards
|
||||
with red and green lines. You'd run a command, manually input how many of
|
||||
each type there were, and it would update the message above. Zero tracking,
|
||||
zero automation. The style was heavily influenced by TheH0G (Cade) and
|
||||
progavman (Prog), who I met in SNLK.
|
||||
</p>
|
||||
<div class="timeline-card-footer">
|
||||
<i class="fab fa-discord"></i><span>3 Servers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="timeline-node">
|
||||
<div class="timeline-card">
|
||||
<div class="timeline-marker"><i class="fas fa-tag"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">02 · Rebrand</span>
|
||||
<span class="timeline-index">03 · Rebrand</span>
|
||||
<span class="timeline-date">October 2024</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Becoming SREBOT</h3>
|
||||
@@ -331,7 +355,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-users"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">03 · Alliance</span>
|
||||
<span class="timeline-index">04 · Alliance</span>
|
||||
<span class="timeline-date">January 2025</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Lux_ and Our Contributions to Each Other</h3>
|
||||
@@ -352,7 +376,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-file-code"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">04 · Parser</span>
|
||||
<span class="timeline-index">05 · Parser</span>
|
||||
<span class="timeline-date">February 2025</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Frovy Opens the Door</h3>
|
||||
@@ -373,7 +397,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-robot"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">05 · Logs</span>
|
||||
<span class="timeline-index">06 · Logs</span>
|
||||
<span class="timeline-date">March 2025</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">LivingTheDagor and the New Parser</h3>
|
||||
@@ -394,7 +418,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-fire"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">06 · Momentum</span>
|
||||
<span class="timeline-index">07 · Momentum</span>
|
||||
<span class="timeline-date">July 2025</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Word Gets Around</h3>
|
||||
@@ -414,7 +438,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-laptop-code"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">07 · Website</span>
|
||||
<span class="timeline-index">08 · Website</span>
|
||||
<span class="timeline-date">August 2025</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Clippi Builds the Website</h3>
|
||||
@@ -433,17 +457,18 @@
|
||||
|
||||
<article class="timeline-node">
|
||||
<div class="timeline-card">
|
||||
<div class="timeline-marker"><i class="fas fa-handshake"></i></div>
|
||||
<div class="timeline-marker"><i class="fas fa-route"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">08 · Partnership</span>
|
||||
<span class="timeline-date">January 2026</span>
|
||||
<span class="timeline-index">09 · Paths</span>
|
||||
<span class="timeline-date">November 2025</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Teaming Up with Spectra</h3>
|
||||
<h3 class="timeline-title mb-3">Flexcoral's Heatmaps</h3>
|
||||
<p class="timeline-desc">
|
||||
The sheer volume of requests to Gaijin forces a change of approach. SREBOT
|
||||
consolidates and partners with Spectra to receive games directly, instead of
|
||||
downloading and parsing every match on its own.
|
||||
While attempting to revive the WT Heatmaps project, Flexcoral (with help from a
|
||||
developer-operated research group) figured out rendering of the minimaps and
|
||||
player paths from replay data, later publishing his own parsing and rendering
|
||||
implementations that we based our current methods off of.
|
||||
</p>
|
||||
<div class="timeline-card-footer">
|
||||
<i class="fab fa-discord"></i><span>340 Servers</span>
|
||||
@@ -454,17 +479,17 @@
|
||||
|
||||
<article class="timeline-node">
|
||||
<div class="timeline-card">
|
||||
<div class="timeline-marker"><i class="fas fa-route"></i></div>
|
||||
<div class="timeline-marker"><i class="fas fa-handshake"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">09 · Paths</span>
|
||||
<span class="timeline-date">March 2026</span>
|
||||
<span class="timeline-index">10 · Partnership</span>
|
||||
<span class="timeline-date">January 2026</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Max and His Paths</h3>
|
||||
<h3 class="timeline-title mb-3">Teaming Up with Spectra</h3>
|
||||
<p class="timeline-desc">
|
||||
Max was reviving the WT Heatmaps project and gave us an API to request
|
||||
images with player paths drawn on the map for each game. We do this
|
||||
ourselves now, but it started here.
|
||||
The sheer volume of requests to Gaijin forces a change of approach. SREBOT
|
||||
consolidates and partners with Spectra to receive games directly, instead of
|
||||
downloading and parsing every match on its own.
|
||||
</p>
|
||||
<div class="timeline-card-footer">
|
||||
<i class="fab fa-discord"></i><span>450 Servers</span>
|
||||
@@ -478,7 +503,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-coins"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">10 · Monetization</span>
|
||||
<span class="timeline-index">11 · Monetization</span>
|
||||
<span class="timeline-date">April 2026</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Fueling the Future</h3>
|
||||
@@ -498,7 +523,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-plug"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">11 · Clients</span>
|
||||
<span class="timeline-index">12 · Clients</span>
|
||||
<span class="timeline-date">May 2026</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Supporting Client Ports</h3>
|
||||
@@ -519,7 +544,7 @@
|
||||
<div class="timeline-marker"><i class="fas fa-location-dot"></i></div>
|
||||
<div class="pt-3">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<span class="timeline-index">12 · Today</span>
|
||||
<span class="timeline-index">13 · Today</span>
|
||||
<span class="timeline-date">Now</span>
|
||||
</div>
|
||||
<h3 class="timeline-title mb-3">Where We Are Now</h3>
|
||||
@@ -858,18 +883,8 @@
|
||||
}
|
||||
if (useGsap) {
|
||||
createScrollTriggers();
|
||||
renderProgress();
|
||||
ScrollTrigger.refresh();
|
||||
requestAnimationFrame(function () {
|
||||
if (lineTrigger && lineTrigger.progress > state.progress) {
|
||||
var p = lineTrigger.progress;
|
||||
state.progress = p;
|
||||
drawProgress = p;
|
||||
targetDrawProgress = p;
|
||||
renderProgress();
|
||||
}
|
||||
initPreReveal();
|
||||
});
|
||||
initPreReveal();
|
||||
|
||||
var hint = document.getElementById('scroll-hint');
|
||||
function hideScrollHint() {
|
||||
@@ -922,16 +937,7 @@
|
||||
if (!reduceMotion && useGsap) {
|
||||
createScrollTriggers();
|
||||
ScrollTrigger.refresh();
|
||||
requestAnimationFrame(function () {
|
||||
if (lineTrigger && lineTrigger.progress > state.progress) {
|
||||
var p = lineTrigger.progress;
|
||||
state.progress = p;
|
||||
drawProgress = p;
|
||||
targetDrawProgress = p;
|
||||
renderProgress();
|
||||
}
|
||||
initPreReveal();
|
||||
});
|
||||
initPreReveal();
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user