lx/nexium-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

i also had ai do this btw

Browse Source
This commit is contained in:
copyrighttxt
2026-08-03 17:40:16 -04:00
committed by GitHub
parent 7c7085c038
commit 9d7913bf21
2 changed files with 59 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/home/home.html
+22 -39
View File
@@ -5,7 +5,7 @@
{% endblock %}
{% block content %}
<div id="main" class="home-page-shell">
<div class="home-page-container">
<div class="home-page-container container">
<!-- {% if not isEmailVerified: %}
<div class="alert p-2 alert-warning d-flex align-items-center">
<i class="bi bi-envelope-plus ms-2" style="font-size: 30px;"></i>
@@ -24,13 +24,13 @@
<a href="/settings/discord_link" class="ms-auto text-decoration-none me-2"><button class="btn btn-primary btn-sm">Link Discord</button></a>
</div>
{%endif%}
<section class="home-hero card-container">
<div class="home-hero-avatar-wrap">
<img class="home-hero-avatar" src="/Thumbs/Head.ashx?x=150&y=150&userId={{currentuser.id}}" alt="{{currentuser.username}}" />
</div>
<div class="home-hero-copy">
<div class="home-hero-subtle d-flex align-items-center">
<img class="rounded-5 overflow-hidden me-4 home-hero-avatar" src="/Thumbs/Head.ashx?x=150&y=150&userId={{currentuser.id}}" alt="{{currentuser.username}}"/>
<div class="mt-2">
<p class="home-kicker mb-1">Welcome back</p>
<h1 class="home-greeting mb-2"><span id="greetings"></span>, {{currentuser.username}}!</h1>
<h1 class="home-greeting mb-2">
<span id="greetings"></span>, {{currentuser.username}}!
</h1>
<div class="home-status-row">
{% if membershipValue == 1: %}
<span class="rbx-icon-bc"></span>
@@ -44,42 +44,31 @@
<span class="home-status-text">Your account and friends are the quickest places to jump back into the site.</span>
</div>
</div>
</section>
<section class="home-section card-container">
<div class="home-section-header">
<div>
<h4 class="home-section-title mb-1">Friends ({{friendcount}})</h4>
<p class="home-section-meta mb-0">People online and worth checking in on.</p>
</div>
<a class="home-section-link" href="/users/{{currentuser.id}}/friends">View all</a>
</div>
<div class="home-friends-strip friends-scroll">
</div>
<h4 class="home-section-title mt-4">Friends ( {{friendcount}} )</h4>
<p class="home-section-meta mb-2">People online and worth checking in on.</p>
<div class="w-100 p-2 d-flex flex-nowrap card-container friends-scroll home-soft-strip" style="min-height: 100px;">
{% for friend in friends %}
<a href="/users/{{friend.id}}/profile" class="home-friend-card">
<div class="image-container home-friend-avatar-frame">
<img class="home-friend-avatar" src="/Thumbs/Head.ashx?x=100&y=100&userId={{friend.id}}" alt="{{friend.username}}"/>
<a href="/users/{{friend.id}}/profile">
<div style="height: fit-content; width:90px;" class="me-3 home-friend-card">
<div class="image-container home-friend-avatar-frame">
<img class="rounded w-100 d-table home-friend-avatar" src="/Thumbs/Head.ashx?x=100&y=100&userId={{friend.id}}" style="margin: 0 auto;height: fit-content; max-width: 100px;" alt="{{friend.username}}"/>
{% if friend.isonline: %}<div class="status-icon {% if friend.ingame: %}status-icon-green{% endif %}"></div>{% endif %}
</div>
<p class="text-body w-100 text-center d-inline-block m-0 text-truncate" style="font-size: 12px;">{{friend.username}}</p>
</div>
<p class="text-body w-100 text-center d-inline-block m-0 text-truncate home-friend-name">{{friend.username}}</p>
</a>
{% endfor %}
{% if friendcount == 0: %}
<div class="home-empty-state">
<div class="home-empty-state home-empty-inline">
<p class="mb-0">You have no friends yet.</p>
<a href="/games" class="btn btn-sm btn-primary mt-2">Explore games</a>
</div>
{% endif %}
</div>
</section>
<section class="home-section card-container">
<div class="home-section-header">
<div>
<h4 class="home-section-title mb-1">Recently Played</h4>
<p class="home-section-meta mb-0">Pick up where you left off or try something new.</p>
</div>
<a class="home-section-link" href="/games">Browse games</a>
</div>
<div class="home-places-strip">
<h4 class="home-section-title mt-4">Recently Played</h4>
<p class="home-section-meta mb-2">Pick up where you left off or try something new.</p>
<div class="w-100 p-2 d-flex home-soft-strip" style="overflow-x: hidden;min-height: 100px;overflow-x: auto;">
{% for place in recentlyplayed %}
<a class="text-decoration-none" href="/games/{{place.id}}/">
<div class="me-3 overflow-hidden rounded place-card home-place-card">
@@ -108,13 +97,12 @@
</a>
{% endfor %}
{% if recentlyplayedcount == 0: %}
<div class="home-empty-state home-empty-wide">
<div class="home-empty-state home-empty-wide home-empty-inline">
<p class="mb-0">Looks like you haven’t played any games yet.</p>
<a class="btn btn-sm btn-primary mt-2" href="/games">Play something now</a>
</div>
{% endif %}
</div>
</section>
</div>
</div>
<script>
@@ -132,10 +120,5 @@
}
document.getElementById("greetings").textContent = greeting;
document.querySelectorAll(".home-place-vote-fill").forEach((fill) => {
const percentage = fill.dataset.likePercentage || 0;
fill.style.width = `${percentage}%`;
});
</script>
{% endblock %}