Add Fomantic-UI

package.json

@@ -2,6 +2,7 @@
   "dependencies": {
     "bootstrap": "^5.3.2",
     "datatables.net-dt": "^2.0.3",
+    "fomantic-ui": "^2.9.3",
     "jquery": "^3.7.1"
   }
 }

sedos_dashboard/templates/base.html

@@ -17,12 +17,9 @@
     <meta name="author" content="Hendrik Huyskens" />
     <link rel="icon" href="{% static 'images/favicons/favicon.ico' %}" />
     {% block css %}
-      <!-- Latest compiled and minified Bootstrap CSS -->
-      <!-- Your stuff: Third-party CSS libraries go here -->
-      <!-- This file stores project-specific CSS -->
       {% compress css %}
         <link rel="stylesheet" type="text/x-scss" href="{% static "vendors/bootstrap/scss/bootstrap.scss" %}" />
-        {#        <link rel="stylesheet" href="{% static "vendors/bootstrap-select/css/bootstrap-select.min.css" %}" />#}
+        <link rel="stylesheet" type="text/css" href="{% static "vendors/fomantic-ui/semantic.min.css" %}" />
         <link href="{% static 'css/project.css' %}" rel="stylesheet" />
       {% endcompress %}
     {% endblock css %}
@@ -32,9 +29,8 @@
     {% block javascript %}
       <!-- Bootstrap JS -->
       <script defer src="{% static "vendors/bootstrap/js/bootstrap.min.js" %}"></script>
-      {#      <script defer src="{% static "vendors/bootstrap-select/js/bootstrap-select.js" %}"></script>#}
-      <!-- Your stuff: Third-party javascript libraries go here -->
-      <!-- place project specific Javascript in this file -->
+      <script type="text/javascript" src="{% static "vendors/jquery/jquery.min.js" %}"></script>
+      <script defer type="text/javascript" src="{% static "vendors/fomantic-ui/semantic.min.js" %}"></script>
       {% compress js %}
         <script defer src="{% static 'js/project.js' %}"></script>
       {% endcompress %}