update templates with new style ^^ #1
5 arquivos alterados com 191 adições e 183 exclusões
update templates with new style ^^
Algumas verificações falharam
/ tests (pull_request) Has been cancelled
/ check (aarch64-unknown-linux-musl) (pull_request) Has been cancelled
/ check (armv7-unknown-linux-musleabihf) (pull_request) Has been cancelled
/ check (x86_64-unknown-linux-musl) (pull_request) Has been cancelled
/ clippy (pull_request) Has been cancelled
Algumas verificações falharam
/ tests (pull_request) Has been cancelled
/ check (aarch64-unknown-linux-musl) (pull_request) Has been cancelled
/ check (armv7-unknown-linux-musleabihf) (pull_request) Has been cancelled
/ check (x86_64-unknown-linux-musl) (pull_request) Has been cancelled
/ clippy (pull_request) Has been cancelled
commit
b53ed2e66a
138
scss/index.scss
138
scss/index.scss
|
|
@ -1,67 +1,91 @@
|
|||
body {
|
||||
padding: 0;
|
||||
overflow-y: hidden;
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
display: flex;
|
||||
height: 100dvh;
|
||||
width: 100dvw;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.content {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
}
|
||||
.content-box {
|
||||
margin: 0 32px;
|
||||
width: 420px;
|
||||
|
||||
}
|
||||
.serverList {
|
||||
position: absolute:
|
||||
right: 0;
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
padding-top: 50vh;
|
||||
box-sizing: border-box;
|
||||
flex-direction: column;
|
||||
}
|
||||
h2, h3, .serverCard, .header-box {
|
||||
text-align: center;
|
||||
.about, .instances {
|
||||
padding: 16px;
|
||||
width: 480px;
|
||||
min-width: 480px;
|
||||
margin: 24px;
|
||||
height: fit-content;
|
||||
align-self: center;
|
||||
|
||||
section {
|
||||
margin: 8px 0;
|
||||
padding: 2px;
|
||||
}
|
||||
.serverCard {
|
||||
}
|
||||
h1, h2, h3 {
|
||||
margin: 4px 0px;
|
||||
}
|
||||
.admin-line {
|
||||
font-family: 'Times New Roman', Times, serif;
|
||||
margin: 10px;
|
||||
}
|
||||
.admin-photo {
|
||||
border-radius: 50%;
|
||||
}
|
||||
h2, h3 {
|
||||
margin: 0;
|
||||
}
|
||||
.subtitle {
|
||||
color: darkgray;
|
||||
}
|
||||
#credits {
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
bottom: 15px;
|
||||
text-align: right;
|
||||
}
|
||||
.spacing {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.spacing-out {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#thermos {
|
||||
color: gray;
|
||||
font-size: 5px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
color: darkgray;
|
||||
width: fit-content;
|
||||
}
|
||||
i {
|
||||
display: inline-block;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
align-content: center;
|
||||
border-bottom: 1px solid #000;
|
||||
width: 100%;
|
||||
img {
|
||||
flex-shrink: 1;
|
||||
padding: 8px;
|
||||
}
|
||||
span {
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
margin: 0 0 8px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 24px;
|
||||
flex-shrink: 1;
|
||||
width: max-content;
|
||||
sub {
|
||||
font-size: 6pt;
|
||||
}
|
||||
}
|
||||
|
||||
.instance {
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.horizontal-list {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
span {
|
||||
width: 1px;
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
|
|
@ -4,24 +4,12 @@
|
|||
|
||||
@(contact: &Contact, base: &IriString)
|
||||
|
||||
@if !contact.avatar.is_empty() {
|
||||
<img class="admin-photo" src="@contact.avatar" height="15px" onerror="this.style.display='none'">
|
||||
}
|
||||
<div class="admin">
|
||||
Admin:
|
||||
<span class="profile">
|
||||
@if !contact.avatar.is_empty() {
|
||||
<img class="admin-photo" src="@contact.avatar" height="15px" onerror="this.style.display='none'">
|
||||
}
|
||||
<a href="@contact.url">@Html(Regex::new(r":([a-zA-Z0-9_]+):").unwrap().replace_all(&contact.display_name, &format!(r#"<img height='15px' loading='lazy' onerror='this.style.display=`none`' src='https://kitsunes.club/emoji/$1@{}.webp'>"#, contact.url.authority_components().unwrap().host())).to_string())</a>
|
||||
<!-- <a href="@contact.url">@@@contact.username@if let Some(authority) = base.authority_str() {@@@authority}</a> -->
|
||||
|
||||
|
||||
<!-- <div class="admin">
|
||||
<div class="left">
|
||||
<!-- <figure class="avatar">
|
||||
<img loading="lazy" src="@contact.avatar" alt="@contact.display_name's avatar">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p class="display-name"><a href="@contact.url">@contact.display_name</a></p>
|
||||
<p class="username">
|
||||
@@@contact.username@if let Some(authority) = base.authority_str() {@@@authority}
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
-->
|
||||
|
|
|
|||
|
|
@ -6,55 +6,57 @@ templates::{info_html, instance_html, statics::index_css},
|
|||
|
||||
@(local: &[Node], nodes: &[Node], config: &Config)
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="/static/@index_css.name" type="text/css" />
|
||||
<link rel="stylesheet" href="/style.css" type="text/css" />
|
||||
<title>KitsuRelay</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<div class="content-box">
|
||||
<div class="header-box">
|
||||
<div class="spacing">
|
||||
<div class="about">
|
||||
<div class="header">
|
||||
<img src="https://s3.kitsunes.club/storage/2899f08c-cf97-4346-a9d6-9652c7d287df.webp" height="50px" alt="A screaming, fluffy Neofox">
|
||||
<span>
|
||||
<h2>KitsuRelay</h2>
|
||||
<h1>KitsuRelay</h1>
|
||||
<span class="subtitle">Friendly Relay for Friendly Instances!</span>
|
||||
</span>
|
||||
</div>
|
||||
<hr />
|
||||
</div>
|
||||
Welcome to KitsuRelay! Fedi's favorite GenPur, Furry+ and Queer+ Relay! We cannot wait to see you on the fediverse!<br>
|
||||
<br>
|
||||
What's a Relay?<br>
|
||||
Have you ever seen those posts where someone asks for boosts to help them get visibility and get their server connected with others? Relays are an attempt to reduce some of the work needed to get a head start, and connect with a whole bunch of new friends! It grabs your posts, and shoots it out to other members, and we'll send their posts your way. Neat, huh?<br>
|
||||
<br>
|
||||
Rules:
|
||||
<section>
|
||||
Welcome to KitsuRelay! Fedi's favorite GenPur, Furry+ and Queer+ Relay! We cannot wait to see you on the fediverse!
|
||||
</section>
|
||||
<section>
|
||||
<h2>What's a Relay?</h2>
|
||||
Have you ever seen those posts where someone asks for boosts to help them get visibility and get their server connected with others? Relays are an attempt to reduce some of the work needed to get a head start, and connect with a whole bunch of new friends! It grabs your posts, and shoots it out to other members, and we'll send their posts your way. Neat, huh?
|
||||
</section>
|
||||
<section>
|
||||
<h2>Rules:</h2>
|
||||
<ol>
|
||||
<li>Instances must be primarily English-speaking</li>
|
||||
<li>You must have a reasonable Moderator:User ratio</li>
|
||||
<li>You must have a reasonable Moderator-to-User ratio</li>
|
||||
<li>Moderation must be active</li>
|
||||
<li>You must moderate undesirable content<br>(hate speech, antisemetism, illegal content & spam)</li>
|
||||
<li>NSFW content must be appropriately flagged</li>
|
||||
</ol>
|
||||
Administrator:<br>
|
||||
<a href="https://kio.moe" class="serverCard">Kio</a> - KitsuClub & KitsuGay<br>
|
||||
<br>
|
||||
Joining:<br>
|
||||
<span class="admin-line">Administrator: <a href="https://kio.moe" class="serverCard">Kio</a> - KitsuClub & KitsuGay</span>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Joining</h2>
|
||||
<b>Mastodon & *key</b>: <pre>@config.generate_url(UrlKind::Inbox)</pre>
|
||||
<b>*oma</b>: <pre>@config.generate_url(UrlKind::Actor)</pre>
|
||||
</section>
|
||||
</div>
|
||||
<div class="content-box serverList">
|
||||
<div class="header-box">
|
||||
<h3>Connected Instances</h3>
|
||||
<div class="instances">
|
||||
<div class="header">
|
||||
<span>
|
||||
<h2>Connected Instances</h2>
|
||||
<span class="subtitle">Currently, we're sitting at <i>@nodes.len()</i> members!</span>
|
||||
<hr />
|
||||
<span>
|
||||
</div>
|
||||
<li>
|
||||
<section>
|
||||
<ul>
|
||||
@for node in nodes {
|
||||
@if let Some(inst) = node.instance.as_ref() {
|
||||
@:instance_html(inst, node.info.as_ref().map(|info| { info.software.as_ref() }), node.contact.as_ref(), &node.base)
|
||||
|
|
@ -64,21 +66,27 @@ templates::{info_html, instance_html, statics::index_css},
|
|||
}
|
||||
}
|
||||
}
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div id="thermos">
|
||||
Thank you, Thermia, for your help!
|
||||
</div>
|
||||
<div id="credits">
|
||||
<div class="spacing-out">
|
||||
<a href="https://kitsunes.club/@@kitsurelay">Fedi</a>|
|
||||
<footer>
|
||||
<div class="horizontal-list">
|
||||
<a href="https://kitsunes.club/@@kitsurelay">Fedi</a>
|
||||
<span class="separator" aria-hidden="true" role="presentation"></span>
|
||||
<a href="https://kitsunes.club/@@kio">Admin</a>
|
||||
</div>
|
||||
Running @Config::software_name() @Config::software_version()-KMod<br>
|
||||
<div class="spacing-out">
|
||||
<a href="@config.source_code()">Source</a> | <a href="https://git.asonix.dog/asonix/relay">OG</a> | <a href="https://volpeon.ink/emojis/neofox">Neofox</a>
|
||||
</div>
|
||||
<p>Running @Config::software_name() @Config::software_version()-KMod</p>
|
||||
<section>
|
||||
<div class="horizontal-list">
|
||||
<a href="@config.source_code()">Source</a>
|
||||
<span class="separator" aria-hidden="true" role="presentation"></span>
|
||||
<a href="https://git.asonix.dog/asonix/relay">OG</a>
|
||||
<span class="separator" aria-hidden="true" role="presentation"></span>
|
||||
<a href="https://volpeon.ink/emojis/neofox">Neofox</a>
|
||||
</div>
|
||||
</section>
|
||||
<sub>a thermos wuz here <3</sub>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,27 +3,14 @@
|
|||
|
||||
@(info: &Info, base: &IriString)
|
||||
|
||||
<div class="serverCard">
|
||||
<li class="instance">
|
||||
@if let Some(authority) = base.authority_str() {
|
||||
<a class="serverName" href="@base">@authority</a>
|
||||
<a class="name" href="@base">@authority</a>
|
||||
}
|
||||
—
|
||||
<div class="info">
|
||||
running <span class="id">@info.software</span>
|
||||
@if info.reg {
|
||||
registrations open
|
||||
, registrations open
|
||||
}
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<section class="info">
|
||||
@if let Some(authority) = base.authority_str() {
|
||||
<h4 class="padded"><a href="@base">@authority</a></h4>
|
||||
}
|
||||
<p class="padded">
|
||||
Running @info.software, version @info.version.
|
||||
@if info.reg {
|
||||
Registration is open
|
||||
}
|
||||
</p>
|
||||
</section>
|
||||
-->
|
||||
<div class="info">
|
||||
</li>
|
||||
|
|
@ -3,8 +3,10 @@
|
|||
|
||||
|
||||
@(instance: &Instance, software: Option<&str>, contact: Option<&Contact>, base: &IriString)
|
||||
<div class="serverCard">
|
||||
<a href="@base" class="serverName">@instance.title</a><br>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<li class="instance">
|
||||
<a href="@base" class="name">@instance.title</a><br>
|
||||
<div class="info">
|
||||
@if let Some(software) = software {
|
||||
running <span class="id">@software</span>,
|
||||
}
|
||||
|
|
@ -14,11 +16,10 @@
|
|||
} else {
|
||||
closed
|
||||
}
|
||||
<br>
|
||||
</div>
|
||||
@if let Some(contact) = contact {
|
||||
@if software.unwrap() != "Iceshrimp.NET" {
|
||||
Admin:
|
||||
@:admin_html(contact,base)
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</li>
|
||||
Carregando…
Adicionar tabela
Adicionar um link
Referência em uma nova issue