diff --git a/components/home-intro.js b/components/home-intro.js
index de87864..01dfab6 100644
--- a/components/home-intro.js
+++ b/components/home-intro.js
@@ -1,8 +1,7 @@
import icons from 'badgen-icons'
-export default ({ isFlat, children }) => (
+export default ({ isFlat }) => (
-
Usage
{ explainCode(isFlat) }
Available color names
diff --git a/pages/index.js b/pages/index.js
index df0b376..84cda63 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
import BadgeExamples from '../components/badge-examples.js'
import BadgenTitle from '../components/badgen-title.jsx'
import Intro from '../components/home-intro.js'
@@ -7,10 +7,19 @@ import examples from '../static/.gen/badges.json'
const Index = () => {
const [ tab, setTab ] = useState('live')
+ const [ host, setHost ] = useState('host')
const badges = examples[tab]
+ useEffect(() => {
+ const forceHost = new URL(window.location).searchParams.get('host')
+ const autoHost = window.location.host === 'flat.badgen.net'
+ ? 'https://flat.badgen.net'
+ : 'https://badgen.net'
+ setHost((forceHost || autoHost) + '/')
+ })
+
return <>
-
+
Badge Gallery