SRETSS/SREBOT
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

line shit

Browse Source
This commit is contained in:
deploy
2026-06-05 04:57:39 +00:00
parent de42c30bab
commit 9173d4097e
1 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/views/timeline.ejs
+51 -45
View File
@@ -129,6 +129,7 @@
.timeline-node:nth-child(10) { grid-area: 4 / 3; } .timeline-node:nth-child(10) { grid-area: 4 / 3; }
.timeline-node:nth-child(11) { grid-area: 4 / 2; } .timeline-node:nth-child(11) { grid-area: 4 / 2; }
.timeline-node:nth-child(12) { grid-area: 4 / 1; } .timeline-node:nth-child(12) { grid-area: 4 / 1; }
.timeline-node:nth-child(13) { grid-area: 5 / 1; }
} }
.timeline-card { .timeline-card {
@@ -187,12 +188,12 @@
line); only the inner card fades in. This prevents the line from being line); only the inner card fades in. This prevents the line from being
visible through the semi-transparent card during the fade-in. */ visible through the semi-transparent card during the fade-in. */
#scroll-hint { #scroll-hint {
display: none;
position: fixed; position: fixed;
bottom: 3.5rem; bottom: 3.5rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 50; z-index: 50;
display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 0.6rem; gap: 0.6rem;
@@ -306,12 +307,35 @@
</div> </div>
</article> </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"> <article class="timeline-node">
<div class="timeline-card"> <div class="timeline-card">
<div class="timeline-marker"><i class="fas fa-tag"></i></div> <div class="timeline-marker"><i class="fas fa-tag"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">October 2024</span>
</div> </div>
<h3 class="timeline-title mb-3">Becoming SREBOT</h3> <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="timeline-marker"><i class="fas fa-users"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">January 2025</span>
</div> </div>
<h3 class="timeline-title mb-3">Lux_ and Our Contributions to Each Other</h3> <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="timeline-marker"><i class="fas fa-file-code"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">February 2025</span>
</div> </div>
<h3 class="timeline-title mb-3">Frovy Opens the Door</h3> <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="timeline-marker"><i class="fas fa-robot"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">March 2025</span>
</div> </div>
<h3 class="timeline-title mb-3">LivingTheDagor and the New Parser</h3> <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="timeline-marker"><i class="fas fa-fire"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">July 2025</span>
</div> </div>
<h3 class="timeline-title mb-3">Word Gets Around</h3> <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="timeline-marker"><i class="fas fa-laptop-code"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">August 2025</span>
</div> </div>
<h3 class="timeline-title mb-3">Clippi Builds the Website</h3> <h3 class="timeline-title mb-3">Clippi Builds the Website</h3>
@@ -433,17 +457,18 @@
<article class="timeline-node"> <article class="timeline-node">
<div class="timeline-card"> <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="pt-3">
<div class="flex items-center justify-between mb-2"> <div class="flex items-center justify-between mb-2">
<span class="timeline-index">08 · Partnership</span> <span class="timeline-index">09 · Paths</span>
<span class="timeline-date">January 2026</span> <span class="timeline-date">November 2025</span>
</div> </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"> <p class="timeline-desc">
The sheer volume of requests to Gaijin forces a change of approach. SREBOT While attempting to revive the WT Heatmaps project, Flexcoral (with help from a
consolidates and partners with Spectra to receive games directly, instead of developer-operated research group) figured out rendering of the minimaps and
downloading and parsing every match on its own. player paths from replay data, later publishing his own parsing and rendering
implementations that we based our current methods off of.
</p> </p>
<div class="timeline-card-footer"> <div class="timeline-card-footer">
<i class="fab fa-discord"></i><span>340 Servers</span> <i class="fab fa-discord"></i><span>340 Servers</span>
@@ -454,17 +479,17 @@
<article class="timeline-node"> <article class="timeline-node">
<div class="timeline-card"> <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="pt-3">
<div class="flex items-center justify-between mb-2"> <div class="flex items-center justify-between mb-2">
<span class="timeline-index">09 · Paths</span> <span class="timeline-index">10 · Partnership</span>
<span class="timeline-date">March 2026</span> <span class="timeline-date">January 2026</span>
</div> </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"> <p class="timeline-desc">
Max was reviving the WT Heatmaps project and gave us an API to request The sheer volume of requests to Gaijin forces a change of approach. SREBOT
images with player paths drawn on the map for each game. We do this consolidates and partners with Spectra to receive games directly, instead of
ourselves now, but it started here. downloading and parsing every match on its own.
</p> </p>
<div class="timeline-card-footer"> <div class="timeline-card-footer">
<i class="fab fa-discord"></i><span>450 Servers</span> <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="timeline-marker"><i class="fas fa-coins"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">April 2026</span>
</div> </div>
<h3 class="timeline-title mb-3">Fueling the Future</h3> <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="timeline-marker"><i class="fas fa-plug"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">May 2026</span>
</div> </div>
<h3 class="timeline-title mb-3">Supporting Client Ports</h3> <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="timeline-marker"><i class="fas fa-location-dot"></i></div>
<div class="pt-3"> <div class="pt-3">
<div class="flex items-center justify-between mb-2"> <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> <span class="timeline-date">Now</span>
</div> </div>
<h3 class="timeline-title mb-3">Where We Are Now</h3> <h3 class="timeline-title mb-3">Where We Are Now</h3>
@@ -858,18 +883,8 @@
} }
if (useGsap) { if (useGsap) {
createScrollTriggers(); createScrollTriggers();
renderProgress();
ScrollTrigger.refresh(); ScrollTrigger.refresh();
requestAnimationFrame(function () { initPreReveal();
if (lineTrigger && lineTrigger.progress > state.progress) {
var p = lineTrigger.progress;
state.progress = p;
drawProgress = p;
targetDrawProgress = p;
renderProgress();
}
initPreReveal();
});
var hint = document.getElementById('scroll-hint'); var hint = document.getElementById('scroll-hint');
function hideScrollHint() { function hideScrollHint() {
@@ -922,16 +937,7 @@
if (!reduceMotion && useGsap) { if (!reduceMotion && useGsap) {
createScrollTriggers(); createScrollTriggers();
ScrollTrigger.refresh(); ScrollTrigger.refresh();
requestAnimationFrame(function () { initPreReveal();
if (lineTrigger && lineTrigger.progress > state.progress) {
var p = lineTrigger.progress;
state.progress = p;
drawProgress = p;
targetDrawProgress = p;
renderProgress();
}
initPreReveal();
});
} }
}); });
})(); })();