pleroma-like client for Bluesky
pl.hexmani.ac
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";
8
9const Login: Component = () => {
10 return (
11 <>
12 <header>
13 <Navbar />
14 </header>
15 <main>
16 <div id="sidebar">
17 <Container
18 title="Log in"
19 children={
20 <div class="login">
21 <form name="login" id="login">
22 <label for="handle">Handle</label>
23 <br />
24 <input
25 type="text"
26 id="handle"
27 name="handle"
28 maxlength="255"
29 placeholder="soykaf.com"
30 required
31 />
32 <br />
33 <button type="submit">Login</button>
34 </form>
35 </div>
36 }
37 />
38 </div>
39 <div id="content">
40 <Container
41 title="About"
42 children={
43 <div class="container-content">
44 <img class={"typeface"} src={typefaceLogo} />
45 <h2>A Bluesky client with a familiar face</h2>
46 <hr />
47 <p>
48 <b>Bluroma</b> is a web client for Bluesky, built to provide a
49 customizable power-user experience. Its design is heavily
50 influenced by the <a href="https://pleroma.social">Pleroma</a>{" "}
51 and <a href="https://akkoma.social">Akkoma</a> projects, and
52 intends to provide a similar user interface for Bluesky users.
53 </p>
54 <div class="logo-crawl">
55 <a href="https://bsky.social/profile/did:plc:5szlrh3xkfxxsuu4mo6oe6h7">
56 <img src={blueskyLogo} />
57 </a>
58 <a href="https://tangled.org/@hexmani.ac/bluroma">
59 <img src={tangledLogo}></img>
60 </a>
61 </div>
62 </div>
63 }
64 />
65 </div>
66 </main>
67 </>
68 );
69};
70
71export default Login;