Made it look a bit nicer and added images for the members section

.gitignore

@@ -1,3 +1,4 @@
+*.swp
 /chat/node_modules
 mastodon-status/*
 venv/

tuxcord/ascii/christmas.html

@@ -18,4 +18,4 @@
  /      `.`,        | '--' `.
 (         `.    __.j         )
  \_        |--""___|      ,-'
-   `"--...,+""""   `._,.-' <a href="http://roysac.com/tutorial/diamondieasciiarttutorial.html">mh</a>
+   `"--...,+""""   `._,.-' 

tuxcord/ascii/clippy.html

@@ -0,0 +1,8 @@
+
+  __
+ /  \
+ ^  ^
+ O  O/
+ || ||
+ |\_/|
+ `___'

tuxcord/ascii/halloween.html

@@ -16,5 +16,4 @@
  /      `.`,     .'`" '--'.l 
 (         `.    /   ^.^    \) 
  \_        |--""\  `===`   / 
-   `"--...,+"""" `--------`<a href="http://roysac.com/tutorial/diamondieasciiarttutorial.html">mh</a>
+   `"--...,+"""" `--------`
-

tuxcord/ascii/normal.html

@@ -16,5 +16,4 @@
  /      `.`,        | '--' `.
 (         `.    __.j         )
  \_        |--""___|      ,-'
-   `"--...,+""""   `._,.-' <a href="http://roysac.com/tutorial/diamondieasciiarttutorial.html">mh</a>
+   `"--...,+""""   `._,.-' 
-

tuxcord/ascii/singles-day.html

@@ -1,20 +0,0 @@
-
-            .-"""-.
-           '       \
-          |,.  ,-.  |
-          |()L () \ |
-          |  ___    |
-          | `   ` | `
-         .j       `  `.
-        / '        '   \
-       / /          `   `.
-      / /   Stay     `    .
-     / /    Single    l   |
-    . ,    TuxCord    |   |
-  _ ,"`.             .|   |
- | '   ``.          | [..-'l
- /      `.`,        | '--' `.
-(         `.    __.j         )
- \_        |--""___|      ,-'
-   `"--...,+""""   `._,.-' mh
-

tuxcord/members.json

@@ -0,0 +1,40 @@
+[
+	{
+		"name": "PixeL",
+		"additional": "Founder"
+	},
+	{
+		"name": "bruhhhhh😘",
+		"pfp": "bruh.png",
+		"additional": "Admin"
+	},
+	{
+		"name": "ErrorNoInternet",
+		"pfp": "error.png",
+		"additional": "Admin"
+	},
+	{
+		"name": "Javalsai",
+		"website": "https://javalsai.tuxcord.net",
+		"pfp": "javalsai.avif",
+		"additional": "Admin"
+	},
+	{
+		"name": "Danmax",
+		"website": "https://git.javalsai.tuxcord.net/danmax",
+		"pfp": "danmax.png"
+	},
+	{
+		"name": "DeaDvey",
+		"website": "https://deadvey.com",
+		"pfp": "deadvey.png"
+	},
+	{
+		"name": "Grialion"
+	},
+	{
+		"name": "Spamix",
+		"website": "https://decompil.in"
+	}
+
+]

tuxcord/static/index.css

@@ -12,39 +12,56 @@ footer {
 	width: 100%;
 	background: black;
 }
+h1 {
+	text-decoration: underline;
+	font-size: 20px;
+}
 #footer-links {
-	margin: 10px;
+	margin: 0px;
+	padding: 5px;
+	border-top: 1px solid var(--accent);
 }
 hr {
 	color: #ffffff;
 }
-.tuxcord-image {
+#ascii-penguin {
 	position: absolute;
 	top: 0;
 	left: 650px;
 }
+#ascii-clippy {
+	position: absolute;
+	top: 10px;
+	left: 650px;
+	font-size: 10px;
+	transform: rotate(-0.3rad);
+}
 a {
 	text-decoration: none;
 	color: var(--accent);
 }
-a:hover not(.no-spin) {
+
-	animation: half-spin 1s linear infinite;
+#member img {
-	display: inline-block; /* Ensures the text spins around its center */
+	width: 100px;
+	border-radius: 50%;
 }
-@keyframes half-spin {
+#member img:hover {
-	0% {
+	    transform: scale(1.2);
-		transform: rotate(0deg);
+    filter: drop-shadow(0 0 3px #202020);
-	}
+}
-	25% {
+#member-role {
-		transform: rotate(10deg);
+	color: #888888;
-	}
+}
-	50% {
+#members {
-		transform: rotate(0deg);
+	display: grid;
-	}
+	grid-template-columns: auto auto auto auto;
-	75% {
+}
-		transform: rotate(-10deg);
+#members div {
-	}
+	padding: 10px;
-	100% {
+	border-bottom: 1px solid var(--accent);
-		transform: rotate(0deg);
+	text-align: center;
-	}
+	margin: 20px;
+}
+#member:hover {
+	background: #222222;
 }

tuxcord/templates/ascii-art.html

