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