use yew::prelude::*;

pub struct About;
impl Component for About {
  type Message = ();
  type Properties = ();

  fn create(_ctx: &Context<Self>) -> Self {
    Self
  }

  fn view(&self, _ctx: &Context<Self>) -> Html {
    html! {
      <>
        <div>
          <img alt="insert pfp here" style="
            float: left !important;
            margin-right: 10px !important;
            border-radius: 0.5rem !important;
          " loading="eager" width="96px" height="96px" src="profile.avif" />
          <div style="
            display: flex !important;
            flex-direction: column !important;
            max-height: 96px !important;
          ">
            <p style="
              display: flex !important;
              color: transparent !important;
              flex-direction: row !important;
              align-items: center !important;
              width: fit-content !important;
              background-clip: text !important;
              background-image: linear-gradient(45deg, #5BCEFAFF, #F5A9B8FF, #FFFFFFFF) !important;
              -webkit-background-clip: text !important;
              margin: unset !important;
              filter: url(post.bloom.svg#process) !important;
            ">
            <img loading="eager" alt="ket" src="oneko.gif" />{r"　lia · they/she · transfemby"}</p>
            <p style="margin: unset !important;">
              <p style="margin: unset !important;">{r"certified catgirl™"}</p>
              <p style="margin: unset !important;">{r"software engineer"}</p>
              <p style="margin: unset !important;">{r"professional yapper"}</p>
              <p style="margin: unset !important;">{r"neurospicy and disabled"}</p>
            </p>
          </div>
          <p style="
            font-weight: bold !important;
            font-style: italic !important;
            font-size: xx-large !important;
          ">{r"intro"}<br /><p style="
            font-weight: normal !important;
            font-style: normal !important;
            font-size: medium !important;
          ">{r#"
            name's lia or lucy. we are creating.
            trying to provide a safe space in the internet.
            our goal's to make this world a better ~ less trashy ~ place.
            may sound naive as fuck but fuck it we ball.
            audhd (certified) and probably bpd or ptsd. i'm not a psychologist tho.
            interact with caution, may bite.
            political view's prolly too rad. should be enough to mention i'm social.
            figure it yourself. use your brain.
          "#}</p>{r"hobbies"}<br /><p style="
            font-weight: normal !important;
            font-style: normal !important;
            font-size: medium !important;
          ">{r#"
            watching anime, designing something kewl, playing games, starting a new project or just yapping with friends, nearly everything's included.
            i especially enjoy cooking or even baking if enough spoons are to avail.
            which anime? has to be very specific, i'm really picky and judgy regarding them.
            i uh - design stuff when enough creativity is there. nothing specific. maybe just a button, banner, icon or just anything.
            has to be something i can somewhat imagine in my fucky-wucky head.
            gaymes? gay! no uhh - i play ranging from minecraft and stardew, to puzzly metroidvanias like hollow knight and pseudoregalia, or challenging platformers like celeste, nearly anything.
            i also enjoy playing rhythm games like osu! or muse dash. returning to terraria sometimes and also some old-ish games.
            projects? you can find public ones in my projects tab.
          "#}/*</p>{r"hobbies"}<br /><p style="
            font-weight: normal !important;
            font-style: normal !important;
            font-size: medium !important;
          ">{r#"
            watching anime, designing something kewl, playing games, starting a new project or just yapping/meeting up with friends, nearly everything's included.
            i especially enjoy cooking or even baking if enough spoons are to avail.
            which anime? has to be very specific, i'm really picky and judgy regarding them.
            i uh - design stuff when enough creativity is there. nothing specific. maybe just a button, banner, icon or just anything.
            has to be something i can somewhat imagine in my fucky-wucky head.
            gaymes? gay! no uhh - i play ranging from minecraft and stardew, to puzzly metroidvanias like hollow knight and pseudoregalia, or challenging platformers like celeste, nearly anything.
            i also enjoy playing rhythm games like osu! or muse dash. returning to terraria sometimes and also some old-ish games.
            projects? you can find public ones in my projects tab.
          "#}*/</p>
          </p>
        </div>
      </>
    }
  }
}