@@ -0,0 +1,12 @@
+<div id='ascii-penguin'>
+	<pre>
+	{{ ascii_penguin }}
+	</pre>
+</div>
+<div id='ascii-clippy'>
+	<a href='https://www.youtube.com/watch?v=2_Dtmpe9qaQ&pp=ygUUbG91aXMgcm9zc21hbiBjbGlwcHk%3D'>
+		<pre>
+		{{ ascii_clippy }}
+		</pre>
+	</a>
+</div>

tuxcord/templates/footer.html

@@ -1,5 +1,4 @@
 
-<hr/>
 <div id="footer-links">
 	<a href="https://git.javalsai.tuxcord.net/deadvey/tuxcord.net">Source Code</a>
 	/

tuxcord/templates/index.html

@@ -1,3 +1,4 @@
+{% load static %}
 <!DOCTYPE html>
 <html>
         <head>
@@ -8,7 +9,7 @@
 			{% include 'header.html'%} 
 		</header>
 
-                <b><u>Services we provide:</u></b>
+                <h1>Services we provide:</h1>
                 <ul>
                         <li>
                                 <a href="https://mastodon.tuxcord.net">Mastodon</a> (<a href='/mastodon-status'>Status</a>)
@@ -26,7 +27,7 @@
                                 Matrix server: matrix.tuxcord.net (please ask deadvey for access)
                         </li>
                 </ul>
-                <b><u>Join us:</u></b>
+                <h1>Join us:</h1>
                 <ul>
                         Our Matrix and Discord are bridged, irc is not and is not very active.
                         <li>
@@ -39,30 +40,16 @@
                                 <a href="irc://irc.tuxcord.net">irc.tuxcord.net</a>
                         </li>
                 </ul>
-                <details>
+		<h1>Members:</h1>
-                        <summary>
+		<div id='members'>
-                                <u><b>Members:</b></u>
+			{{member_grid_html | safe}}
-                        </summary>
+		</div>
-                        <ul>
-                                <li><u>pickzelle (Founder)</u></li>
-                                <li>bruhhhhh😘</li>
-                                <li><a href="https://git.javalsai.tuxcord.net/danmax">Danmax</a></li>
-                                <li><a href="https://deadvey.tuxcord.net">DeaDvey</a></li>
-                                <li><a href="https://github.com/ErrorNoInternet">ErrorNoInternet</a></li>
-                                <li>grialion</li>
-                                <li><a href="https://javalsai.tuxcord.net">Javalsai</a></li>
-                                <li><a href="https://decompil.in/">Spamix</a></li>
-                        </ul>
-                </details>
 
-                <div class="tuxcord-image">
+		{% include 'ascii-art.html' %}
-			<pre>
+
-			{{ ascii_penguin|safe }}
+		<footer>
-			</pre>
+			{% include 'footer.html' %}
-                </div>
+		</footer>
         </body>
-        <footer>
-		{% include 'footer.html' %}
-        </footer>
 </html>
 

tuxcord/templates/mc.html

@@ -32,15 +32,11 @@
 			</li>
 		</ol>
 
+		{% include 'ascii-art.html' %}
 
-                <div class="tuxcord-image">
+		<footer>
-			<pre>
+			{% include 'footer.html' %}
-			{{ ascii_penguin|safe }}
+		</footer>
-			</pre>
-                </div>
         </body>
-        <footer>
-		{% include 'footer.html' %}
-        </footer>
 </html>
 

tuxcord/tuxcord/urls.py

@@ -3,6 +3,9 @@ from django.urls import path
 from django.http import HttpResponse
 import os
 from datetime import datetime
+import json
+
+ascii_clippy =  open('./ascii/clippy.html', 'r').read()
 
 def decide_ascii():
     day = datetime.today().strftime('%d')
@@ -15,13 +18,43 @@ def decide_ascii():
     else:
         return open('./ascii/normal.html', 'r').read()
 
+
+def members_grid():
+    members_grid_html = ''
+    with open('members.json', 'r') as members_file:
+        members_object = json.load(members_file)
+        for member in members_object:
+            members_grid_html += f'''
+            {f'<a href="{member["website"]}">' if "website" in member else ''}
+                <div id="member">
+                    <span id='member-image'><img src="/static/{member["pfp"] if "pfp" in member else 'generic.png'}"></span>
+                    <br/>
+                    <span id='member-name'>{member["name"]}<span>
+                    <br/>
+                    <span id='member-role'><sub><i>{member["additional"] if "additional" in member else ''}</i></sub></span>
+                    <br/>
+                </div>
+            {'</a>' if 'website' in member else ''}
+            '''
+
+    return members_grid_html
+
+
 def index(request):
     ascii_penguin = decide_ascii()
-    return render(request, 'index.html', {'ascii_penguin': ascii_penguin})
+    members_grid_html = members_grid()
+    return render(request, 'index.html', {
+        'ascii_penguin': ascii_penguin,
+        'ascii_clippy': ascii_clippy,
+        'member_grid_html': members_grid_html
+        })
 
 def mc(request):
     ascii_penguin = decide_ascii()
-    return render(request, 'mc.html', {'ascii_penguin': ascii_penguin})
+    return render(request, 'mc.html', {
+        'ascii_penguin': ascii_penguin,
+        'ascii_clippy': ascii_clippy
+        })
 
 urlpatterns = [
     path('', index, name='index'),