tietokonepaja/runosaari
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make header logo into link to landing page

Browse Source
This commit is contained in:
Veikko Lintujärvi
2024-05-16 22:55:42 +03:00
parent 50fbc95ba9
commit a43b32a028
1 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
pages/components/Logo.tsx
View File

@@ -1,5 +1,6 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import styles from '../../styles/Logo.module.scss'; import styles from '../../styles/Logo.module.scss';
import Link from 'next/link';
const Logo = () => { const Logo = () => {
const [isDesktop, setIsDesktop] = useState(true); const [isDesktop, setIsDesktop] = useState(true);
@@ -9,25 +10,29 @@ const Logo = () => {
}, []); }, []);
return ( return (
<section className={styles.logoContainer}> <Link href="/">
<div className={styles.logo} id='logo-start'> <a>
<picture> <section className={styles.logoContainer}>
<source <div className={styles.logo} id='logo-start'>
srcSet='/runosaari-logo_small.jpg' <picture>
media='(max-width: 600px)' <source
/> srcSet='/runosaari-logo_small.jpg'
<source srcSet='/runosaari-logo.jpg' /> media='(max-width: 600px)'
<img />
src='/runosaari-logo.jpg' <source srcSet='/runosaari-logo.jpg' />
alt='Runosaari logo' <img
className={styles.logoImage} src='/runosaari-logo.jpg'
/> alt='Runosaari logo'
</picture> className={styles.logoImage}
<div className={styles.logoCredits}> />
<div>@Sanna Hukkanen</div> </picture>
</div> <div className={styles.logoCredits}>
</div> <div>@Sanna Hukkanen</div>
</section> </div>
</div>
</section>
</a>
</Link>
); );
}; };