import InfoBar from "~/components/InfoBar/"

export default function Webring() {
  return (

    <>
      <h1 className="pageTitle">
        Webring
      </h1>
      <main className="mainColumn">
        <InfoBar>
          Because we have many good friends
        </InfoBar>
        <p>
          This site is part of the umbreon.online webring, which is run by one of our partners.
        </p>
        <p>
          You can find more information about this at the website{' '}
          <a target="_blank" href="https://webring.umbreon.online">webring.umbreon.online</a>,
          or you can visit our immediate neighbor sites here:
        </p>
        <div style={{ display: 'flex', justifyContent: 'space-around' }}>
          <a style={{ textDecoration: 'none' }} target="_blank" href="https://webring.umbreon.online/prev?from=https://tempest.dev">&lt;- Previous</a>
          <a style={{ textDecoration: 'none' }} target="_blank" href="https://webring.umbreon.online/next?from=https://tempest.dev">Next -&gt;</a>
        </div>
      </main>
    </>
  )
}
