pleroma-like client for Bluesky
pl.hexmani.ac
hexmani.ac
bluesky
pleroma
social-media
1import { Component } from "solid-js";
2import "../styles/main.scss";
3import typefaceLogo from "/media/logo.png?url";
4import blueskyLogo from "/media/bluesky.svg?url";
5import tangledLogo from "/media/tangled.svg?url";
6import Container from "../components/container";
7import { Login, loginState } from "../components/login";
8
9const Splash: Component = () => {
10 if (loginState()) {
11 location.href = "/dash";
12 }
13
14 return (
15 <>
16 <div id="sidebar">
17 <Login />
18 </div>
19 <div id="content">
20 <Container
21 title="About"
22 children={
23 <div class="container-content">
24 <img class={"typeface"} src={typefaceLogo} />
25 <h2>A Bluesky client with a familiar face</h2>
26 <hr />
27 <p>
28 <b>Bluroma</b> is a web client for Bluesky, built to provide a
29 customizable power-user experience. Its design is heavily
30 influenced by the <a href="https://pleroma.social">Pleroma</a>{" "}
31 and <a href="https://akkoma.social">Akkoma</a> projects, and
32 intends to provide a similar user interface for Bluesky users.
33 </p>
34 <div class="logo-crawl">
35 <a href="https://bsky.app/profile/did:plc:5szlrh3xkfxxsuu4mo6oe6h7">
36 <img src={blueskyLogo} />
37 </a>
38 <a href="https://tangled.org/@hexmani.ac/bluroma">
39 <img src={tangledLogo}></img>
40 </a>
41 </div>
42 </div>
43 }
44 />
45 </div>
46 </>
47 );
48};
49
50export default Splash;