unstableTechnologies/kServers-kList
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add initial Flask web app for Discord server listing

Browse Source 
Introduces backend with server retrieval and API integration, front-end UI with templates and styles, and configuration files for deployment.
This commit is contained in:
Unstable Kitsune
2025-09-03 05:18:39 -04:00
parent 334782fe5c
commit ba286278cf
17 changed files with 2329 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/ver/0.0.2/templates/view_server.html Normal file
View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha341-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="{{url_for('static', filename='styles/base.css')}}">
<link rel="stylesheet" href="{{url_for('static', filename='styles/index.css')}}">
<title>{{ discord['name'] }} | {{site_name}}</title>
</head>
<body>
<div class="container my-4">
<a href="{{ url_for('index') }}" class="btn btn-outline-light">&larr; Back to Server List</a>
</div>
<div class="container">
<div class="card shadow-lg text-light">
<div class="card-header bg-danger bg-gradient text-light text-center h3">
{{ discord.name }}
</div>
<div class="card-body">
<div class="row">
<div class="col-md-4 text-center">
{% if discord.icon %}
<img src="https://cdn.discordapp.com/icons/{{ discord.id }}/{{ discord.icon }}.png?size=256" class="img-fluid rounded-circle border border-5 border-danger mb-3">
{% else %}
<img src="https://placehold.co/256x256/2c2f33/ffffff?text={{ discord.name[0] }}" class="img-fluid rounded-circle border border-5 border-danger mb-3">
{% endif %}
{% if discord.invite %}
<a href="{{ discord.invite }}" class="btn btn-success btn-lg my-3" target="_blank">Join Server</a>
{% endif %}
</div>
<div class="col-md-8">
<h4>Description</h4>
<p id="description-text">{{ server.description or "No description available." }}</p>
<hr>
<h4>Tags</h4>
<p>{{ server.tags or "No tags set." }}</p>
<hr>
<h4>Server Stats</h4>
<p>
<span class="badge bg-primary me-2">Members: {{ human.format_number(discord.approximate_member_count) }}</span>
<span class="badge bg-secondary me-2">Roles: {{ discord.roles | length }}</span>
<span class="badge bg-warning text-dark me-2">Boosts: {{ discord.premium_subscription_count }} (Tier {{ discord.premium_tier }})</span>
</p>
</div>
</div>
</div>
</div>
</div>
<div id="particles-js"></div>
<script src="{{url_for('static', filename='js/particles.js')}}"></script>
<script src="{{url_for('static', filename='js/app.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.4/markdown-it.js"></script>
<script>
// Render markdown for the description
const md = window.markdownit();
const descriptionElement = document.getElementById("description-text");
if (descriptionElement) {
descriptionElement.innerHTML = md.render(descriptionElement.innerHTML);
}
</script>
</body>
</html>