Anniversary: Remove anniversary header

Author: Biscgit

cernopendata/modules/theme/assets/semantic-ui/js/anniversary.js

@@ -1,58 +0,0 @@
-import React, {useState} from "react";
-import ReactDOM from "react-dom";
-
-import Confetti from 'react-confetti'
-
-
-const unlock_date = new Date("2024-12-10T16:00Z")
-
-function Celebrate() {
-    const [stateShowConfetti, setShowConfetti] = useState(false);
-
-    let make_confetti = () => {
-        if (stateShowConfetti) return;
-
-        setShowConfetti(true);
-        const confettiContainer = document.getElementById("confetti-holder")
-
-        ReactDOM.render(
-            <Confetti
-                width={window.innerWidth}
-                height={window.innerHeight}
-                numberOfPieces={400}
-                tweenDuration={4000}
-                recycle={false}
-                onConfettiComplete={(_) => {
-                    ReactDOM.render(
-                        null,
-                        confettiContainer
-                    )
-                    setShowConfetti(false);
-                }}
-            />,
-            confettiContainer
-        )
-    }
-
-    return (
-        <div className="navbar-anniversary-wrap" title="Click the cake to celebrate!">
-            <button onClick={make_confetti} disabled={stateShowConfetti}>
-                {!stateShowConfetti ? "🎂" : "🎉"}
-            </button>
-            <a className="navbar-anniversary-texts" href="/docs/ten-years-of-cern-open-data-portal">
-                <span className="navbar-anniversary-texts-title">
-                    <strong>Ten years</strong> of CERN Open Data portal!
-                </span>
-                <span className="navbar-anniversary-texts-subtitle">
-                    (blog post)
-                </span>
-            </a>
-            <div id="confetti-holder"></div>
-        </div>
-    )
-}
-
-if (new Date() > unlock_date) {
-    const titleContainer = document.getElementById("react-anniversary")
-    ReactDOM.render(React.createElement(Celebrate), titleContainer)
-}

cernopendata/modules/theme/assets/semantic-ui/js/app.js

@@ -1,7 +1,5 @@
 import jquery from "jquery/dist/jquery";
 
-import "./anniversary.js"
-
 // This line sets jQuery version from Invenio to `jquery` variable globally
 // in order to make it compatible with other jQuery versions needed for
 // ispy and opera visualizers, since other versions are loaded through script

cernopendata/modules/theme/assets/semantic-ui/scss/header.scss

@@ -24,106 +24,12 @@
   margin-bottom: 0;
 
   .navbar-custom {
-    //display: flex;
+    display: flex;
     align-items: center;
     justify-content: flex-start;
     background-color: $header-dark-blue;
     height: 65px;
 
-    // anniversary additions
-    display: grid;
-    grid-template-columns: auto 1fr auto;
-
-    .navbar-anniversary {
-      width: inherit;
-      font-family: "Open Sans", sans-serif;
-      padding: 0.5em;
-
-      .navbar-anniversary-wrap {
-        display: flex;
-        width: 100%;
-        justify-content: center;
-        align-items: center;
-
-        .navbar-anniversary-texts {
-          display: flex;
-          flex-direction: column;
-          text-align: center;
-
-          strong {
-            font-weight: 600;
-          }
-
-          .navbar-anniversary-texts-title {
-            font-weight: 400;
-            font-size: 1.4em;
-            margin-top: 0.2em;
-            color: $white;
-          }
-
-          .navbar-anniversary-texts-subtitle {
-            font-weight: 300;
-            font-size: 0.7em;
-            line-height: 1.8em;
-            color: $light-blue;
-          }
-        }
-
-        button {
-          display: inline-block;
-          background: none;
-          border: none;
-          margin-right: 0.5em;
-          cursor: pointer;
-          font-size: 2.25em;
-          transition: transform 0.15s;
-          animation: wiggle 18s ease-in-out infinite;
-        }
-
-        a {
-          cursor: pointer;
-          color: inherit;
-          text-decoration: none;
-        }
-
-        a:hover {
-          filter: brightness(85%);
-        }
-
-        a:active {
-          filter: brightness(70%);
-        }
-
-        button:hover {
-          transform: scale(1.15);
-        }
-
-        button:active {
-          transform: scale(1.25);
-        }
-
-        @keyframes wiggle {
-          60% {
-            transform: rotate(0deg);
-          }
-          61% {
-            transform: rotate(5deg);
-          }
-          62% {
-            transform: rotate(-5deg);
-          }
-          63% {
-            transform: rotate(10deg);
-          }
-          64% {
-            transform: rotate(0deg);
-          }
-        }
-      }
-    }
-
-    // anniversary done
-
     .searchbar {
       min-width: 250px;
       width: 35%;
@@ -142,13 +48,8 @@
       margin-left: auto;
       list-style: none;
 
-      li > span {
-        white-space: nowrap;
-      }
-
       .ui.dropdown .navbar-item {
         padding: 0;
-
         span {
           user-select: none;
         }
@@ -175,7 +76,6 @@
         color: white;
       }
     }
-
     .menu-icon {
       display: none;
     }

cernopendata/modules/theme/webpack.py

@@ -39,7 +39,6 @@
             dependencies={
                 "open-iconic": "~1.1.1",
                 "popper.js": "~1.11.0",
-                "react-confetti": "~6.1.0",
             },
             aliases={
                 "../../theme.config$": "less/cernopendata/theme.config",

cernopendata/templates/cernopendata_theme/header.html

@@ -5,8 +5,6 @@
     <img src="{{ url_for('static', filename='assets/img/logo_blue.png') }}" width="115" alt="">
   </a>
 
-  <div class="navbar-anniversary" id="react-anniversary"></div>
-
   <ul class="link-menu">
     <li class="ui dropdown">
       <span class="navbar-item">