creations/profilePage
1
2
Fork 2
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

add clan badges
Some checks failed
Code quality checks / biome (push) Failing after 8s
Details

Browse source
This commit is contained in:
creations 2025-04-18 04:31:25 -04:00
parent b109f67125
commit 7816210a2c
Signed by: creations
GPG key ID: 8F553AA4320FC711
2 changed files with 55 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
public/css/index.css
View file

@ -45,7 +45,10 @@ body {
.avatar-status-wrapper {
display: flex;
align-items: center;
gap: 1.5rem;
gap: 2rem;
width: fit-content;
max-width: 700px;
}
.avatar-wrapper {
@ -116,6 +119,48 @@ body {
flex-direction: column;
}
.user-info-inner {
display: flex;
flex-direction: row;
align-items: center;
text-align: center;
gap: .5rem;
}
.user-info-inner h1 {
font-size: 2rem;
margin: 0;
}
.clan-badge {
width: 50px;
height: 20px;
border-radius: 8px;
background-color: var(--card-bg);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0.3rem;
padding: 0.2rem 0.3rem;
}
.clan-badge img {
width: 20px;
height: 20px;
margin: 0;
padding: 0;
}
.clan-badge span {
font-size: 1rem;
color: var(--text-color);
margin: 0;
font-weight: 600;
}
h1 {
font-size: 2.5rem;
margin: 0;

10
src/views/index.ejs
View file

@ -48,7 +48,15 @@
<% } %>
</div>
<div class="user-info">
<h1><%= username %></h1>
<div class="user-info-inner">
<h1><%= username %></h1>
<% if (user.clan) { %>
<div class="clan-badge">
<img src="https://cdn.discordapp.com/clan-badges/<%= user.clan.identity_guild_id %>/<%= user.clan.badge %>" alt="Clan Badge" class="clan-badge">
<span class="clan-name"><%= user.clan.tag %></span>
</div>
<% } %>
</div>
<% if (activities.length && activities[0].type === 4) {
const emoji = activities[0].emoji;
const isCustom = emoji?.id;