Add committee application alert to frontpage

Author: jotjern

src/frontpage/components/Alert/alert.less

@@ -0,0 +1,16 @@
+.alert {
+  margin-bottom: 40px;
+  background-color: #ffffcc;
+  border: 3px solid #ffcc00;
+  border-radius: 5px;
+  padding: 10px;
+  font-size: 1.3rem;
+}
+
+.alert a {
+  text-decoration: underline;
+}
+
+.alert a:hover {
+  text-decoration: none;
+}

src/frontpage/components/Alert/index.tsx

@@ -0,0 +1,12 @@
+import React, { FC, ReactNode } from 'react';
+import styles from './alert.less';
+
+const Alert: FC<{ children: ReactNode; validUntil: Date }> = ({ children, validUntil }) => {
+  if (new Date() > validUntil) {
+    return null;
+  }
+
+  return <div className={styles.alert}>{children}</div>;
+};
+
+export default Alert;

src/frontpage/index.tsx

@@ -5,13 +5,20 @@ import Articles from './components/Articles';
 import ForCompanies from './components/ForCompanies';
 import Offline from './components/Offline';
 import { IOfflineIssue } from './models/Offline';
+import Alert from './components/Alert';
 
 interface FrontpageProps {
   offlines: IOfflineIssue[];
 }
 
 const Frontpage: FC<FrontpageProps> = ({ offlines }) => (
   <>
+    <Alert validUntil={new Date('2025-01-27')}>
+      <p>
+        Opptak til Velkom, Backlog, Ekskom, Jubkom og Karrieredagene har nå åpnet! Les mer på{' '}
+        <a href="https://opptak.online.ntnu.no/">opptakssiden</a>
+      </p>
+    </Alert>
     <EventsContainer />
     <Registrations />
     <Articles />