Compare 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 |
+178
-201
@@ -1,209 +1,186 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="en" data-bs-theme="dark" data-theme="dark">
|
<html lang="en" data-bs-theme="dark">
|
||||||
<head>
|
|
||||||
<!--[if IE 6]>
|
|
||||||
© COPYRIGHT 2026 nexium.fit
|
|
||||||
DO NOT COPY, MODIFY, OR REDISTRIBUTE THIS CODE
|
|
||||||
WITHOUT PERMISSION FROM nexium.fit
|
|
||||||
|
|
||||||
|
<head>
|
||||||
PAGE GENERATED AT : {{ datetime_utcnow() }} UTC
|
<!--[if IE 6]>
|
||||||
|
whenever you feel down,
|
||||||
|
remember that theres still a lot to live for.
|
||||||
|
|
||||||
|
nexium.fit, lx was here.
|
||||||
|
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
<meta charset="utf-8">
|
<style>
|
||||||
<script>(function(){var t=localStorage.getItem('theme')||'dark';document.documentElement.setAttribute('data-theme',t);document.documentElement.setAttribute('data-bs-theme',t);})();</script>
|
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
|
||||||
<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"/>
|
|
||||||
<link href="/static/css/custom-ui-tweaks.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 class="has-left-sidebar" {% if website_wide_message %}style="padding-top: 30px"{% endif %}>
|
|
||||||
<!-- Left sidebar replacing the top navigation -->
|
|
||||||
<aside class="left-sidebar" role="navigation" aria-label="Main sidebar">
|
|
||||||
<div class="sidebar-brand">
|
|
||||||
<img src="/static/img/LoginLogo.png" alt="NEXIUM" class="brand-logo" />
|
|
||||||
</div>
|
|
||||||
<nav class="sidebar-nav">
|
|
||||||
<ul>
|
|
||||||
<li><a href="/home">Home</a></li>
|
|
||||||
<li><a href="/users/{{ currentuser.id }}/profile">Profile</a></li>
|
|
||||||
<li><a href="/friends">Friends</a></li>
|
|
||||||
<li><a href="/users">Users</a></li>
|
|
||||||
<li><a href="/avatar">Avatar</a></li>
|
|
||||||
<li><a href="/messages">Messages</a></li>
|
|
||||||
<li><a href="/groups">Groups</a></li>
|
|
||||||
<li><a href="/trade">Trades</a></li>
|
|
||||||
<li><a href="/download">Downloads</a></li>
|
|
||||||
<li><a href="https://discord.gg/cBMp3Z52UM" target="_blank" rel="noopener">Discord</a></li>
|
|
||||||
{% if currentuser.is_admin %}
|
|
||||||
<li><a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %} <span class="badge">{{currentuser.pending_asset_count}}</span>{% endif %}</a></li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
<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">
|
|
||||||
<img src="/static/img/LoginLogo.png" alt="NEXIUM" class="brand-logo" />
|
|
||||||
</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>
|
|
||||||
|
|
||||||
<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;">
|
font-family: "Outfit", sans-serif;
|
||||||
<span class="rbx-icon-nav-settings"></span>
|
font-optical-sizing: auto;
|
||||||
</a>
|
font-style: normal;
|
||||||
<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>
|
img.emoji {
|
||||||
<li><a class="dropdown-item" href="/membership">Membership</a></li>
|
height: 1em;
|
||||||
<li><a class="dropdown-item" href="/giftcard-redeem">Redeem Codes</a></li>
|
width: 1em;
|
||||||
<li><hr class="dropdown-divider"></li>
|
margin: 0 .05em 0 .1em;
|
||||||
<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>
|
vertical-align: -0.1em;
|
||||||
</ul>
|
}
|
||||||
</div>
|
|
||||||
</div>
|
.main-content {
|
||||||
</div>
|
margin-top: -50px !important;
|
||||||
</div>
|
}
|
||||||
</nav>
|
|
||||||
<div class="w-100 border-bottom subnav-bar ps-3 pe-3">
|
|
||||||
<a href="/users/{{currentuser.id}}/profile">Profile</a>
|
</style>
|
||||||
<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>
|
<meta charset="utf-8">
|
||||||
<a href="/users">Users</a>
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<a href="/avatar">Avatar</a>
|
<link rel="icon" href="/static/img/vortex.ico" type="image/x-icon" />
|
||||||
<a href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a>
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||||
<a href="/groups">Groups</a>
|
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
|
||||||
<a href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
|
||||||
<a href="/download">Downloads</a>
|
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
|
||||||
<!-- <a href="https://synmons.com">Synmons</a> -->
|
crossorigin="anonymous"></script>
|
||||||
<a href="https://discord.gg/cBMp3Z52UM">Discord</a>
|
<script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
|
||||||
{% 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>
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
|
||||||
{% endif %}
|
<link href="/static/css/global.css" rel="stylesheet" />
|
||||||
</div>
|
<link href="/static/css/header.css?random={{ BuildVersionDontGetThisMixedUpCuh }}" rel="stylesheet" />
|
||||||
{% endif %}
|
{% if currentuser: %}
|
||||||
{% if website_wide_message: %}
|
<script src="/static/js/presence.js"></script>{% endif %}
|
||||||
<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>
|
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
||||||
<p>{{ website_wide_message }}</p>
|
<title>{% block title %}{% endblock %} - NEXIUM</title>
|
||||||
</div>
|
<meta name="robots" content="noindex">
|
||||||
{% endif %}
|
{% block head %}{% endblock %}
|
||||||
</div>
|
</head>
|
||||||
{% block content %}{% endblock %}
|
|
||||||
{% if currentuser: %}
|
<body {% if website_wide_message %}class="has-alert" {% endif %}>
|
||||||
<div id="footer">
|
<div class="width-100">
|
||||||
<div class="container pt-4 pb-4">
|
{% if currentuser: %}
|
||||||
<div class="row">
|
<button class="toggle-sidebar btn btn-link text-white d-lg-none position-fixed top-0 start-0 m-2 z-3">
|
||||||
<div class="col-4">
|
<i class="bi bi-list fs-4"></i>
|
||||||
<b>©2026 nexium.fit</b>
|
</button>
|
||||||
<p>nexium.fit is not affiliated or related to the Roblox Corporation or any of its subsidaries.</p>
|
<div class="sidebar">
|
||||||
</div>
|
<div class="sidebar-nav">
|
||||||
<div class="col" id="footerlist">
|
<a href="/home" class="nav-link"><i class="bi bi-house-fill"></i> Home</a>
|
||||||
<a href="/terms">Terms of Service</a>
|
<a href="/users/{{currentuser.id}}/profile" class="nav-link"><i class="bi bi-person-fill"></i> Profile</a>
|
||||||
<a href="/privacy">Privacy Policy</a>
|
<a href="/games" class="nav-link"><i class="bi bi-controller"></i> Games</a>
|
||||||
<a href="https://discord.gg/cBMp3Z52UM">Discord</a>
|
<a href="/catalog" class="nav-link"><i class="bi bi-shop"></i> Catalog</a>
|
||||||
</div>
|
<a href="/develop" class="nav-link"><i class="bi bi-code-square"></i> Develop</a>
|
||||||
<div class="col" id="footerlist">
|
<a href="/users/{{currentuser.id}}/friends" class="nav-link">
|
||||||
<a href="/home">Home</a>
|
<i class="bi bi-people-fill"></i> Friends
|
||||||
<a href="/games">Games</a>
|
{% if currentuser.friend_requests > 0: %}
|
||||||
<a href="/catalog">Catalog</a>
|
<span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>
|
||||||
<a href="/develop">Develop</a>
|
{% endif %}
|
||||||
</div>
|
</a>
|
||||||
<div class="col" id="footerlist">
|
<a href="/groups" class="nav-link"><i class="bi bi-collection"></i> Groups</a>
|
||||||
<a href="/settings">Settings</a>
|
<a href="/users" class="nav-link"><i class="bi bi-person-fill"></i> Users</a>
|
||||||
<a href="/currency-exchange">Currency Exchange</a>
|
<a href="/avatar" class="nav-link"><i class="bi bi-person-badge"></i> Avatar</a>
|
||||||
<a href="/download">Downloads</a>
|
<a href="/messages" class="nav-link">
|
||||||
</div>
|
<i class="bi bi-envelope-fill"></i> Messages
|
||||||
</div>
|
{% if currentuser.unread_messages > 0: %}
|
||||||
</div>
|
<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>
|
||||||
</div>
|
{% 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 %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<script src="/static/js/global.js" crossorigin="anonymous"></script>
|
<nav class="navbar">
|
||||||
<script src="/static/js/theme.js" crossorigin="anonymous"></script>
|
<div class="container-fluid">
|
||||||
</body>
|
<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>
|
</html>
|
||||||
|
|||||||
@@ -59,7 +59,7 @@ def login_page():
|
|||||||
if not loginEnabled:
|
if not loginEnabled:
|
||||||
flash("Logins are temporarily disabled", "error")
|
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:
|
if request.cookies.get( key = ".ROBLOSECURITY", default = None, type = str ) is not None:
|
||||||
login_page_response.set_cookie(
|
login_page_response.set_cookie(
|
||||||
key = ".ROBLOSECURITY",
|
key = ".ROBLOSECURITY",
|
||||||
|
|||||||
@@ -34,7 +34,7 @@ def signup_page():
|
|||||||
flash("Signups are temporarily disabled")
|
flash("Signups are temporarily disabled")
|
||||||
SignupEnabled = False
|
SignupEnabled = False
|
||||||
InviteKeysEnabled = websiteFeatures.GetWebsiteFeature("InviteKeys")
|
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):
|
def RateLimitReached(e):
|
||||||
flash("You are being rate limited. Please try again later.")
|
flash("You are being rate limited. Please try again later.")
|
||||||
|
|||||||
@@ -106,8 +106,13 @@
|
|||||||
.navbar .navbar-brand .brand-logo { max-height: 48px; transform: translateY(4px); }
|
.navbar .navbar-brand .brand-logo { max-height: 48px; transform: translateY(4px); }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Left sidebar styles (replaces top navbar) */
|
.has-left-sidebar .fixed-top.width-100 {
|
||||||
.has-left-sidebar .fixed-top.width-100 { display: none !important; }
|
/* 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 {
|
.left-sidebar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
+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 {
|
body {
|
||||||
background-color: var(--bs-body-bg) !important;
|
--bs-body-bg: rgb(9,9,9) !important;
|
||||||
color: var(--bs-body-color) !important;
|
--bs-heading-color: #fff !important;
|
||||||
--bs-heading-color: var(--bs-heading-color) !important;
|
|
||||||
font-family: 'Exo 2', sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.linebreak {
|
.linebreak {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-bottom: 1px solid var(--linebreak);
|
border-bottom: 1px solid rgb(60,60,60);
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.place-card {
|
.place-card {
|
||||||
background-color: var(--card-bg);
|
background-color: rgb(30,30,30);
|
||||||
min-height: 220px;
|
min-height: 220px;
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
box-shadow: 0 0 5px var(--card-shadow);
|
box-shadow: 0 0 5px rgb(0,0,0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.place-card h5 {
|
.place-card h5 {
|
||||||
@@ -95,23 +31,23 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.place-card .votePercentageBackground {
|
.place-card .votePercentageBackground {
|
||||||
background-color: var(--track-bg);
|
background-color: rgb(49,49,49);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
border: 1px solid var(--surface-alt);
|
border: 1px solid rgb(27,27,27);
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.place-card .votePercentageFill {
|
.place-card .votePercentageFill {
|
||||||
background-color: var(--track-fill);
|
background-color: rgb(85,85,85);
|
||||||
height: 10px;
|
height: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.place-card .segment {
|
.place-card .segment {
|
||||||
background-color: var(--surface-alt);
|
background-color: rgb(27, 27, 27);
|
||||||
height: 10px;
|
height: 10px;
|
||||||
width: 2px;
|
width: 2px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -119,53 +55,18 @@ body {
|
|||||||
z-index: 3;
|
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 {
|
#websitewidemessage {
|
||||||
background-color: var(--website-message-bg);
|
background-color: rgb(4, 83, 73);
|
||||||
}
|
}
|
||||||
|
|
||||||
#websitewidemessage p {
|
#websitewidemessage p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 24px;
|
padding: 0;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
text-align: center;
|
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 {
|
#websitewidemessage a {
|
||||||
text-decoration: underline !important;
|
text-decoration: underline !important;
|
||||||
color: rgb(0, 140, 255) !important;
|
color: rgb(0, 140, 255) !important;
|
||||||
@@ -174,8 +75,8 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
background-color: var(--nav-bg);
|
background-color: rgb(0, 0, 0);
|
||||||
border-bottom: 1px solid var(--nav-border);
|
border-bottom: 1px solid rgb(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-brand h1 {
|
.navbar-brand h1 {
|
||||||
@@ -186,8 +87,8 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#footer {
|
#footer {
|
||||||
border-top: 1px solid var(--nav-border);
|
border-top: 1px solid rgb(20, 20, 20);
|
||||||
background-color: var(--footer-bg);
|
background-color: rgb(17, 16, 16);
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -195,7 +96,7 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
|||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
color: var(--footer-text) !important;
|
color: rgb(255, 255, 255) !important;
|
||||||
font-weight: 400 !important;
|
font-weight: 400 !important;
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
@@ -204,12 +105,12 @@ html[data-theme="light"] .rbx-icon-nav-settings {
|
|||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: var(--nav-text);
|
color: rgb(255,255,255);
|
||||||
min-width: 28px;
|
min-width: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-secondary {
|
.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 {
|
.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 {
|
.rbx-icon-limited-unique-obc-label {
|
||||||
background-position: 0 -180px;
|
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;
|
||||||
|
}
|
||||||
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;"
|
"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(
|
twemoji.parse(
|
||||||
document.body,
|
document.body,
|
||||||
{ base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/' }
|
{ base: 'https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/' }
|
||||||
|
|||||||
Reference in New Issue
Block a user