Added orion project

index.html

@@ -56,6 +56,17 @@
                 </div>
                 <a href="https://the-button.notoric.net" target="_blank"><img src="/assets/the-button.png"></a>
             </div>
+            <div class="project card">
+                <div class="text-content">
+                    <h2>Orion</h2>
+                    <div class="project-tags">
+                        <p class="JAVA">Java</p>
+                        <p class="NOSQL">NoSQL</p>
+                    </div>
+                    <p class="project-description">Orion is a discord music bot built using the Java Discord Api. Orion was a project that me and a friend worked on as a way to further develop our programming knowledge during our degree, and to practise the skills we were learning. Orion utilises Maven to manage dependencies and Lavaplayer to play music. Secrets are managed via Dotenv to ensure that no sensitive data is made public.</p>
+                </div>
+                <a href="https://github.com/Wilkozx/OrionV3" target="_blank"><img src="/assets/orion.png"></a>
+            </div>
         </div>
     </main>
     <script src="/scripts/homepage.js"></script>

styles/global.css

@@ -336,6 +336,7 @@ em {
     gap: 20px;
     align-content: center;
     justify-content: center;
+    margin-bottom: 35px;
 }
 
 .project:nth-child(odd) {
@@ -385,6 +386,14 @@ em {
     text-shadow: #eee 0px 0px 2px !important;
 }
 
+.JAVA {
+    background-color: #f89820 !important;
+}
+
+.NOSQL {
+    background-color: #47A248 !important;
+}
+
 .project-tags p {
     margin: 0;
     font-size: 0.8em;