Compare commits
37
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 SquadleDude
|
3b76fd7431 | ||
|
SquadleDude
|
3c81d5adc0 | ||
|
SquadleDude
|
71498b2dd4 | ||
|
SquadleDude
|
de4f9d4200 | ||
|
SquadleDude
|
a782ace8a8 | ||
|
SquadleDude
|
ac41a93352 | ||
|
copyrighttxt
|
8495bd92a1 | ||
|
copyrighttxt
|
3447ebeefa | ||
|
SquadleDude
|
02c22a1d56 | ||
|
SquadleDude
|
e549f64719 | ||
|
SquadleDude
|
d5e7a88b89 | ||
|
SquadleDude
|
89026f015d | ||
|
copyrighttxt
|
e400630ee1 | ||
|
copyrighttxt
|
b3cc52540d | ||
|
copyrighttxt
|
9e47df577d | ||
|
copyrighttxt
|
b4c9604137 | ||
|
copyrighttxt
|
01fe03e1ab | ||
|
copyrighttxt
|
f3b3c2b168 | ||
|
copyrighttxt
|
95b52f4e3a | ||
|
copyrighttxt
|
64091bfe65 | ||
|
copyrighttxt
|
ae517249f0 | ||
|
copyrighttxt
|
6652fa16b0 | ||
|
SquadleDude
|
a46681367b | ||
|
SquadleDude
|
22377feed1 | ||
|
SquadleDude
|
39be9cfe82 | ||
|
SquadleDude
|
eebffbe578 | ||
|
SquadleDude
|
5c246f5e8f | ||
|
SquadleDude
|
de6ab19ce4 | ||
|
SquadleDude
|
1e240d4ae6 | ||
|
SquadleDude
|
da7ff41538 | ||
|
SquadleDude
|
d98132b42e | ||
|
SquadleDude
|
a0236f9cdf | ||
|
copyrighttxt
|
21f7106021 | ||
|
copyrighttxt
|
9132bf971d | ||
|
copyrighttxt
|
e6bbf58937 | ||
|
copyrighttxt
|
4da4a8572e | ||
|
SquadleDude
|
2dee4e7f8c |
+179
-178
@@ -1,185 +1,186 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-bs-theme="dark" data-theme="dark">
|
||||
<head>
|
||||
<!--[if IE 6]>
|
||||
© COPYRIGHT 2026 nexium.fit
|
||||
DO NOT COPY, MODIFY, OR REDISTRIBUTE THIS CODE
|
||||
WITHOUT PERMISSION FROM nexium.fit
|
||||
<html lang="en" data-bs-theme="dark">
|
||||
|
||||
|
||||
PAGE GENERATED AT : {{ datetime_utcnow() }} UTC
|
||||
<head>
|
||||
<!--[if IE 6]>
|
||||
whenever you feel down,
|
||||
remember that theres still a lot to live for.
|
||||
|
||||
nexium.fit, lx was here.
|
||||
|
||||
<![endif]-->
|
||||
<meta charset="utf-8">
|
||||
<script>(function(){var t=localStorage.getItem('theme')||'dark';document.documentElement.setAttribute('data-theme',t);document.documentElement.setAttribute('data-bs-theme',t);})();</script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/static/img/NEXIUM.ico" type="image/x-icon"/>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7P5LY26BKG"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link href="/static/css/global.css" rel="stylesheet"/>
|
||||
{% if currentuser: %}<script src="/static/js/presence.js"></script>{% endif %}
|
||||
<style>
|
||||
.subnav-bar a {
|
||||
color: var(--subnav-link) !important;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
margin-right: 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.subnav-bar a:hover {
|
||||
color: var(--subnav-link-hover) !important;
|
||||
}
|
||||
.subnav-bar {
|
||||
background-color: var(--subnav-bg);
|
||||
padding: 3px;
|
||||
}
|
||||
@media screen and (max-width: 992px) {
|
||||
.subnav-bar {
|
||||
display: none;
|
||||
}
|
||||
.main-nav-dropdown {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 992px) {
|
||||
.main-nav-dropdown {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
||||
<title>{% block title %}{% endblock %} - NEXIUM</title>
|
||||
<meta name="robots" content="noindex">
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
<body {% if website_wide_message %}style="padding-top: 30px"{% endif %}>
|
||||
<div class="fixed-top width-100">
|
||||
{% if currentuser: %}
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand position-relative me-md-2 " href="/home">
|
||||
<h1 class="title-logo">NEXIUM</h1>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="/home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="/games">Games</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="/catalog">Catalog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" aria-current="page" href="/develop">Develop</a>
|
||||
</li>
|
||||
<div class="nav-item dropdown d-flexr main-nav-dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="height:28px;">
|
||||
Others{% if currentuser.unread_messages > 0 or currentuser.inbound_trades > 0: %} 🔴{%endif%}
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a></li>
|
||||
<li><a class="dropdown-item" href="/groups">Groups</a></li>
|
||||
<li><a class="dropdown-item" href="/users">Users</a></li>
|
||||
<li><a class="dropdown-item" href="/avatar">Avatar</a></li>
|
||||
<li><a class="dropdown-item" href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a></li>
|
||||
<li><a class="dropdown-item" href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a></li>
|
||||
<li><a class="dropdown-item" href="/download">Downloads</a></li>
|
||||
<!-- <li><a class="dropdown-item" href="https://synmons.com">Synmons</a></li> -->
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="https://discord.gg/cBMp3Z52UM">Discord</a></li>
|
||||
{% if currentuser.is_admin: %}
|
||||
<li><a class="dropdown-item" href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
<div class="d-flex" id="currencydiv">
|
||||
<a style="margin-right:10px;font-weight: 600;text-decoration: none;" href="/users/{{currentuser.id}}/profile"><img class="rounded-5 overflow-hidden me-2" width="32" height="32" src="/Thumbs/Head.ashx?x=48&y=48&userId={{currentuser.id}}" alt="{{currentuser.username}}"/><span>{{currentuser.username}}</span></a>
|
||||
<span class="rbx-icon-nav-robux me-1 text-body"></span>
|
||||
<span class="" id="robux-amount">{{currentuser.robux}}</span>
|
||||
<a href="/transactions/"><span class="rbx-icon-nav-tix"></span></a>
|
||||
<span>{{currentuser.tix}}</span>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
|
||||
|
||||
<div class="nav-item dropdown d-flex ms-3">
|
||||
<a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="height:28px;">
|
||||
<span class="rbx-icon-nav-settings"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="/settings">Settings</a></li>
|
||||
<li><a class="dropdown-item" href="/invite-keys">Invite Keys</a></li>
|
||||
<li><a class="dropdown-item" href="/membership">Membership</a></li>
|
||||
<li><a class="dropdown-item" href="/giftcard-redeem">Redeem Codes</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><form action="/logout" method="post"><input type="hidden" name="csrf_token" value="{{csrf_token()}}"><button class="dropdown-item" style="color:rgb(255, 6, 60);font-weight:600;" type="submit">Logout</button></form></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="w-100 border-bottom subnav-bar ps-3 pe-3">
|
||||
<a href="/users/{{currentuser.id}}/profile">Profile</a>
|
||||
<a href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a>
|
||||
<a href="/users">Users</a>
|
||||
<a href="/avatar">Avatar</a>
|
||||
<a href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a>
|
||||
<a href="/groups">Groups</a>
|
||||
<a href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a>
|
||||
<a href="/download">Downloads</a>
|
||||
<!-- <a href="https://synmons.com">Synmons</a> -->
|
||||
<a href="https://discord.gg/cBMp3Z52UM">Discord</a>
|
||||
{% if currentuser.is_admin: %}
|
||||
<a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if website_wide_message: %}
|
||||
<div id="websitewidemessage" class="alert rounded-0 text-body p-1 position-relative" role="alert" data-announcement="{{ website_wide_message | e }}">
|
||||
<button type="button" id="websitewidemessage-close" aria-label="Close">×</button>
|
||||
<p>{{ website_wide_message }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% block content %}{% endblock %}
|
||||
{% if currentuser: %}
|
||||
<div id="footer">
|
||||
<div class="container pt-4 pb-4">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<b>©2026 nexium.fit</b>
|
||||
<p>nexium.fit is not affiliated or related to the Roblox Corporation or any of its subsidaries.</p>
|
||||
</div>
|
||||
<div class="col" id="footerlist">
|
||||
<a href="/terms">Terms of Service</a>
|
||||
<a href="/privacy">Privacy Policy</a>
|
||||
<a href="https://discord.gg/cBMp3Z52UM">Discord</a>
|
||||
</div>
|
||||
<div class="col" id="footerlist">
|
||||
<a href="/home">Home</a>
|
||||
<a href="/games">Games</a>
|
||||
<a href="/catalog">Catalog</a>
|
||||
<a href="/develop">Develop</a>
|
||||
</div>
|
||||
<div class="col" id="footerlist">
|
||||
<a href="/settings">Settings</a>
|
||||
<a href="/currency-exchange">Currency Exchange</a>
|
||||
<a href="/download">Downloads</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
* {
|
||||
font-family: "Outfit", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
img.emoji {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
margin: 0 .05em 0 .1em;
|
||||
vertical-align: -0.1em;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-top: -50px !important;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="/static/img/vortex.ico" type="image/x-icon" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
|
||||
<link href="/static/css/global.css" rel="stylesheet" />
|
||||
<link href="/static/css/header.css?random={{ BuildVersionDontGetThisMixedUpCuh }}" rel="stylesheet" />
|
||||
{% if currentuser: %}
|
||||
<script src="/static/js/presence.js"></script>{% endif %}
|
||||
|
||||
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
||||
<title>{% block title %}{% endblock %} - NEXIUM</title>
|
||||
<meta name="robots" content="noindex">
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
|
||||
<body {% if website_wide_message %}class="has-alert" {% endif %}>
|
||||
<div class="width-100">
|
||||
{% if currentuser: %}
|
||||
<button class="toggle-sidebar btn btn-link text-white d-lg-none position-fixed top-0 start-0 m-2 z-3">
|
||||
<i class="bi bi-list fs-4"></i>
|
||||
</button>
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-nav">
|
||||
<a href="/home" class="nav-link"><i class="bi bi-house-fill"></i> Home</a>
|
||||
<a href="/users/{{currentuser.id}}/profile" class="nav-link"><i class="bi bi-person-fill"></i> Profile</a>
|
||||
<a href="/games" class="nav-link"><i class="bi bi-controller"></i> Games</a>
|
||||
<a href="/catalog" class="nav-link"><i class="bi bi-shop"></i> Catalog</a>
|
||||
<a href="/develop" class="nav-link"><i class="bi bi-code-square"></i> Develop</a>
|
||||
<a href="/users/{{currentuser.id}}/friends" class="nav-link">
|
||||
<i class="bi bi-people-fill"></i> Friends
|
||||
{% if currentuser.friend_requests > 0: %}
|
||||
<span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
<a href="/groups" class="nav-link"><i class="bi bi-collection"></i> Groups</a>
|
||||
<a href="/users" class="nav-link"><i class="bi bi-person-fill"></i> Users</a>
|
||||
<a href="/avatar" class="nav-link"><i class="bi bi-person-badge"></i> Avatar</a>
|
||||
<a href="/messages" class="nav-link">
|
||||
<i class="bi bi-envelope-fill"></i> Messages
|
||||
{% if currentuser.unread_messages > 0: %}
|
||||
<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
<a href="/trade" class="nav-link">
|
||||
<i class="bi bi-arrow-left-right"></i> Trades
|
||||
{% if currentuser.inbound_trades > 0: %}
|
||||
<span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
<a href="/download" class="nav-link"><i class="bi bi-download"></i> Downloads</a>
|
||||
<a href="https://discord.gg/REPLACEME" class="nav-link"><i class="bi bi-discord"></i> Discord</a>
|
||||
{% if currentuser.is_admin: %}
|
||||
<a href="/admin/" class="nav-link">
|
||||
<i class="bi bi-shield-fill"></i> Admin Panel
|
||||
{% if currentuser.pending_asset_count > 0: %}
|
||||
<span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="/static/js/global.js" crossorigin="anonymous"></script>
|
||||
<script src="/static/js/theme.js" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
<nav class="navbar">
|
||||
<div class="container-fluid">
|
||||
<div class="d-flex align-items-center">
|
||||
<button class="toggle-sidebar btn btn-link text-white me-2" type="button">
|
||||
<i class="bi bi-list fs-4"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="/home">
|
||||
<h1 class="title-logo"><img src="/static/img/NEXIUM.png" alt="NEXIUM" /></h1>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div
|
||||
class=" d-inline-flex align-items-center bg-dark text-white rounded-pill px-3 py-1 border shadow-sm gap-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="rbx-icon-nav-robux me-1 text-white"></span>
|
||||
<span class="fw-semibold" id="robux-amount">{{currentuser.robux}}</span>
|
||||
</div>
|
||||
|
||||
<div class=" d-flex align-items-center">
|
||||
<span class="rbx-icon-nav-tix me-1 text-white"></span>
|
||||
<span class="fw-semibold" id="tix-amount">{{currentuser.tix}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="nav-item dropdown d-inline-flex align-items-center rounded-pill px-3 py-1 bg-dark border shadow-sm">
|
||||
<a class="nav-link dropdown-toggle d-flex align-items-center p-0" href="#" role="button"
|
||||
data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<img class="rounded-circle me-2" width="32" height="32"
|
||||
src="/Thumbs/Head.ashx?x=48&y=48&userId={{currentuser.id}}" alt="{{currentuser.username}}" />
|
||||
<b><span class="d-none d-md-inline">{{currentuser.username}}</span></b>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end">
|
||||
<li><a class="dropdown-item" href="/settings">Settings</a></li>
|
||||
<li><a class="dropdown-item" href="/membership">Membership</a></li>
|
||||
<li><a class="dropdown-item" href="/giftcard-redeem">Redeem Codes</a></li>
|
||||
<li>
|
||||
<hr class="dropdown-divider">
|
||||
</li>
|
||||
<li>
|
||||
<form action="/logout" method="post">
|
||||
<input type="hidden" name="csrf_token" value="{{csrf_token()}}">
|
||||
<button class="dropdown-item text-danger fw-semibold" type="submit">Logout</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="w-100 border-bottom subnav-bar ps-3 pe-3">
|
||||
<a href="/users/{{currentuser.id}}/profile">Profile</a>
|
||||
<a href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span
|
||||
class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a>
|
||||
<a href="/users">Users</a>
|
||||
<a href="/avatar">Avatar</a>
|
||||
<a href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span
|
||||
class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a>
|
||||
<a href="/groups">Groups</a>
|
||||
<a href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span
|
||||
class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a>
|
||||
<a href="/download">Downloads</a>
|
||||
<a href="https://discord.gg/REPLACEME">Discord</a>
|
||||
{% if currentuser.is_admin: %}
|
||||
<a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span
|
||||
class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if website_wide_message: %}
|
||||
<div id="websitewidemessage" class="alert text-white" role="alert">
|
||||
<p>{{ website_wide_message | safe }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="main-content">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
<script src="/static/js/global.js" crossorigin="anonymous"></script>
|
||||
<script src="/static/js/twemoji.js" crossorigin="anonymous"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -6,12 +6,12 @@
|
||||
{% block content %}
|
||||
<div id="main">
|
||||
<div class="login-container d-flex align-items-center justify-content-center">
|
||||
<div style="padding: 10px;min-width:330px;" class="ps-md-4 pe-md-4">
|
||||
<div class="login-panel px-4 py-4">
|
||||
<img src="/static/img/LoginLogo.png" alt="Nexium" class="login-logo" />
|
||||
<p class="login-subtitle">2016+ with freedom.</p>
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
<div>
|
||||
<div class="mb-2">
|
||||
{% for category, message in messages %}
|
||||
{% if category == 'error': %}
|
||||
<div class="alert border p-2 text-center alert-danger border-danger">
|
||||
@@ -34,7 +34,7 @@
|
||||
<button type="submit" class="btn btn-primary mb-3" {% if not loginEnabled: %}disabled{% endif %}>Login</button>
|
||||
</form>
|
||||
<div class="text-center mt-2">
|
||||
<p>Don't have an account? <a href="/signup">Signup</a>
|
||||
<p>Don't have an account? <a href="/signup">Signup</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -59,7 +59,7 @@ def login_page():
|
||||
if not loginEnabled:
|
||||
flash("Logins are temporarily disabled", "error")
|
||||
|
||||
login_page_response = make_response(render_template("login/login.html", loginEnabled=loginEnabled))
|
||||
login_page_response = make_response(render_template("login/login.html", loginEnabled=loginEnabled, auth_page=True))
|
||||
if request.cookies.get( key = ".ROBLOSECURITY", default = None, type = str ) is not None:
|
||||
login_page_response.set_cookie(
|
||||
key = ".ROBLOSECURITY",
|
||||
|
||||
@@ -6,17 +6,13 @@
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div id="main">
|
||||
<div class="signup-wrapper" style="position:relative;">
|
||||
<!-- logo moved outside the signup card so it can overlap/escape the container -->
|
||||
<img src="/static/img/LoginLogo.png" alt="NEXIUM" class="logo-outside d-none d-lg-block" />
|
||||
<div class="signup-row">
|
||||
<div class="signup-card">
|
||||
<p class="signup-subtitle">2016+ with freedom.</p>
|
||||
<div class="signup-container d-flex align-items-center justify-content-center">
|
||||
<div style="padding: 10px;min-width:300px;" class="ps-md-4 pe-md-4">
|
||||
<div class="signup-container d-flex align-items-center justify-content-center">
|
||||
<div class="signup-panel px-4 py-4">
|
||||
<img src="/static/img/LoginLogo.png" alt="NEXIUM" class="signup-logo" />
|
||||
<p class="signup-subtitle">2016+ with freedom.</p>
|
||||
{% with messages = get_flashed_messages() %}
|
||||
{% if messages %}
|
||||
<div>
|
||||
<div class="mb-2">
|
||||
{% for message in messages %}
|
||||
<div class="alert border border-danger p-2 text-center messagealerts">
|
||||
{{ message }}
|
||||
@@ -37,16 +33,12 @@
|
||||
<p>I agree to the <a href="/terms">Terms of Service</a> and <a href="/privacy">Privacy Policy</a></p>
|
||||
</label>
|
||||
</div>
|
||||
<div class="cf-turnstile d-table mb-2" style="margin: 0 auto;" data-theme="dark" data-sitekey="{{turnstilekey}}"></div>
|
||||
<div class="cf-turnstile d-table mb-2 mx-auto" data-theme="dark" data-sitekey="{{turnstilekey}}"></div>
|
||||
{% if SignupEnabled: %}<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>{%endif%}
|
||||
<button type="submit" class="btn btn-primary mb-3" {% if not SignupEnabled: %}disabled{% endif %}>Signup</button>
|
||||
</form>
|
||||
<div class="text-center mt-2">
|
||||
<p>Already have an account? <a href="/login">Login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Already have an account? <a href="/login">Login</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -34,7 +34,7 @@ def signup_page():
|
||||
flash("Signups are temporarily disabled")
|
||||
SignupEnabled = False
|
||||
InviteKeysEnabled = websiteFeatures.GetWebsiteFeature("InviteKeys")
|
||||
return render_template("signup/signup.html", SignupEnabled=SignupEnabled, InviteKeysEnabled=InviteKeysEnabled)
|
||||
return render_template("signup/signup.html", SignupEnabled=SignupEnabled, InviteKeysEnabled=InviteKeysEnabled, auth_page=True)
|
||||
|
||||
def RateLimitReached(e):
|
||||
flash("You are being rate limited. Please try again later.")
|
||||
|
||||
@@ -0,0 +1,143 @@
|
||||
/* Custom UI tweaks for demos: reposition/resize header and navbar elements */
|
||||
:root{
|
||||
--navbar-height: 64px;
|
||||
}
|
||||
|
||||
/* Make navbar slightly taller and adjust brand positioning */
|
||||
.navbar {
|
||||
min-height: var(--navbar-height) !important;
|
||||
height: var(--navbar-height) !important;
|
||||
}
|
||||
|
||||
.navbar .navbar-brand .title-logo {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
transform: translateY(6px);
|
||||
}
|
||||
|
||||
/* Resize avatar in navbar */
|
||||
.d-flex #currencydiv img {
|
||||
width: 28px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
|
||||
/* Slightly increase spacing for nav links */
|
||||
.navbar-nav .nav-link {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Example utility: move nav to the right on larger screens */
|
||||
@media (min-width: 992px) {
|
||||
.navbar .container-fluid > .navbar-brand { margin-right: 24px; }
|
||||
}
|
||||
|
||||
/* Use this file to experiment: change --navbar-height or transforms to reposition/resize elements */
|
||||
|
||||
/* ------------------------
|
||||
Login page repositioning
|
||||
- Moves the decorative image to the left of the form on wide screens
|
||||
- Stacks the image above the form on small screens
|
||||
- Adjust gap and max-height to taste
|
||||
------------------------ */
|
||||
.login-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.login-container > div {
|
||||
order: 2; /* form column */
|
||||
flex: 1 1 0;
|
||||
}
|
||||
|
||||
.login-container img {
|
||||
order: 1; /* image column */
|
||||
max-height: 420px;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Mobile / small screens: stack vertically with image on top */
|
||||
@media (max-width: 992px) {
|
||||
.login-container {
|
||||
flex-direction: column-reverse; /* keep form visible first on very small screens */
|
||||
min-width: 280px;
|
||||
gap: 16px;
|
||||
}
|
||||
.login-container img {
|
||||
width: 100%;
|
||||
max-height: 240px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.login-container > div {
|
||||
order: 1;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Utility: nudge the form horizontally if needed */
|
||||
.login-container .form-nudge { transform: translateX(10px); }
|
||||
|
||||
/* Login logo styling: replace h1 text with an image */
|
||||
.login-logo {
|
||||
display: block;
|
||||
margin: 0 auto 8px;
|
||||
max-width: 220px;
|
||||
height: auto;
|
||||
}
|
||||
.login-subtitle {
|
||||
text-align: center;
|
||||
margin-bottom: 12px;
|
||||
font-size: small;
|
||||
color: rgba(230,238,248,0.9);
|
||||
}
|
||||
|
||||
/* Navbar brand logo styling */
|
||||
.navbar .navbar-brand .brand-logo {
|
||||
display: block;
|
||||
max-height: 72px; /* increased size */
|
||||
width: auto;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.navbar .navbar-brand .brand-logo { max-height: 48px; transform: translateY(4px); }
|
||||
}
|
||||
|
||||
.has-left-sidebar .fixed-top.width-100 {
|
||||
/* Keep the top bar visible when a left sidebar is present.
|
||||
Shift it right so it doesn't overlap the sidebar and reduce its width. */
|
||||
left: 220px !important;
|
||||
width: calc(100% - 220px) !important;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.left-sidebar {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 220px;
|
||||
background: #1f1f1f;
|
||||
color: #fff;
|
||||
padding-top: 18px;
|
||||
z-index: 1040;
|
||||
overflow: auto;
|
||||
}
|
||||
.left-sidebar .sidebar-brand { text-align: center; padding: 6px 8px 12px; border-bottom: 1px solid rgba(255,255,255,0.04); }
|
||||
.left-sidebar .sidebar-brand .brand-logo { max-height: 48px; }
|
||||
.left-sidebar .sidebar-nav ul { list-style:none; margin:0; padding:8px 0; }
|
||||
.left-sidebar .sidebar-nav li { margin:0; }
|
||||
.left-sidebar .sidebar-nav a { display:block; padding:10px 16px; color: #ddd; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.02); }
|
||||
.left-sidebar .sidebar-nav a:hover { background: rgba(255,255,255,0.03); color:#fff; }
|
||||
.left-sidebar .sidebar-nav .badge { background:#e53935; color:#fff; font-size:11px; padding:2px 6px; border-radius:10px; margin-left:6px; }
|
||||
|
||||
/* push page content to the right so the sidebar doesn't overlap */
|
||||
.has-left-sidebar body, .has-left-sidebar .width-100 { margin-left: 220px !important; }
|
||||
@media (max-width: 992px) {
|
||||
.left-sidebar { transform: translateX(-220px); transition: transform .2s ease; }
|
||||
.left-sidebar.open { transform: translateX(0); }
|
||||
.has-left-sidebar .width-100 { margin-left: 0 !important; }
|
||||
}
|
||||
|
||||
+20
-119
@@ -1,86 +1,22 @@
|
||||
html[data-theme="dark"] {
|
||||
color-scheme: dark;
|
||||
--bs-body-bg: rgb(9, 9, 9) !important;
|
||||
--bs-body-color: rgb(240, 240, 240) !important;
|
||||
--bs-heading-color: #fff !important;
|
||||
--page-bg: rgb(9, 9, 9);
|
||||
--nav-bg: rgb(9, 9, 9);
|
||||
--nav-border: rgb(90, 90, 90);
|
||||
--subnav-bg: rgb(23, 23, 23);
|
||||
--subnav-link: rgb(199, 199, 199);
|
||||
--subnav-link-hover: rgb(255, 255, 255);
|
||||
--footer-bg: rgb(15, 15, 15);
|
||||
--footer-text: rgb(255, 255, 255);
|
||||
--linebreak: rgb(60, 60, 60);
|
||||
--card-bg: rgb(30, 30, 30);
|
||||
--card-shadow: rgb(0, 0, 0);
|
||||
--text-muted: rgb(170, 170, 170);
|
||||
--nav-text: rgb(255, 255, 255);
|
||||
--website-message-bg: rgb(65, 7, 7);
|
||||
--surface-alt: rgb(27, 27, 27);
|
||||
--surface-sunken: rgb(18, 18, 18);
|
||||
--track-bg: rgb(49, 49, 49);
|
||||
--track-fill: rgb(85, 85, 85);
|
||||
--alert-bg: rgba(255, 0, 0, 0.2);
|
||||
--alert-text: rgb(226, 226, 226);
|
||||
--auth-bg: rgb(20, 20, 20);
|
||||
--auth-dot: #333;
|
||||
--auth-card-bg: rgba(25, 25, 25, 1);
|
||||
--auth-card-shadow: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
html[data-theme="light"] {
|
||||
color-scheme: light;
|
||||
--bs-body-bg: rgb(245, 247, 250) !important;
|
||||
--bs-body-color: rgb(31, 41, 55) !important;
|
||||
--bs-heading-color: rgb(17, 24, 39) !important;
|
||||
--page-bg: rgb(245, 247, 250);
|
||||
--nav-bg: rgb(255, 255, 255);
|
||||
--nav-border: rgb(210, 216, 224);
|
||||
--subnav-bg: rgb(241, 243, 246);
|
||||
--subnav-link: rgb(70, 80, 99);
|
||||
--subnav-link-hover: rgb(17, 24, 39);
|
||||
--footer-bg: rgb(233, 237, 245);
|
||||
--footer-text: rgb(26, 35, 48);
|
||||
--linebreak: rgb(208, 215, 226);
|
||||
--card-bg: rgb(255, 255, 255);
|
||||
--card-shadow: rgba(15, 23, 42, 0.12);
|
||||
--text-muted: rgb(87, 96, 113);
|
||||
--nav-text: rgb(31, 41, 55);
|
||||
--website-message-bg: rgb(255, 243, 205);
|
||||
--surface-alt: rgb(229, 231, 235);
|
||||
--surface-sunken: rgb(214, 218, 225);
|
||||
--track-bg: rgb(222, 226, 232);
|
||||
--track-fill: rgb(178, 185, 196);
|
||||
--alert-bg: rgba(220, 38, 38, 0.12);
|
||||
--alert-text: rgb(153, 27, 27);
|
||||
--auth-bg: rgb(238, 240, 244);
|
||||
--auth-dot: rgba(15, 23, 42, 0.08);
|
||||
--auth-card-bg: rgb(255, 255, 255);
|
||||
--auth-card-shadow: rgba(15, 23, 42, 0.15);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bs-body-bg) !important;
|
||||
color: var(--bs-body-color) !important;
|
||||
--bs-heading-color: var(--bs-heading-color) !important;
|
||||
font-family: 'Exo 2', sans-serif;
|
||||
--bs-body-bg: rgb(9,9,9) !important;
|
||||
--bs-heading-color: #fff !important;
|
||||
}
|
||||
|
||||
.linebreak {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid var(--linebreak);
|
||||
border-bottom: 1px solid rgb(60,60,60);
|
||||
margin: 10px 0;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.place-card {
|
||||
background-color: var(--card-bg);
|
||||
background-color: rgb(30,30,30);
|
||||
min-height: 220px;
|
||||
transition: 0.2s;
|
||||
width: 150px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 5px var(--card-shadow);
|
||||
box-shadow: 0 0 5px rgb(0,0,0);
|
||||
}
|
||||
|
||||
.place-card h5 {
|
||||
@@ -95,23 +31,23 @@ body {
|
||||
}
|
||||
|
||||
.place-card .votePercentageBackground {
|
||||
background-color: var(--track-bg);
|
||||
background-color: rgb(49,49,49);
|
||||
z-index: 1;
|
||||
height: 10px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border: 1px solid var(--surface-alt);
|
||||
border: 1px solid rgb(27,27,27);
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.place-card .votePercentageFill {
|
||||
background-color: var(--track-fill);
|
||||
background-color: rgb(85,85,85);
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.place-card .segment {
|
||||
background-color: var(--surface-alt);
|
||||
background-color: rgb(27, 27, 27);
|
||||
height: 10px;
|
||||
width: 2px;
|
||||
position: absolute;
|
||||
@@ -119,53 +55,18 @@ body {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.messagealerts {
|
||||
background: var(--alert-bg);
|
||||
color: var(--alert-text);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.bg-surface {
|
||||
background-color: var(--surface-alt) !important;
|
||||
}
|
||||
|
||||
html[data-theme="light"] .rbx-icon-nav-robux,
|
||||
html[data-theme="light"] .rbx-icon-nav-tix,
|
||||
html[data-theme="light"] .rbx-icon-nav-settings {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
#websitewidemessage {
|
||||
background-color: var(--website-message-bg);
|
||||
background-color: rgb(4, 83, 73);
|
||||
}
|
||||
|
||||
#websitewidemessage p {
|
||||
margin: 0;
|
||||
padding: 0 24px;
|
||||
font-weight: 500;
|
||||
padding: 0;
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#websitewidemessage-close {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1;
|
||||
padding: 0 4px;
|
||||
cursor: pointer;
|
||||
color: inherit;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#websitewidemessage-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#websitewidemessage a {
|
||||
text-decoration: underline !important;
|
||||
color: rgb(0, 140, 255) !important;
|
||||
@@ -174,8 +75,8 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: var(--nav-bg);
|
||||
border-bottom: 1px solid var(--nav-border);
|
||||
background-color: rgb(0, 0, 0);
|
||||
border-bottom: 1px solid rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.navbar-brand h1 {
|
||||
@@ -186,8 +87,8 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
||||
}
|
||||
|
||||
#footer {
|
||||
border-top: 1px solid var(--nav-border);
|
||||
background-color: var(--footer-bg);
|
||||
border-top: 1px solid rgb(20, 20, 20);
|
||||
background-color: rgb(17, 16, 16);
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
@@ -195,7 +96,7 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
text-decoration: none !important;
|
||||
color: var(--footer-text) !important;
|
||||
color: rgb(255, 255, 255) !important;
|
||||
font-weight: 400 !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
@@ -204,12 +105,12 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
||||
margin-left: 4px;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 400;
|
||||
color: var(--nav-text);
|
||||
color: rgb(255,255,255);
|
||||
min-width: 28px;
|
||||
}
|
||||
|
||||
.text-secondary {
|
||||
color: var(--text-muted) !important;
|
||||
color: rgb(255, 255, 255) !important;
|
||||
}
|
||||
|
||||
.rbx-icon-default-navigation,.rbx-icon-nav-menu,.rbx-icon-nav-robux,.rbx-icon-nav-tix,.rbx-icon-nav-settings,.rbx-icon-nav-search,.rbx-icon-nav-home,.rbx-icon-nav-profile,.rbx-icon-nav-message,.rbx-icon-nav-friends,.rbx-icon-nav-charactercustomizer,.rbx-icon-nav-inventory,.rbx-icon-nav-trade,.rbx-icon-nav-group,.rbx-icon-nav-forum,.rbx-icon-nav-blog,.rbx-icon-nav-search-white,.rbx-icon-nav-shop {
|
||||
@@ -519,4 +420,4 @@ button:hover .rbx-icon-nav-shop,a:hover .rbx-icon-nav-shop {
|
||||
|
||||
.rbx-icon-limited-unique-obc-label {
|
||||
background-position: 0 -180px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,360 @@
|
||||
:root {
|
||||
--sidebar-width: 250px;
|
||||
--navbar-height: 60px;
|
||||
--primary-color: #333333;
|
||||
--sidebar-bg: #090909;
|
||||
--transition-speed: 0.3s;
|
||||
--transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--alert-color: #0e19aa;
|
||||
--scrollbar-color: #333333;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #666;
|
||||
border-radius: 8px;
|
||||
background-clip: padding-box;
|
||||
border: 3px solid transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
width: 0;
|
||||
height: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ariez what the fuck? */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #666 transparent;
|
||||
}
|
||||
.modal-content {
|
||||
z-index: 1060 !important;
|
||||
position: relative;
|
||||
}
|
||||
@keyframes slideIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scaleIn {
|
||||
from {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
padding-top: var(--navbar-height) !important;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: var(--sidebar-width);
|
||||
background: var(--sidebar-bg);
|
||||
border-right: 1px solid rgba(255,255,255,0.1);
|
||||
z-index: 1030;
|
||||
transition: transform var(--transition-speed) var(--transition-timing);
|
||||
padding-top: var(--navbar-height);
|
||||
overflow-y: auto;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: var(--primary-color) var(--sidebar-bg);
|
||||
}
|
||||
|
||||
.sidebar-nav a {
|
||||
animation: slideIn 0.5s var(--transition-timing);
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.sidebar-nav a:nth-child(1) { animation-delay: 0.1s; }
|
||||
.sidebar-nav a:nth-child(2) { animation-delay: 0.15s; }
|
||||
.sidebar-nav a:nth-child(3) { animation-delay: 0.2s; }
|
||||
.sidebar-nav a:nth-child(4) { animation-delay: 0.25s; }
|
||||
.sidebar-nav a:nth-child(5) { animation-delay: 0.3s; }
|
||||
.sidebar-nav a:nth-child(6) { animation-delay: 0.35s; }
|
||||
.sidebar-nav a:nth-child(7) { animation-delay: 0.4s; }
|
||||
.sidebar-nav a:nth-child(8) { animation-delay: 0.45s; }
|
||||
.sidebar-nav a:nth-child(9) { animation-delay: 0.5s; }
|
||||
.sidebar-nav a:nth-child(10) { animation-delay: 0.55s; }
|
||||
|
||||
.sidebar-hidden .sidebar {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-left: var(--sidebar-width);
|
||||
transition: margin var(--transition-speed) var(--transition-timing);
|
||||
animation: fadeIn 0.5s var(--transition-timing);
|
||||
padding: 1rem;
|
||||
min-height: calc(100vh - var(--navbar-height));
|
||||
}
|
||||
|
||||
.sidebar-hidden .main-content {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.sidebar-nav .nav-link {
|
||||
color: rgb(255, 255, 255);
|
||||
padding: 0.75rem 1rem;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 0.5rem;
|
||||
transition: all var(--transition-speed) var(--transition-timing);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sidebar-nav .nav-link:hover {
|
||||
background: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
transform: translateX(5px);
|
||||
}
|
||||
|
||||
.sidebar-nav .nav-link::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 3px;
|
||||
background: var(--primary-color);
|
||||
transform: scaleY(0);
|
||||
transition: transform var(--transition-speed) var(--transition-timing);
|
||||
}
|
||||
|
||||
.sidebar-nav .nav-link:hover::before {
|
||||
transform: scaleY(1);
|
||||
}
|
||||
|
||||
.sidebar-nav .nav-link i {
|
||||
font-size: 1.25rem;
|
||||
transition: transform var(--transition-speed) var(--transition-timing);
|
||||
}
|
||||
|
||||
.sidebar-nav .nav-link:hover i {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: var(--navbar-height);
|
||||
background: var(--sidebar-bg) !important;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.1);
|
||||
animation: fadeIn 0.5s var(--transition-timing);
|
||||
z-index: 1040;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.navbar .container-fluid {
|
||||
justify-content: space-between;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-brand:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.profile-section {
|
||||
padding: 1rem;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
margin-top: auto;
|
||||
animation: scaleIn 0.5s var(--transition-timing);
|
||||
}
|
||||
|
||||
.profile-section img {
|
||||
transition: transform var(--transition-speed) var(--transition-timing);
|
||||
}
|
||||
|
||||
.profile-section:hover img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.toggle-sidebar {
|
||||
cursor: pointer;
|
||||
padding: 0.5rem;
|
||||
display: none;
|
||||
transition: transform var(--transition-speed) var(--transition-timing);
|
||||
}
|
||||
|
||||
.toggle-sidebar:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.badge {
|
||||
transition: all var(--transition-speed) var(--transition-timing);
|
||||
}
|
||||
|
||||
.nav-link:hover .badge {
|
||||
transform: scale(1.1) translateX(2px);
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin-left: var(--sidebar-width);
|
||||
transition: margin var(--transition-speed) var(--transition-timing);
|
||||
animation: fadeIn 0.5s var(--transition-timing);
|
||||
}
|
||||
|
||||
.sidebar-hidden #footer {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.title-logo {
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
.title-logo img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.title-logo-lander {
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
height: 2.9rem;
|
||||
}
|
||||
|
||||
.title-logo-lander img {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#websitewidemessage {
|
||||
position: fixed;
|
||||
top: var(--navbar-height);
|
||||
left: var(--sidebar-width);
|
||||
right: 0;
|
||||
z-index: 1030;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
background-color: var(--alert-color);
|
||||
animation: slideIn 0.5s var(--transition-timing);
|
||||
padding: 0.25rem;
|
||||
font-size: 0.875rem;
|
||||
min-height: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.sidebar-hidden #websitewidemessage {
|
||||
left: 0;
|
||||
transition: left var(--transition-speed) var(--transition-timing);
|
||||
}
|
||||
|
||||
#websitewidemessage p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body.has-alert .main-content {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.sidebar {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.sidebar.show {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.toggle-sidebar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#websitewidemessage {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
body.has-alert .main-content {
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.subnav-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.sidebar::-webkit-scrollbar-track {
|
||||
background: var(--scrollbar-color);
|
||||
}
|
||||
|
||||
.sidebar::-webkit-scrollbar-thumb {
|
||||
background-color: #4a4a4a;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.sidebar::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.nav-item.settings-dropdown {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#currencydiv {
|
||||
display: none;
|
||||
}
|
||||
+52
-16
@@ -1,28 +1,46 @@
|
||||
body {
|
||||
background: radial-gradient(circle, var(--auth-dot) 10%, transparent 11%),radial-gradient(circle at bottom left, var(--auth-dot) 5%, transparent 6%),radial-gradient(circle at bottom right, var(--auth-dot) 5%, transparent 6%),radial-gradient(circle at top left, var(--auth-dot) 5%, transparent 6%),radial-gradient(circle at top right, var(--auth-dot) 5%, transparent 6%);
|
||||
background-size: 3em 3em;
|
||||
background-color: var(--auth-bg);
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
background-color: #050505;
|
||||
overflow-x: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/static/img/LoginPage.png");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
filter: blur(12px) brightness(0.7) saturate(0.85);
|
||||
transform: scale(1.08);
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
#main {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.login-container {
|
||||
min-width: 330px;
|
||||
display: inline-block;
|
||||
background-color: var(--auth-card-bg);
|
||||
box-shadow: 0 0 15px var(--auth-card-shadow);
|
||||
width: 100%;
|
||||
padding: 24px 16px;
|
||||
}
|
||||
|
||||
.login-container h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
font-size: 3.5rem;
|
||||
font-weight: 700;
|
||||
.login-panel {
|
||||
width: min(100%, 420px);
|
||||
background-color: var(--auth-card-bg);
|
||||
box-shadow: 0 0 15px var(--auth-card-shadow);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.login-container p {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
@@ -52,10 +70,28 @@ body {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.login-container img {
|
||||
min-width: 500px;
|
||||
.login-logo {
|
||||
display: block;
|
||||
margin: 0 auto 8px;
|
||||
max-width: 320px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.login-subtitle {
|
||||
text-align: center;
|
||||
margin-bottom: 12px;
|
||||
color: rgba(230, 238, 248, 0.9);
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.login-container button {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.login-container .alert {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
.form-text {
|
||||
/* wrap the text*/
|
||||
@@ -91,7 +127,7 @@ body {
|
||||
font-size: small;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.login-logo { max-width: 160px; }
|
||||
.login-logo { max-width: 240px; }
|
||||
}
|
||||
.navbar .navbar-brand .brand-logo {
|
||||
display: block;
|
||||
|
||||
+64
-209
@@ -1,7 +1,23 @@
|
||||
body {
|
||||
background: radial-gradient(circle, #333 10%, transparent 11%),radial-gradient(circle at bottom left, #333 5%, transparent 6%),radial-gradient(circle at bottom right, #333 5%, transparent 6%),radial-gradient(circle at top left, #333 5%, transparent 6%),radial-gradient(circle at top right, #333 5%, transparent 6%);
|
||||
background-size: 3em 3em;
|
||||
background-color: rgb(20,20,20);
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
background-color: #050505;
|
||||
overflow-x: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url("/static/img/LoginPage.png");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
filter: blur(12px) brightness(0.7) saturate(0.85);
|
||||
transform: scale(1.08);
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#main {
|
||||
@@ -9,75 +25,36 @@ body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.logo-outside {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
max-width: 500px;
|
||||
width: 500px;
|
||||
height: auto;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
margin-top: -100px;
|
||||
margin-right: 120px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
.signup-container {
|
||||
width: 100%;
|
||||
padding: .375rem .75rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: var(--bs-body-color);
|
||||
background-color: var(--bs-body-bg);
|
||||
background-clip: padding-box;
|
||||
border: var(--bs-border-width) solid var(--bs-border-color);
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: var(--bs-border-radius);
|
||||
max-width: 300px;
|
||||
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
||||
padding: 24px 16px;
|
||||
}
|
||||
|
||||
.signup-panel {
|
||||
width: min(100%, 420px);
|
||||
background-color: var(--auth-card-bg);
|
||||
box-shadow: 0 0 15px var(--auth-card-shadow);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.signup-logo {
|
||||
display: block;
|
||||
margin: 0 auto 8px;
|
||||
max-width: 320px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.signup-subtitle {
|
||||
text-align: center;
|
||||
margin-bottom: 5px;
|
||||
color: rgb(255 255 255 / 90%);
|
||||
font-size: larger;
|
||||
margin-left: 800px;
|
||||
}
|
||||
|
||||
.element.style {
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.signup-wrapper img {
|
||||
min-width: 700px;
|
||||
}
|
||||
|
||||
.signup-container {
|
||||
min-width: 330px;
|
||||
display: inline-block;
|
||||
background-color: rgba(25,25,25, 1);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
/* only align h1 tags */
|
||||
.signup-container h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
font-size: 3.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.signup-container p {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin-bottom: 15px;
|
||||
font-size: small;
|
||||
margin-bottom: 12px;
|
||||
color: rgba(230, 238, 248, 0.9);
|
||||
}
|
||||
|
||||
.signup-container button {
|
||||
@@ -99,128 +76,35 @@ body {
|
||||
}
|
||||
|
||||
#password {
|
||||
min-width: 300px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.messagealerts {
|
||||
background: rgba(255, 0, 0, 0.2);
|
||||
color: rgb(226, 226, 226);
|
||||
word-wrap: break-word;
|
||||
#username,
|
||||
#invite-key {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.form-text {
|
||||
/* wrap the text*/
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none !important;
|
||||
color: rgb(32, 147, 255) !important;
|
||||
font-weight: 500 !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
color: rgb(3, 133, 255) !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
/* Logo outside the signup card so it can overlap/escape the container */
|
||||
.signup-wrapper { position: relative; }
|
||||
.logo-outside {
|
||||
position: absolute;
|
||||
right: -40px; /* push beyond the card -- adjust to taste */
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
max-width: 320px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: 0; /* behind the card; use higher if you want it above */
|
||||
pointer-events: none;
|
||||
}
|
||||
.signup-container { position: relative; z-index: 1; }
|
||||
.signup-subtitle { text-align: center; margin-bottom: 12px; color: rgba(230,238,248,0.9); font-size: small; }
|
||||
|
||||
/* Two-column layout for signup: left card + right visual */
|
||||
.signup-row {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
gap: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.signup-card { flex: 0 0 330px; }
|
||||
.signup-visual { flex: 1 1 0; }
|
||||
.signup-visual img { display:block; width:100%; height:100%; object-fit:cover; }
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.signup-row { display: block; }
|
||||
.signup-card { width: 100%; }
|
||||
.signup-visual { display: none; }
|
||||
}body {
|
||||
background: radial-gradient(circle, #333 10%, transparent 11%),radial-gradient(circle at bottom left, #333 5%, transparent 6%),radial-gradient(circle at bottom right, #333 5%, transparent 6%),radial-gradient(circle at top left, #333 5%, transparent 6%),radial-gradient(circle at top right, #333 5%, transparent 6%);
|
||||
background-size: 3em 3em;
|
||||
background-color: rgb(20,20,20);
|
||||
}
|
||||
|
||||
#main {
|
||||
#checkboxTerms {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
align-items: flex-start;
|
||||
gap: 0.5rem;
|
||||
margin: 8px 0 12px;
|
||||
}
|
||||
|
||||
.signup-container {
|
||||
min-width: 330px;
|
||||
display: inline-block;
|
||||
background-color: rgba(25,25,25, 1);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
/* only align h1 tags */
|
||||
.signup-container h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
font-size: 3.5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.signup-container p {
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin-bottom: 15px;
|
||||
#checkboxTerms p {
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.signup-container button {
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
font-size: larger;
|
||||
padding: 3px;
|
||||
margin-bottom: 0 !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.signup-container a {
|
||||
font-size: small;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.col {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#password {
|
||||
min-width: 300px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
.form-check-input {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
.messagealerts {
|
||||
background: rgba(255, 0, 0, 0.2);
|
||||
color: rgb(226, 226, 226);
|
||||
background: var(--alert-bg);
|
||||
color: var(--alert-text);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
@@ -229,54 +113,25 @@ a:hover {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
a {
|
||||
.signup-container a {
|
||||
text-decoration: none !important;
|
||||
color: rgb(32, 147, 255) !important;
|
||||
font-weight: 500 !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
.signup-container a:hover {
|
||||
text-decoration: none !important;
|
||||
color: rgb(3, 133, 255) !important;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
/* Logo outside the signup card so it can overlap/escape the container */
|
||||
.signup-wrapper { position: relative; }
|
||||
.logo-outside {
|
||||
position: absolute;
|
||||
right: -40px; /* push beyond the card -- adjust to taste */
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
max-width: 320px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: 0; /* behind the card; use higher if you want it above */
|
||||
pointer-events: none;
|
||||
}
|
||||
.signup-container { position: relative; z-index: 1; }
|
||||
.signup-subtitle { text-align: center; margin-bottom: 12px; color: rgba(230,238,248,0.9); font-size: small; }
|
||||
@media (max-width: 480px) {
|
||||
.signup-panel {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.logo-outside { display: none; }
|
||||
.signup-container { min-width: 320px; }
|
||||
}
|
||||
|
||||
/* Two-column layout for signup: left card + right visual */
|
||||
.signup-row {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
gap: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.signup-card { flex: 0 0 330px; }
|
||||
.signup-visual { flex: 1 1 0; }
|
||||
.signup-visual img { display:block; width:100%; height:100%; object-fit:cover; }
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.signup-row { display: block; }
|
||||
.signup-card { width: 100%; }
|
||||
.signup-visual { display: none; }
|
||||
.signup-logo {
|
||||
max-width: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
@@ -8,7 +8,7 @@ console.log(
|
||||
"color: #F5A9B8; font-size: 18px; font-weight: 500;"
|
||||
);
|
||||
|
||||
console.log("Remember, trans rights are human rights!")
|
||||
console.log("Trans rights are human rights. Never forget.")
|
||||
twemoji.parse(
|
||||
document.body,
|
||||
{ base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/' }
|
||||
|
||||
Reference in New Issue
Block a user