Added the miniWikipedia project

index.html

@@ -209,6 +209,9 @@
                 <!-- Project description -->
                 <p class="paragraph ml-1 w-text"> 
                     A server that allows you to have a self-hosted, unlimited and free GPT-4 Web API, via the latest Bing's AI.
+                    <br>
+                    <b class="grayText">Mentions: </b>
+                    <a href="https://github.com/topics/gpt-4-api?l=python" target="_blank">GitHub Topics</a>
                 </p>
 
                 <p class="">
@@ -293,6 +296,48 @@
             </div>
         </div>
 
+        <!-- miniWikipedia -->
+        <div class="row ml-5 mb-5 mt-1">
+            <div>
+                <img class="projectImage mr-3 mt-2" src="static/img/Logos/miniWikipedia_freepik.png" alt="ListeNet Script Logo" height="120">
+            </div>
+            <div class="column">
+                <!-- Title and open button -->
+                <div class="row">
+                    <p class="projectsLabel ml-3"> 
+                        miniWikipedia
+                        <a href="https://miniwikipedia.ddns.net/" target="_blank">
+                            <img src="static/img/Icons/Export.svg" height="20" class="exportImage"> 
+                        </a>
+                    </p>
+                </div>
+                <!-- Used languages tags -->
+                <div class="langsTags row ml-1 d-flex flex-row">
+                    <div class="languageTag mr-2 mb-1"> Website </div>
+                    <div class="languageTag greenTag mr-2 mb-1"> NodeJS </div>
+                    <div class="languageTag blueTag mr-2 mb-1"> TypeScript </div>
+                    <div class="languageTag grayTag mr-2 mb-1"> Express </div>
+                    <div class="languageTag yellowTag mr-2 mb-1"> JavaScript </div>
+                    <div class="languageTag orangeTag mr-2 mb-1"> HTML5 </div>
+                    <div class="languageTag azureTag mr-2 mb-1"> CSS </div>
+                    <div class="languageTag blueTag mr-2 mb-1"> Tailwind </div>
+
+                </div>
+                <!-- Project description -->
+                <p class="paragraph ml-1 w-text"> 
+                    A lightweight summarised version of the whole Wikipedia encyclopedia.
+                </p>
+
+                <p class="">
+                    <img class="mb-1 mr-1" src="static/img/Icons/Unlocked.svg">
+                    <a class="greenText openSource" href="https://github.com/aledipa/miniwikipedia" target="_blank">
+                        View Source Code 
+                    </a>
+                    <img class="mb-1 mr-1" src="static/img/Icons/ArrowRight.svg" height="17">
+                </p>
+            </div>
+        </div>
+
         <!-- Chroneum -->
         <div class="row ml-5 mb-5 mt-1">
             <div>

static/css/style.css

@@ -354,6 +354,16 @@ input::placeholder {
     border-color: #0868AC;
 }
 
+.greenTag {
+    color: #08ac0e;
+    border-color: #08ac0e;
+}
+
+.grayTag {
+    color: #afafaf;
+    border-color: #afafaf;
+}
+
 @media screen and (max-width: 650px) {
     .topnav {
         display: none !important;