yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2024-12-22 20:20:09 +09:00
Code Releases Activity

Modularize banners

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
pages/components/Footer/BlueRibbon.js Normal file
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

19
pages/components/Footer/happybusy.js
View File

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

25
pages/index.js
View File

@ -2,6 +2,9 @@
import Layout from "./components/Layout" import Layout from "./components/Layout"
// Menu // Menu
import FontAwesomeMenu from "./components/Menu/FontAwesomeMenu" import FontAwesomeMenu from "./components/Menu/FontAwesomeMenu"
// Banner
import BlueRibbon from "./components/Footer/BlueRibbon"
import HappyBusy from "./components/Footer/HappyBusy"
// Next.js // Next.js
import Link from 'next/link' import Link from 'next/link'
import Image from 'next/image' import Image from 'next/image'
@ -43,26 +46,12 @@ export default function Index(props) {
<FontAwesomeMenu href="/mutual" icon="faHeart" /> <FontAwesomeMenu href="/mutual" icon="faHeart" />
</div> </div>
{/* Banner */}
<div className="mx-auto mt-10"> <div className="mx-auto mt-10">
<Link href="https://www.eff.org/pages/blue-ribbon-campaign"> <BlueRibbon />
<a> <HappyBusy />
<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>
</div> </div>
</div> </div>
</Layout> </Layout>
) )