-
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Keeping the footer from being rendered on the quiz pages and optimize…
…d quiz for mobile.
- Loading branch information
1 parent
c1df1e3
commit 4ccf5b8
Showing
3 changed files
with
127 additions
and
123 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,131 +1,135 @@ | ||
'use client'; | ||
import Link from 'next/link'; | ||
import { usePathname } from 'next/navigation'; | ||
|
||
export function Footer() { | ||
return ( | ||
<footer className='p-4 mt-4 bg-white sm:p-6'> | ||
<div className='mx-auto max-w-screen-xl'> | ||
<div className='md:flex md:justify-between'> | ||
<div className='mb-6 md:mb-0'> | ||
<Link href='https://logicola.org' className='flex items-center'> | ||
{/* <img | ||
const pathname = usePathname(); | ||
if (!pathname.includes('quiz')) | ||
return ( | ||
<footer className='p-4 mt-4 bg-white sm:p-6'> | ||
<div className='mx-auto max-w-screen-xl'> | ||
<div className='md:flex md:justify-between'> | ||
<div className='mb-6 md:mb-0'> | ||
<Link href='https://logicola.org' className='flex items-center'> | ||
{/* <img | ||
src='https://flowbite.com/docs/images/logo.svg' | ||
className='mr-3 h-8' | ||
alt='FlowBite Logo' | ||
/> */} | ||
<span className='self-center text-2xl font-bold whitespace-nowrap font-stretch'> | ||
LogiCola | ||
</span> | ||
</Link> | ||
</div> | ||
<div className='grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3'> | ||
<div> | ||
<h2 className='mb-6 font-stretch text-sm font-semibold text-gray-900 uppercase'> | ||
Resources | ||
</h2> | ||
<ul className='text-gray-500'> | ||
<li className='mb-4'> | ||
<Link | ||
href='https://harrycola.com/lc/index.htm' | ||
className='hover:underline' | ||
> | ||
Classic Logicola | ||
</Link> | ||
</li> | ||
<li> | ||
<Link | ||
href='https://www.routledge.com/Introduction-to-Logic/Gensler/p/book/9781138910591' | ||
className='hover:underline' | ||
> | ||
Get the Book | ||
</Link> | ||
</li> | ||
</ul> | ||
</div> | ||
<div> | ||
<h2 className='mb-6 font-stretch text-sm font-semibold text-gray-900 uppercase'> | ||
Follow us | ||
</h2> | ||
<ul className='text-gray-500'> | ||
<li className='mb-4'> | ||
<Link | ||
href='https://github.com/malikpiara/logicola' | ||
className='hover:underline ' | ||
> | ||
Github | ||
</Link> | ||
</li> | ||
<li> | ||
<Link | ||
href='https://twitter.com/LogicolaWeb' | ||
className='hover:underline' | ||
> | ||
</Link> | ||
</li> | ||
</ul> | ||
<span className='self-center text-2xl font-bold whitespace-nowrap font-stretch'> | ||
LogiCola | ||
</span> | ||
</Link> | ||
</div> | ||
<div> | ||
<h2 className='mb-6 text-sm font-semibold text-gray-900 uppercase font-stretch'> | ||
Legal | ||
</h2> | ||
<ul className='text-gray-500'> | ||
<li className='mb-4'> | ||
<Link href='#' className='hover:underline'> | ||
Privacy Policy | ||
</Link> | ||
</li> | ||
<li> | ||
<Link href='#' className='hover:underline'> | ||
Terms & Conditions | ||
</Link> | ||
</li> | ||
</ul> | ||
<div className='grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3'> | ||
<div> | ||
<h2 className='mb-6 font-stretch text-sm font-semibold text-gray-900 uppercase'> | ||
Resources | ||
</h2> | ||
<ul className='text-gray-500'> | ||
<li className='mb-4'> | ||
<Link | ||
href='https://harrycola.com/lc/index.htm' | ||
className='hover:underline' | ||
> | ||
Classic Logicola | ||
</Link> | ||
</li> | ||
<li> | ||
<Link | ||
href='https://www.routledge.com/Introduction-to-Logic/Gensler/p/book/9781138910591' | ||
className='hover:underline' | ||
> | ||
Get the Book | ||
</Link> | ||
</li> | ||
</ul> | ||
</div> | ||
<div> | ||
<h2 className='mb-6 font-stretch text-sm font-semibold text-gray-900 uppercase'> | ||
Follow us | ||
</h2> | ||
<ul className='text-gray-500'> | ||
<li className='mb-4'> | ||
<Link | ||
href='https://github.com/malikpiara/logicola' | ||
className='hover:underline ' | ||
> | ||
Github | ||
</Link> | ||
</li> | ||
<li> | ||
<Link | ||
href='https://twitter.com/LogicolaWeb' | ||
className='hover:underline' | ||
> | ||
</Link> | ||
</li> | ||
</ul> | ||
</div> | ||
<div> | ||
<h2 className='mb-6 text-sm font-semibold text-gray-900 uppercase font-stretch'> | ||
Legal | ||
</h2> | ||
<ul className='text-gray-500'> | ||
<li className='mb-4'> | ||
<Link href='#' className='hover:underline'> | ||
Privacy Policy | ||
</Link> | ||
</li> | ||
<li> | ||
<Link href='#' className='hover:underline'> | ||
Terms & Conditions | ||
</Link> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<hr className='my-6 border-gray-200 sm:mx-auto lg:my-8' /> | ||
<div className='sm:flex sm:items-center sm:justify-between'> | ||
<span className='text-sm text-gray-500 sm:text-center '> | ||
© 2024{' '} | ||
<Link href='https://logicola.com' className='hover:underline'> | ||
Logicola | ||
</Link> | ||
. Some Rights Reserved. | ||
</span> | ||
<div className='flex mt-4 space-x-6 sm:justify-center sm:mt-0'> | ||
<Link | ||
href='https://twitter.com/LogicolaWeb' | ||
className='text-gray-500 hover:text-gray-900' | ||
> | ||
<svg | ||
className='w-5 h-5' | ||
fill='currentColor' | ||
viewBox='0 0 24 24' | ||
aria-hidden='true' | ||
<hr className='my-6 border-gray-200 sm:mx-auto lg:my-8' /> | ||
<div className='sm:flex sm:items-center sm:justify-between'> | ||
<span className='text-sm text-gray-500 sm:text-center '> | ||
© 2024{' '} | ||
<Link href='https://logicola.com' className='hover:underline'> | ||
Logicola | ||
</Link> | ||
. Some Rights Reserved. | ||
</span> | ||
<div className='flex mt-4 space-x-6 sm:justify-center sm:mt-0'> | ||
<Link | ||
href='https://twitter.com/LogicolaWeb' | ||
className='text-gray-500 hover:text-gray-900' | ||
> | ||
<path d='M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84' /> | ||
</svg> | ||
</Link> | ||
<a | ||
href='https://github.com/malikpiara/logicola' | ||
className='text-gray-500 hover:text-gray-900' | ||
> | ||
<svg | ||
className='w-5 h-5' | ||
fill='currentColor' | ||
viewBox='0 0 24 24' | ||
aria-hidden='true' | ||
<svg | ||
className='w-5 h-5' | ||
fill='currentColor' | ||
viewBox='0 0 24 24' | ||
aria-hidden='true' | ||
> | ||
<path d='M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84' /> | ||
</svg> | ||
</Link> | ||
<a | ||
href='https://github.com/malikpiara/logicola' | ||
className='text-gray-500 hover:text-gray-900' | ||
> | ||
<path | ||
fillRule='evenodd' | ||
d='M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z' | ||
clipRule='evenodd' | ||
/> | ||
</svg> | ||
</a> | ||
<svg | ||
className='w-5 h-5' | ||
fill='currentColor' | ||
viewBox='0 0 24 24' | ||
aria-hidden='true' | ||
> | ||
<path | ||
fillRule='evenodd' | ||
d='M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z' | ||
clipRule='evenodd' | ||
/> | ||
</svg> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</footer> | ||
); | ||
</footer> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters