NITO logo footer (#1002)

added nito logo and made news title bigger on mobile

CHANGELOG.md

@@ -11,10 +11,7 @@
 ### 🎨 - Designendringer
 
 ## Neste versjon
-- 🎨 **Tema**. Endret til shadcn komponenter for å endre tema.
-- 🦟 **Markdown**. Fikset markdown bug.
-- 🎨 **Bildeopplastning**. Endret komponent for å laste opp bilder.
-- 🎨 **Admin filopplastning**. Fjernet mulighet for admin å laste opp bilder.
+- 🎨 **Footer**. La til NITO logo i footer under "samarbeid"
 
 ## Versjon 2023.02.04
 - 🎨 **Tema**. Endret til shadcn komponenter for å endre tema.

src/components/navigation/Footer.tsx

@@ -13,6 +13,7 @@ import SNAPCHAT from 'assets/icons/snapchat.svg';
 import TWITTER from 'assets/icons/twitter.svg';
 import VERCEL from 'assets/icons/vercel.svg';
 import MAINSPONSOR from 'assets/img/mainSponsor.png';
+import NITO from 'assets/img/nito.png';
 
 const Footer = () => {
   const { event } = useAnalytics();
@@ -83,6 +84,9 @@ const Footer = () => {
           <a href='https://vercel.com/?utm_source=kvark&utm_campaign=oss' rel='noopener noreferrer' target='_blank'>
             <img alt='Vercel' className='mx-auto' loading='lazy' src={VERCEL} width={150} />
           </a>
+          <a href='https://www.nito.no/' rel='noopener noreferrer' target='_blank'>
+            <img alt='NITO' className='w-20 md:w-28 mx-auto mt-4' loading='lazy' src={NITO} width={150} />
+          </a>
         </div>
       </div>
 

src/pages/NewsDetails/components/NewsRenderer.tsx

@@ -34,7 +34,7 @@ const NewsRenderer = ({ data, preview = false }: NewsRendererProps) => {
     <div>
       <div className='px-4 mx-auto max-w-4xl w-full pt-24 pb-10'>
         <div className='space-y-2'>
-          <h1 className='sm:text-xl break-words lg:text-4xl font-semibold'>{data.title}</h1>
+          <h1 className='text-2xl break-words lg:text-4xl font-semibold'>{data.title}</h1>
           <h1 className='break-words lg:text-lg'>{data.header}</h1>
         </div>
         <Separator className='my-6 bg-secondary-foreground dark:bg-border' />