import { createSignal } from 'solid-js'
import './App.css'
import HoverComponent from './components/name'
import AdvancedBr from './components/comps'
import Review from './components/api'
function App() {

  return (
    <>
      <div class='header'>
        <img src="https://dp.nea.moe/avatar/712639419785412668" class="logo-pfp" alt="Vite logo" />
        <HoverComponent />
      </div>


      <p style={{ display: "none" }}>AdvancedBr my beloved</p>
      <AdvancedBr count={10}/>


      <div className='parent'>  
        <div className='cardchild'>
          <h1>link tree</h1>
          <img src="https://openpgpjs.org/images/logo_proton_mail.png" alt="LMAO IMAGINE BEING BLIND" />
          <img src="https://git.gay/assets/img/logo.png" alt="" />
          <img src="https://woem.men/files/356134d8-df3b-41dc-ac73-c4420442bf3a" alt="" />
        </div>

        <div className='cardchild'>
          <h1>hi :3</h1>
            <span style={{
              fontSize: "15em",
              fontFamily: "monospace"
            }}>silly goober who does silly stuff <br/> self proclaimed programmer and progamer <br /> shitposts for fun</span>
        </div>

        <div className='cardchild'>
          <h1>reviews</h1>
          <Review/>
        </div>
      </div>
      <AdvancedBr count={10}/>
    </>
  )
}

export default App