Clean up builtin snippets

snippets/builtin/rainbow_navbar.scss

@@ -0,0 +1,71 @@
+/**
+ * Snippet Title: Rainbow navbar (for international day against homophobia)
+ * Scope:         global
+ * Goal:          eyecandy
+ * Description:   17 May is a special day for the queer community - the international day against homophobia, biphobia and transphobia. This snippet changes the background of the navbar to rainbow colors to commemorate and support this special day.
+ * Creator:       Nils Promer and Alexander Brehm
+ *
+ * @copyright     2024 University of Applied Science Hamburg
+ * @author        Nils Promer <[email protected]>, Alexander Brehm <[email protected]
+ * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+.navbar {
+    @extend .navbar-dark;
+    @extend .bg-dark;
+}
+
+.navbar {
+    box-sizing: unset;
+}
+
+.navbar {
+    background: linear-gradient(90deg,
+        hsl(217, 100%, 31%) 0%,
+        hsl(240, 100%, 50%) 13%,
+        hsl(270, 100%, 63%) 23%,
+        hsl(300, 100%, 43%) 31%,
+        hsl(330, 100%, 59%) 37%,
+        hsl(360, 100%, 63%) 45%,
+        hsl(30, 100%, 48%) 51%,
+        hsl(60, 100%, 37%) 58%,
+        hsl(90, 100%, 34%) 68%,
+        hsl(120, 100%, 35%) 73%,
+        hsl(240, 100%, 63%) 88%,
+        hsl(240, 100%, 50%) 93%,
+        hsl(217, 100%, 31%) 100%
+    );
+    border-bottom: 1px solid #158d25;
+}
+
+.navbar .navbar-brand {
+    display: none;
+}
+
+.primary-navigation .navigation {
+    height: 61px;
+}
+
+.primary-navigation .nav-item .nav-link {
+    position: relative;
+    text-transform: uppercase;
+    font-weight: bold;
+    color: #fff;
+    height: 61px;
+}
+
+.primary-navigation .navigation .nav-link.active,
+.navbar.navbar-dark.bg-primary .nav-link.active {
+    border-bottom: none;
+}
+
+.primary-navigation li.nav-item a.nav-link.active::after {
+    content: "";
+    position: absolute;
+    bottom: 14px;
+    height: 2px;
+    left: 0;
+    right: 0;
+    margin: 0 0.5em;
+    background-color: #fff;
+}

snippets/builtin/site_policy_modal.scss

@@ -0,0 +1,72 @@
+/**
+ * Snippet Title: Site policy modal dialogue
+ * Scope:         global
+ * Goal:          easeofuse
+ * Description:   Change the site policy banner which is shown at the bottom of the page when first visiting the site to a modal dialogue which is much more eye-catching and convenien for the user.
+ * Creator:       Heba Amer
+ *
+ * @copyright     2024 The American University in Cairo, based on pre-existing work by lern.link
+ * @author        Heba Amer <[email protected]>
+ * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+.eupopup-container.eupopup-container-bottom {
+    flex-direction: column;
+    justify-content: center;
+    background-color: #fff;
+    border-radius: 10px;
+    box-shadow: 4px 4px 12px 2000px rgba(0,0,0,.56);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 320px;
+    height: 300px;
+    margin: -150px 0 0 -160px;
+    padding: 50px 20px;
+}
+
+@media (min-width: 576px) {
+    .eupopup-container.eupopup-container-bottom {
+        width: 450px;
+        height: 275px;
+        margin: -138px 0 0 -225px;
+    }
+}
+
+@media (min-width: 768px) {
+    .eupopup-container.eupopup-container-bottom {
+        width: 650px;
+        height: 250px;
+        margin: -125px 0 0 -325px;
+    }
+}
+
+.eupopup-container.eupopup-container-bottom .eupopup-body {
+    color: #343a40;
+    font-size: $font-size-base;
+    line-height: initial;
+
+    a {
+        color: $primary;
+        text-decoration: none;
+        font-weight: 700;
+        line-height: 2.5rem;
+    }
+
+    a:hover {
+        text-decoration: underline
+    }
+}
+
+.eupopup-container.eupopup-container-bottom .eupopup-buttons {
+    margin-top: 1rem;
+
+    .eupopup-button_1 {
+        @extend .btn;
+        @extend .btn-primary;
+    }
+}
+
+.eupopup-container.eupopup-container-bottom .eupopup-closebutton {
+    display: none;
+}