0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-06-09 07:16:02 +09:00

Modularize banners

This commit is contained in:
yude 2021-08-09 11:04:26 +09:00
parent ba2a8a365c
commit 859aa2bbab
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
3 changed files with 36 additions and 27 deletions

View File

@ -0,0 +1,19 @@
// Next.js
import Link from 'next/link'
import Image from 'next/image'
const happybusy = (props) => {
return (
<Link href="https://www.eff.org/pages/blue-ribbon-campaign">
<a>
<Image
src="/images/brstrip.gif"
width={150}
height={41}
/>
</a>
</Link>
)
}
export default happybusy

View File

@ -1,18 +1,19 @@
// Next.js
import Link from 'next/link'
import Image from 'next/image'
const happybusy = (props) => {
const HappyBusy = (props) => {
return (
<Link href="https://sites.google.com/site/happybusy/">
<a>
<Image
src="/images/busy_banner.png"
width={200}
height={42}
/>
</a>
<a>
<Image
src="/images/busy_banner.png"
width={200}
height={42}
/>
</a>
</Link>
)
}
export default happybusy
export default HappyBusy

View File

@ -2,6 +2,9 @@
import Layout from "./components/Layout"
// Menu
import FontAwesomeMenu from "./components/Menu/FontAwesomeMenu"
// Banner
import BlueRibbon from "./components/Footer/BlueRibbon"
import HappyBusy from "./components/Footer/HappyBusy"
// Next.js
import Link from 'next/link'
import Image from 'next/image'
@ -43,26 +46,12 @@ export default function Index(props) {
<FontAwesomeMenu href="/mutual" icon="faHeart" />
</div>
{/* Banner */}
<div className="mx-auto mt-10">
<Link href="https://www.eff.org/pages/blue-ribbon-campaign">
<a>
<Image
src="/images/brstrip.gif"
width={150}
height={41}
/>
</a>
</Link>
<Link href="https://sites.google.com/site/happybusy/">
<a>
<Image
src="/images/busy_banner.png"
width={200}
height={42}
/>
</a>
</Link>
<BlueRibbon />
<HappyBusy />
</div>
</div>
</Layout>
)