🐛 Nollning minor fixes

docker-compose.deploy.yml

@@ -36,7 +36,7 @@ services:
       - com.centurylinklabs.watchtower.enable=true
 
   pgadmin:
-    image: dpage/pgadmin4
+    image: dpage/pgadmin4:7.1  # Locked at 7.1 due to authentication issues
     env_file: .env
     restart: always
     networks:

frontend/components/Nolla/copy/accomodation.tsx

@@ -88,6 +88,8 @@ const ACCOMODATION_COPY = {
         </li>
       </ul>
     ),
+    corridor: 'Ett korridorrum på Helsingkrona Nation',
+    floorplan: 'Typisk planlösning för ett korridorrum',
   },
   en: {
     boende: 'Housing',
@@ -168,6 +170,8 @@ const ACCOMODATION_COPY = {
         </li>
       </ul>
     ),
+    corridor: 'A corridor-room at Helsingkrona Nation',
+    floorplan: 'A typical student-dorm room',
   },
 };
 

frontend/components/Nolla/layout.tsx

@@ -21,8 +21,8 @@ import {
   Stack,
   Toolbar,
   Typography,
+  styled,
 } from '@mui/material';
-import Image from 'next/image';
 import { useRouter } from 'next/router';
 import React, { useEffect, useState } from 'react';
 import HomeIcon from '@mui/icons-material/Home';
@@ -32,6 +32,22 @@ import { hasAccess, useApiAccess } from '~/providers/ApiAccessProvider';
 import routes from '~/routes';
 import styles from './styles.module.css';
 import useNollaTranslate from './useNollaTranslate';
+import DarkModeSelector from '../Header/components/DarkModeSelector';
+
+const Logo = styled('img')`
+  height: 2rem;
+  margin-right: 1rem;
+`;
+
+function Home() {
+  return (
+    <Link href="/" aria-label="Go to homepage">
+      <IconButton>
+        <HomeIcon />
+      </IconButton>
+    </Link>
+  );
+}
 
 export const useNavItems = () => {
   const translate = useNollaTranslate();
@@ -105,11 +121,14 @@ function NollaLayout({
             </ListItemButton>
           </ListItem>
         ))}
+        <Divider />
         <ListItem
           disablePadding
           sx={{ display: 'flex', justifyContent: 'center' }}
         >
           <LanguageSelector />
+          <DarkModeSelector />
+          <Home />
         </ListItem>
       </List>
     </Box>
@@ -162,11 +181,8 @@ function NollaLayout({
               </Button>
             ))}
             <LanguageSelector />
-            <Link href="/" aria-label="Go to homepage">
-              <IconButton>
-                <HomeIcon />
-              </IconButton>
-            </Link>
+            <DarkModeSelector />
+            <Home />
           </Box>
         </Toolbar>
       </AppBar>
@@ -202,21 +218,19 @@ function NollaLayout({
           maxWidth="md"
           sx={{
             display: 'flex',
+            flexDirection: { xs: 'column', sm: 'row' },
+            rowGap: 1,
             alignItems: 'center',
             justifyContent: 'space-between',
           }}
         >
-          <Box sx={{ position: 'relative', flex: 1, height: 40 }}>
-            <Link href="/" aria-label="Go to homepage">
-              <Image
-                src="/images/nolla/d_logo_new.png"
-                alt="D-sek logo"
-                layout="fill"
-                objectFit="contain"
-                objectPosition="left"
-              />
-            </Link>
-          </Box>
+          <Logo src="/images/nolla/d_logo_new.png" alt="D-sek logo" />
+          <Typography variant="body2" sx={{ textAlign: 'center' }}>
+            Frågor om nollningen? Kontakta
+            {' '}
+            <a href="mailto:staben2023@gmail.com">staben2023@gmail.com</a>
+            .
+          </Typography>
 
           <Stack spacing={1} direction="row">
             <Link href="https://instagram.com/dseklth/" newTab>

frontend/components/Nolla/locales/sv.tsx

@@ -434,14 +434,6 @@ export default {
           Halmstad, känd för sin goda 'Crush' cider och mindre känd
           för bandet Gyllene Tider!
         </p>
-        <p>
-          Mitt allra mest magiska tips är att alltid dubbelchecka tvättmaskinen
-          innan man går från tvättstugan, de kanske inte är på!
-        </p>
-        <p>
-          Mitt allra magiska tips är att alltid duscha fötterna när man kommer
-          hem från en fest, man blir förvånad över hur stanky de kan vara!
-        </p>
         <p>
           Mitt allra mest magiska nollningstips är att ha solglasögon av ALLLA
           former och färger så att man ALLTID har snyggast glajjor på dansgolvet
@@ -459,12 +451,19 @@ export default {
   registration: {
     meaning: {
       title: 'Vad betyder detta?',
-      text: `På universitet behöver du själv se till att du gör allt som krävs för
-      att acceptera din plats på ett program. Detta kan verka skrämmande men
-      det är inte särskilt svårt egentligen. Stegen du behöver ta står på
-      denna sidan. Det är lätt att känna att man glömt göra någonting så var
-      aldrig rädd för att kontakta studieledningen för att se till att du
-      gjort allting du behöver!`,
+      text: (
+        <>
+          På universitet behöver du själv se till att du gör allt som krävs för
+          att acceptera din plats på ett program. Detta kan verka skrämmande men
+          det är inte särskilt svårt egentligen. Stegen du behöver ta står på
+          denna sidan. Det är lätt att känna att man glömt göra någonting så var
+          aldrig rädd för att kontakta studieledningen för att se till att du
+          gjort allting du behöver! Du kan läsa mer på
+          {' '}
+          <a href="https://www.student.lth.se/ny-student/">https://www.student.lth.se/ny-student/</a>
+          .
+        </>
+      ),
     },
     todo: {
       title: 'Vad behöver jag göra?',
@@ -500,7 +499,7 @@ export default {
     },
     courses: {
       title: 'Anmälan för kurser',
-      text: `På LTH kommer du också att behöva anmäla dig på dina kurser manuellt.
+      text: `På LTH behöver du också att behöva anmäla dig på dina kurser manuellt.
       Detta görs via en hemsida som heter Ladok. Även detta kommer ni att få
       mer information kring i början av skolstarten.`,
     },

frontend/components/Nolla/styles.module.css

@@ -9,3 +9,11 @@
   content: "";
   margin-top: 16px;
 }
+
+.nolla a {
+  color: #DC2A8A;
+}
+
+.nolla a:visited {
+  color: #AA28A7;
+}

frontend/pages/nolla/accomodation.tsx

@@ -1,4 +1,5 @@
-import { Typography } from '@mui/material';
+import { Masonry } from '@mui/lab';
+import { Box, Typography } from '@mui/material';
 import { styled } from '@mui/system';
 import { useTranslation } from 'next-i18next';
 import MasonryCard from '~/components/Nolla/Card';
@@ -28,9 +29,7 @@ const CopyAndHouse = styled('div')`
 `;
 
 const CorridorRoom = styled('img')`
-  object-position: top;
-  object-fit: contain;
-  max-width: 400px;
+  width: 100%;
 `;
 
 const PinkHouse = styled('img')`
@@ -60,13 +59,15 @@ function AccomodationPage() {
   const copy = i18n.language === 'en' ? ACCOMODATION_COPY.en : ACCOMODATION_COPY.sv;
   return (
     <Main>
-      <MasonryCard sx={{ mb: 2 }}>
-        <Typography variant="h5" fontWeight={500}>{copy.boende}</Typography>
-        <CopyAndHouse>
-          <Typography variant="body1">{copy.main()}</Typography>
-          <PinkHouse src="/images/nolla/pink_house.png" alt="Rosa hus" />
-        </CopyAndHouse>
-      </MasonryCard>
+      <Masonry columns={1} spacing={[0, 4]} sx={{ mb: [2, -2] }}>
+        <MasonryCard sx={{ mb: 2 }}>
+          <Typography variant="h5" fontWeight={500}>{copy.boende}</Typography>
+          <CopyAndHouse>
+            <Typography variant="body1">{copy.main()}</Typography>
+            <PinkHouse src="/images/nolla/pink_house.png" alt="Rosa hus" />
+          </CopyAndHouse>
+        </MasonryCard>
+      </Masonry>
       <ResponsiveMasonry>
         <MasonryCard>
           <Typography variant="h5" fontWeight={500}>{copy.listTitle}</Typography>
@@ -75,14 +76,24 @@ function AccomodationPage() {
         <MasonryCard>
           <Typography variant="h5" fontWeight={500}>{copy.typeTitle}</Typography>
           <Copy>{copy.types()}</Copy>
-          <CorridorRoom src="/images/nolla/corridor_room.jpg" alt="Korridorsrum" />
+          <Box>
+            <CorridorRoom src="/images/nolla/corridor_room.jpg" alt="Korridorsrum" />
+            <Typography variant="body2" fontStyle="italic" textAlign="center">
+              {copy.corridor}
+            </Typography>
+          </Box>
         </MasonryCard>
         <MasonryCard>
           <Typography variant="h5" fontWeight={500}>{copy.tipsTitle}</Typography>
           <Copy>
             {copy.tips()}
           </Copy>
-          <CorridorRoom src="/images/nolla/floorplan.png" alt="Planskiss" />
+          <Box>
+            <CorridorRoom src="/images/nolla/floorplan.png" alt="Planskiss" />
+            <Typography variant="body2" fontStyle="italic" textAlign="center">
+              {copy.floorplan}
+            </Typography>
+          </Box>
         </MasonryCard>
       </ResponsiveMasonry>
     </Main>

frontend/pages/nolla/guild.tsx

@@ -4,7 +4,6 @@ import { useTranslation } from 'next-i18next';
 import Image from 'next/image';
 import MasonryCard from '~/components/Nolla/Card';
 import ProfileCard from '~/components/Nolla/ProfileCard';
-import { DESKTOP_MQ } from '~/components/Nolla/constants';
 import GUILD_COPY from '~/components/Nolla/copy/guild';
 import NollaLayout from '~/components/Nolla/layout';
 import theme from '~/components/Nolla/theme';
@@ -17,23 +16,6 @@ const Main = styled('div')`
   gap: 24px;
 `;
 
-const Logos = styled('div')`
-  display: flex;
-  width: 100%;
-  justify-content: space-around;
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-`;
-
-const Logo = styled('img')`
-  width: 90px;
-  height: 120px;
-  ${DESKTOP_MQ} {
-    width: 190px;
-    height: 256px;
-  }
-`;
-
 function Row({ children }) {
   return (
     <Box
@@ -65,10 +47,6 @@ function GuildNollaPage() {
         </MasonryCard>
       </Box>
 
-      <Logos>
-        <Logo src="/images/nolla/d_logo_new.png" alt="Logotyp D-sektionen" />
-      </Logos>
-
       <Typography
         variant="h5"
         fontWeight={500}