From ddc1baf66c618ce60d3e03fa820ac43a06efee86 Mon Sep 17 00:00:00 2001
From: Weetile <weetile@hotmail.com>
Date: Sun, 6 Apr 2025 15:58:53 +0100
Subject: [PATCH] initial commit

---
 icons/excalidraw.svg |   7 ++
 icons/mattermost.svg |   2 +
 icons/pycharm.svg    |  70 ++++++++++++++
 icons/rustdesk.svg   |   5 +
 index.html           | 215 +++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 299 insertions(+)
 create mode 100644 icons/excalidraw.svg
 create mode 100644 icons/mattermost.svg
 create mode 100644 icons/pycharm.svg
 create mode 100644 icons/rustdesk.svg
 create mode 100644 index.html

diff --git a/icons/excalidraw.svg b/icons/excalidraw.svg
new file mode 100644
index 0000000..ee99676
--- /dev/null
+++ b/icons/excalidraw.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000">
+  <rect width="1000" height="1000" rx="200" ry="200" fill="#fff" />
+  <svg viewBox="0 0 107 101" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
+    <path style="fill:none" d="M24 17h121v121H24z" transform="matrix(.8843 0 0 .83471 -21.223 -14.19)" />
+    <path d="M119.81 105.98a.549.549 0 0 0-.53-.12c-4.19-6.19-9.52-12.06-14.68-17.73l-.85-.93c0-.11-.05-.21-.12-.3a.548.548 0 0 0-.34-.2l-.17-.18-.12-.09c-.15-.32-.53-.56-.95-.35-1.58.81-3 1.97-4.4 3.04-1.87 1.43-3.7 2.92-5.42 4.52-.7.65-1.39 1.33-1.97 2.09-.28.37-.07.72.27.87-1.22 1.2-2.45 2.45-3.68 3.74-.11.12-.17.28-.16.44.01.16.09.31.22.41l2.16 1.65s.01.03.03.04c3.09 3.05 8.51 7.28 14.25 11.76.85.67 1.71 1.34 2.57 2.01.39.47.76.94 1.12 1.4.19.25.55.3.8.11.13.1.26.21.39.31a.57.57 0 0 0 .8-.1c.07-.09.1-.2.11-.31.04 0 .07.03.1.03.15 0 .31-.06.42-.18l10.18-11.12a.56.56 0 0 0-.04-.8l.01-.01Zm-29.23-3.85c.07.09.14.17.21.25 1.16.98 2.4 2.04 3.66 3.12l-5.12-3.91s-.32-.22-.52-.36c-.11-.08-.21-.16-.31-.24l-.38-.32s.07-.07.1-.11l.35-.35c1.72-1.74 4.67-4.64 6.19-6.06-1.61 1.62-4.87 6.37-4.17 7.98h-.01Zm17.53 13.81-4.22-3.22c-1.65-1.71-3.43-3.4-5.24-5.03 2.28 1.76 4.23 3.25 4.52 3.51 2.21 1.97 2.11 1.61 3.63 2.91l1.83 1.33c-.18.16-.36.33-.53.49l.01.01Zm1.06.81-.08-.06c.16-.13.33-.25.49-.38l-.4.44h-.01ZM42.24 51.45c.14.72.27 1.43.4 2.11.69 3.7 1.33 7.03 2.55 9.56l.48 1.92c.19.73.46 1.64.71 1.83 2.85 2.52 7.22 6.28 11.89 9.82.21.16.5.15.7-.01.01.02.03.03.04.04.11.1.24.15.38.15.16 0 .31-.06.42-.19 5.98-6.65 10.43-12.12 13.6-16.7.2-.25.3-.54.29-.84.2-.24.41-.48.6-.68a.558.558 0 0 0-.1-.86.578.578 0 0 0-.17-.36c-1.39-1.34-2.42-2.31-3.46-3.28-1.84-1.72-3.74-3.5-7.77-7.51-.02-.02-.05-.04-.07-.06a.555.555 0 0 0-.22-.14c-1.11-.39-3.39-.78-6.26-1.28-4.22-.72-10-1.72-15.2-3.27h-.04v-.01s-.02 0-.03.02h-.01l.04-.02s-.31.01-.37.04c-.08.04-.14.09-.19.15-.05.06-.09.12-.47.2-.38.08.08 0 .11 0h-.11v.03c.07.34.05.58.16.97-.02.1.21 1.02.24 1.11l1.83 7.26h.03Zm30.95 6.54s-.03.04-.04.05l-.64-.71c.22.21.44.42.68.66Zm-7.09 9.39s-.07.08-.1.12l-.02-.02c.04-.03.08-.07.13-.1h-.01Zm-7.07 8.47Zm3.02-28.57c.35.35 1.74 1.65 2.06 1.97-1.45-.66-5.06-2.34-6.74-2.88 1.65.29 3.93.66 4.68.91Zm-19.18-2.77c.84 1.44 1.5 6.49 2.16 11.4-.37-1.58-.69-3.12-.99-4.6-.52-2.56-1-4.85-1.67-6.88.14.01.31.03.49.05 0 .01 0 .02.02.03h-.01Zm-.29-1.21c-.23-.02-.44-.04-.62-.05-.02-.04-.03-.08-.04-.12l.66.18v-.01Zm-2.22.45v-.02.02ZM118.9 42.57c.04-.23-1.1-1.24-.74-1.26.85-.04.86-1.35 0-1.31-1.13.06-2.27.32-3.37.53-1.98.37-3.95.78-5.92 1.21-4.39.94-8.77 1.93-13.1 3.11-1.36.37-2.86.7-4.11 1.36-.42.22-.4.67-.17.95-.09.05-.18.08-.28.09-.37.07-.74.13-1.11.19a.566.566 0 0 0-.39.86c-2.32 3.1-4.96 6.44-7.82 9.95-2.81 3.21-5.73 6.63-8.72 10.14-9.41 11.06-20.08 23.6-31.9 34.64-.23.21-.24.57-.03.8.05.06.12.1.19.13-.16.15-.32.3-.48.44-.1.09-.14.2-.16.32-.08.08-.16.17-.23.25-.21.23-.2.59.03.8.23.21.59.2.8-.03.04-.04.08-.09.12-.13a.84.84 0 0 1 1.22 0c.69.74 1.34 1.44 1.95 2.09l-1.38-1.15a.57.57 0 0 0-.8.07c-.2.24-.17.6.07.8l14.82 12.43c.11.09.24.13.37.13.15 0 .29-.06.4-.17l.36-.36a.56.56 0 0 0 .63-.12c20.09-20.18 36.27-35.43 54.8-49.06.17-.12.25-.32.23-.51a.57.57 0 0 0 .48-.39c3.42-10.46 4.08-19.72 4.28-24.27 0-.03.01-.05.02-.07.02-.05.03-.1.04-.14.03-.11.05-.19.05-.19.26-.78.17-1.53-.15-2.15v.02ZM82.98 58.94c.9-1.03 1.79-2.04 2.67-3.02-5.76 7.58-15.3 19.26-28.81 33.14 9.2-10.18 18.47-20.73 26.14-30.12Zm-32.55 52.81-.03-.03c.11.02.19.04.2.04a.47.47 0 0 0-.17 0v-.01Zm6.9 6.42-.05-.04.03-.03c.02 0 .03.02.04.02 0 .02-.02.03-.03.05h.01Zm8.36-7.21 1.38-1.44c.01.01.02.03.03.05-.47.46-.94.93-1.42 1.39h.01Zm2.24-2.21c.26-.3.56-.65.87-1.02.01-.01.02-.03.04-.04 3.29-3.39 6.68-6.82 10.18-10.25.02-.02.05-.04.07-.06.86-.66 1.82-1.39 2.72-2.08-4.52 4.32-9.11 8.78-13.88 13.46v-.01Zm21.65-55.88c-1.86 2.42-3.9 5.56-5.63 8.07-5.46 7.91-23.04 27.28-23.43 27.65-2.71 2.62-10.88 10.46-16.09 15.37-.14.13-.25.24-.34.35a.794.794 0 0 1 .03-1.13c24.82-23.4 39.88-42.89 46-51.38-.13.33-.24.69-.55 1.09l.01-.02Zm16.51 7.1-.01.02c0-.02-.02-.07.01-.02Zm-.91-5.13Zm-5.89 9.45c-2.26-1.31-3.32-3.27-2.71-5.25l.19-.66c.08-.19.17-.38.28-.57.59-.98 1.49-1.85 2.52-2.36.05-.02.1-.03.15-.04a.795.795 0 0 1-.04-.43c.05-.31.25-.58.66-.58.67 0 2.75.62 3.54 1.3.24.19.47.4.68.63.3.35.74.92.96 1.33.13.06.23.62.38.91.14.46.2.93.18 1.4 0 .02 0 .02.01.03-.03.07 0 .37-.04.4-.1.72-.36 1.43-.75 2.05-.04.05-.07.11-.11.16 0 .01-.02.02-.03.04-.3.43-.65.83-1.08 1.13-1.26.89-2.73 1.16-4.2.79a6.33 6.33 0 0 1-.57-.25l-.02-.03Zm16.27-1.63c-.49 2.05-1.09 4.19-1.8 6.38-.03.08-.03.16-.03.23-.1.01-.19.05-.27.11-4.44 3.26-8.73 6.62-12.98 10.11 3.67-3.32 7.39-6.62 11.23-9.95a6.409 6.409 0 0 0 2.11-3.74l.56-3.37.03-.1c.25-.71 1.34-.4 1.17.33h-.02Z" style="fill:#6965db;fill-rule:nonzero" transform="matrix(1 0 0 1 -26.41 -29.49)" />
+  </svg>
+</svg>
diff --git a/icons/mattermost.svg b/icons/mattermost.svg
new file mode 100644
index 0000000..9b05532
--- /dev/null
+++ b/icons/mattermost.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 501 501" xmlns="http://www.w3.org/2000/svg" version="1"><path d="M236 .7C137.7 7.5 54 68.2 18.2 158.5c-32 81-19.6 172.8 33 242.5 39.8 53 97.2 87 164.3 97 16.5 2.7 48 3.2 63.5 1.2 48.7-6.3 92.2-24.6 129-54.2 13-10.5 33-31.2 42.2-43.7 26.4-35.5 42.8-75.8 49-120.3 1.6-12.3 1.6-48.7 0-61-4-28.3-12-54.8-24.2-79.5-12.8-26-26.5-45.3-46.8-65.8C417.8 64 400.2 49 398.4 49c-.6 0-.4 10.5.3 26l1.3 26 7 8.7c19 23.7 32.8 53.5 38.2 83 2.5 14 3 43 1 55.8-4.5 27.8-15.2 54-31 76.5-8.6 12.2-28 31.6-40.2 40.2-24 17-50 27.6-80 33-10 1.8-49 1.8-59 0-43-7.7-78.8-26-107.2-54.8-29.3-29.7-46.5-64-52.4-104.4-2-14-1.5-42 1-55C90 121.4 132 72 192 49.7c8-3 18.4-5.8 29.5-8.2 1.7-.4 34.4-38 35.3-40.6.3-1-10.2-1-20.8-.4z"/><path d="M322.2 24.6c-1.3.8-8.4 9.3-16 18.7-7.4 9.5-22.4 28-33.2 41.2-51 62.2-66 81.6-70.6 91-6 12-8.4 21-9 33-1.2 19.8 5 36 19 50C222 268 230 273 243 277.2c9 3 10.4 3.2 24 3.2 13.8 0 15 0 22.6-3 23.2-9 39-28.4 45-55.7 2-8.2 2-28.7.4-79.7l-2-72c-1-36.8-1.4-41.8-3-44-2-3-4.8-3.6-7.8-1.4z"/></svg>
\ No newline at end of file
diff --git a/icons/pycharm.svg b/icons/pycharm.svg
new file mode 100644
index 0000000..f934f1d
--- /dev/null
+++ b/icons/pycharm.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 70" style="enable-background:new 0 0 70 70;" xml:space="preserve">
+<g>
+	<g>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="24.9985" y1="27.0461" x2="66.6565" y2="27.0461">
+			<stop  offset="0" style="stop-color:#21D789"/>
+			<stop  offset="1" style="stop-color:#07C3F2"/>
+		</linearGradient>
+		<polygon style="fill:url(#SVGID_1_);" points="49.1,11 69.5,28.1 62.2,43 49.8,39.6 39.2,39.6 		"/>
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-24.5594" y1="59.0806" x2="61.2196" y2="-4.2413">
+			<stop  offset="1.075269e-002" style="stop-color:#FCF84A"/>
+			<stop  offset="0.1116" style="stop-color:#A7EB62"/>
+			<stop  offset="0.2056" style="stop-color:#5FE077"/>
+			<stop  offset="0.2727" style="stop-color:#32DA84"/>
+			<stop  offset="0.3065" style="stop-color:#21D789"/>
+			<stop  offset="0.5768" style="stop-color:#21D789"/>
+			<stop  offset="0.5968" style="stop-color:#21D789"/>
+			<stop  offset="0.686" style="stop-color:#20D68C"/>
+			<stop  offset="0.7627" style="stop-color:#1ED497"/>
+			<stop  offset="0.8348" style="stop-color:#19D1A9"/>
+			<stop  offset="0.904" style="stop-color:#13CCC2"/>
+			<stop  offset="0.9707" style="stop-color:#0BC6E1"/>
+			<stop  offset="1" style="stop-color:#07C3F2"/>
+		</linearGradient>
+		<polygon style="fill:url(#SVGID_2_);" points="28.5,22.1 24.5,43 24.1,50.2 14.2,54.5 0,56 4.3,10.7 29.9,0 45.7,10.4 		"/>
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="9.3301" y1="77.6536" x2="23.6369" y2="32.7598">
+			<stop  offset="0" style="stop-color:#21D789"/>
+			<stop  offset="0.1638" style="stop-color:#24D788"/>
+			<stop  offset="0.3047" style="stop-color:#2FD886"/>
+			<stop  offset="0.4371" style="stop-color:#41DA82"/>
+			<stop  offset="0.5644" style="stop-color:#5ADC7D"/>
+			<stop  offset="0.6881" style="stop-color:#7AE077"/>
+			<stop  offset="0.809" style="stop-color:#A1E36E"/>
+			<stop  offset="0.9254" style="stop-color:#CFE865"/>
+			<stop  offset="1" style="stop-color:#F1EB5E"/>
+		</linearGradient>
+		<polygon style="fill:url(#SVGID_3_);" points="28.5,22.1 30.4,62.5 24,70 0,56 19.7,26.6 		"/>
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="28.2753" y1="38.6231" x2="59.4088" y2="-3.2358">
+			<stop  offset="0" style="stop-color:#21D789"/>
+			<stop  offset="6.081050e-002" style="stop-color:#24D788"/>
+			<stop  offset="0.1131" style="stop-color:#2FD886"/>
+			<stop  offset="0.1622" style="stop-color:#41DA82"/>
+			<stop  offset="0.2094" style="stop-color:#5ADD7D"/>
+			<stop  offset="0.2548" style="stop-color:#79E077"/>
+			<stop  offset="0.2581" style="stop-color:#7CE076"/>
+			<stop  offset="0.4986" style="stop-color:#8CE173"/>
+			<stop  offset="0.9247" style="stop-color:#B2E56B"/>
+		</linearGradient>
+		<polygon style="fill:url(#SVGID_4_);" points="54.9,19.1 30.6,19.1 52.1,0 		"/>
+		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="75.8893" y1="43.9496" x2="13.1579" y2="43.3687">
+			<stop  offset="0.3871" style="stop-color:#FCF84A"/>
+			<stop  offset="0.5358" style="stop-color:#ECF451"/>
+			<stop  offset="0.8259" style="stop-color:#C2E964"/>
+			<stop  offset="0.9247" style="stop-color:#B2E56B"/>
+		</linearGradient>
+		<polygon style="fill:url(#SVGID_5_);" points="70,62.6 48.6,69.9 20.2,61.9 28.5,22.1 31.8,19.1 49.1,17.5 47.5,34.9 61.3,29.6 		
+			"/>
+	</g>
+	<g>
+		<rect x="13.4" y="13.4" style="fill:#000000;" width="43.2" height="43.2"/>
+		<rect x="17.5" y="48.5" style="fill:#FFFFFF;" width="16.2" height="2.7"/>
+		<path style="fill:#FFFFFF;" d="M17.3,19.1h7.3c4.3,0,6.9,2.5,6.9,6.2v0.1c0,4.1-3.2,6.3-7.2,6.3h-3V37h-3.9V19.1z M24.4,28.1
+			c2,0,3.1-1.2,3.1-2.7v-0.1c0-1.8-1.2-2.7-3.2-2.7h-3v5.5H24.4z"/>
+		<path style="fill:#FFFFFF;" d="M33.1,28.1L33.1,28.1c0-5.1,3.8-9.3,9.3-9.3c3.4,0,5.4,1.1,7.1,2.8l-2.5,2.9c-1.4-1.3-2.8-2-4.6-2
+			c-3,0-5.2,2.5-5.2,5.6V28c0,3.1,2.1,5.6,5.2,5.6c2,0,3.3-0.8,4.7-2.1l2.5,2.5c-1.8,2-3.9,3.2-7.3,3.2C37,37.3,33.1,33.2,33.1,28.1
+			"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/icons/rustdesk.svg b/icons/rustdesk.svg
new file mode 100644
index 0000000..6c80123
--- /dev/null
+++ b/icons/rustdesk.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="32" viewBox="0 0 375 375" width="32" xmlns="http://www.w3.org/2000/svg">
+ <rect fill="#0071ff" height="375.001088" rx="58.59392" stroke-width=".91553" width="375.001088" x=".0009759" y="-.0066962"/>
+ <path d="m150.428 322.264c-29.063-6.202-53.897-22.439-73.115-47.804-19.507-25.746-27.838-55.355-25.723-91.414 6.655-62.013 47.667-106.753 99.687-120.411 4.509-.989 8.353-3.462 12.55-1.322 3.22 1.64 6.028 4.467 7.206 7.251 1.25 2.955 1.877 21.54.99 29.331-1.076 9.46-3.877 12.418-14.566 15.388-29.723 10.195-48.105 34.07-53.697 61.017-4.8 29.668 2.951 59.729 21.528 78.727 8.966 8.993 17.92 14.24 30.869 18.086 8.646 2.57 13.393 5.758 15.036 10.102 1.085 2.867 1.63 22.984.779 28.772-1.33 9.046-1.702 9.796-5.792 11.667-5.029 2.3-7.404 2.392-15.752.61zm50.708.29c-3.092-1.402-5.673-4.83-6.73-8.94-.134-9.408-2.366-25.754 1.02-33.373 1.88-4.128 4.65-5.999 12.433-8.396 21.267-6.551 37.593-19.88 46.806-38.213 11.11-22.108 11.877-55.183 1.808-77.975-9.154-20.723-25.7-35.217-48.555-42.534-8.872-2.84-12.004-5.065-12.968-9.21-1.002-4.31-1.435-19.87-.785-28.218.682-8.766 1.249-9.99 6.162-13.318 3.701-2.505 5.482-2.446 17.223.575 36.718 10.077 65.97 33.597 83.026 66.68 18.495 37.034 19.191 86.11 1.742 122.655-17.233 36.09-50.591 62.511-88.622 70.194-8.172 1.65-9.07 1.656-12.56.073z" fill="#fff"/>
+</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4676c34
--- /dev/null
+++ b/index.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tutoring With Otto - Software Guide</title>
+    <style>
+        html, body {
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+        body {
+            font-family: sans-serif;
+            line-height: 1.6;
+            color: #cad3f5; /* Text */
+            background-color: #24273a; /* Base */
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+        }
+        header {
+            background-color: #1e2030; /* Mantle */
+            color: #cad3f5; /* Text */
+            text-align: center;
+            padding: 2rem;
+            margin-bottom: 2rem;
+            border-bottom: 3px solid #8aadf4; /* Blue */
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 1rem;
+            flex: 1;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            background-color: #363a4f; /* Surface0 */
+            box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.3);
+            border-radius: 5px;
+            overflow: hidden;
+            margin-bottom: 2rem;
+        }
+        th {
+            background-color: #494d64; /* Surface1 */
+            color: #8aadf4; /* Blue */
+            text-align: left;
+            padding: 1rem;
+            border-bottom: 2px solid #8aadf4; /* Blue */
+        }
+        td {
+            padding: 1rem;
+            border-top: 1px solid #494d64; /* Surface1 */
+            vertical-align: middle;
+        }
+        .logo-container {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+        .logo {
+            width: 48px;
+            height: 48px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background-color: #494d64; /* Surface1 */
+            border-radius: 8px;
+        }
+        .logo img {
+            width: 40px;
+            height: 40px;
+            padding: 4px;
+        }
+        .app-name {
+            font-weight: bold;
+            font-size: 1.1rem;
+            color: #b7bdf8; /* Lavender */
+        }
+        .description {
+            color: #a5adcb; /* Subtext0 */
+            line-height: 1.5;
+        }
+        .download-btn {
+            display: inline-block;
+            background-color: #8aadf4; /* Blue */
+            color: #24273a; /* Base */
+            padding: 0.5rem 1.5rem;
+            text-decoration: none;
+            border-radius: 4px;
+            font-weight: bold;
+            text-align: center;
+            transition: background-color 0.3s, transform 0.2s;
+        }
+        .download-btn:hover {
+            background-color: #7dc4e4; /* Sapphire */
+            transform: translateY(-2px);
+        }
+        footer {
+            text-align: center;
+            padding: 1rem;
+            background-color: #1e2030; /* Mantle */
+            color: #a5adcb; /* Subtext0 */
+            margin-top: auto;
+            width: 100%;
+            border-top: 3px solid #8aadf4; /* Blue */
+        }
+        @media (max-width: 768px) {
+            table {
+                display: block;
+                overflow-x: auto;
+            }
+        }
+        b {
+            color: #8aadf4; /* Blue */
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>Computer Science Software Installation Guide</h1>
+        <p>Essential software for computer science students</p>
+    </header>
+    
+    <div class="container">
+        <table>
+            <thead>
+                <tr>
+                    <th style="width: 25%;">Software</th>   
+                    <th style="width: 55%;">Description</th>
+                    <th style="width: 20%;">Download</th>
+                </tr>
+            </thead>
+            <tbody>
+                <!-- PyCharm Community -->
+                <tr>
+                    <td>
+                        <div class="logo-container">
+                            <div class="logo">
+                                <img src="./icons/pycharm.svg" alt="PyCharm Logo"/>
+                            </div>
+                            <span class="app-name">PyCharm Community</span>
+                        </div>
+                    </td>
+                    <td class="description">
+                        A powerful and intelligent <b>Python IDE</b> by JetBrains.
+                    </td>
+                    <td style="text-align: center;">
+                        <a href="https://www.jetbrains.com/pycharm/download/" class="download-btn">Download</a>
+                    </td>
+                </tr>
+                
+                <!-- RustDesk -->
+                <tr>
+                    <td>
+                        <div class="logo-container">
+                            <div class="logo">
+                                <img src="./icons/rustdesk.svg" alt="RustDesk Logo"/>
+                            </div>
+                            <span class="app-name">RustDesk</span>
+                        </div>
+                    </td>
+                    <td class="description">
+                        An open-source <b>remote desktop software</b> to allow you to share screen for coding exercises and exam paper help.
+                    </td>
+                    <td style="text-align: center;">
+                        <a href="https://rustdesk.com/download/" class="download-btn">Download</a>
+                    </td>
+                </tr>
+                
+                <!-- Mattermost -->
+                <tr>
+                    <td>
+                        <div class="logo-container">
+                            <div class="logo">
+                                <img src="./icons/mattermost.svg" alt="Mattermost Logo"/>
+                            </div>
+                            <span class="app-name">Mattermost</span>
+                        </div>
+                    </td>
+                    <td class="description">
+                        An open-source, self-hostable messaging platform designed for team collaboration. Mattermost provides secure communication with features like file sharing, search functionality, and integrations with developer tools like GitHub and Jenkins.
+                    </td>
+                    <td style="text-align: center;">
+                        <a href="https://mattermost.com/download/" class="download-btn">Download</a>
+                    </td>
+                </tr>
+                
+                <!-- Excalidraw -->
+                <tr>
+                    <td>
+                        <div class="logo-container">
+                            <div class="logo">
+                                <img src="./icons/excalidraw.svg" alt="Excalidraw Logo"/>
+                            </div>
+                            <span class="app-name">Excalidraw</span>
+                        </div>
+                    </td>
+                    <td class="description">
+                        A virtual collaborative whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel. Perfect for creating flowcharts, wireframes, and diagrams for programming concepts, system architecture, and algorithm visualization.
+                    </td>
+                    <td style="text-align: center;">
+                        <a href="https://excalidraw.com/" class="download-btn">Download</a>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    
+    <footer>
+        <p>Otto Helen-Goldring &copy; 2025</p>
+    </footer>
+</body>
+</html>
\ No newline at end of file