mirror of https://gitlab.com/bashrc2/epicyon
1227 lines
31 KiB
HTML
1227 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<meta charset="utf-8">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context" : "http://schema.org",
|
|
"@type" : "SoftwareApplication",
|
|
"name" : "Epicyon",
|
|
"image" : "https://libreserver.org/epicyon/images/logo.png",
|
|
"url" : "https://libreserver.org/epicyon",
|
|
"author" : {
|
|
"@type" : "Person",
|
|
"name" : "Bob Mottram",
|
|
"email": "bob@libreserver.org",
|
|
"url": "https://epicyon.libreserver.org/users/bob"
|
|
},
|
|
"applicationCategory" : ["server", "software", "bash", "debian", "linux", "self-hosting", "raspberry-pi"],
|
|
"downloadUrl" : "https://libreserver.org/epicyon/epicyon.tar.gz"
|
|
}
|
|
</script>
|
|
<meta name="description" content="ActivityPub server written in Python, HTML and CSS, and suitable for self-hosting on single board computers">
|
|
<meta name="keywords" content="ActivityPub, Fediverse, Python, HTML, CSS, SmallWeb, SelfHosting, RaspberryPi">
|
|
<meta name="author" content="Bob Mottram">
|
|
<style>
|
|
@charset "UTF-8";
|
|
|
|
:root {
|
|
--main-bg-color: #282c37;
|
|
--dropdown-bg-color: #111;
|
|
--dropdown-bg-color-hover: #333;
|
|
--main-bg-color-reply: #212c37;
|
|
--main-bg-color-dm: #222;
|
|
--main-bg-color-report: #221c27;
|
|
--main-header-color-roles: #282237;
|
|
--main-fg-color: #dddddd;
|
|
--main-link-color: #999;
|
|
--main-visited-color: #888;
|
|
--border-color: #505050;
|
|
--font-size-header: 18px;
|
|
--font-color-header: #ccc;
|
|
--font-size: 30px;
|
|
--text-entry-foreground: #ccc;
|
|
--text-entry-background: #111;
|
|
}
|
|
|
|
body, html {
|
|
background-color: var(--main-bg-color);
|
|
color: var(--main-fg-color);
|
|
|
|
height: 100%;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
max-width: 80%;
|
|
min-width: 950px;
|
|
margin: 0 auto;
|
|
font-size: var(--font-size);
|
|
}
|
|
|
|
a, u {
|
|
color: var(--main-fg-color);
|
|
}
|
|
|
|
a:visited{
|
|
color: var(--main-visited-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
a:link {
|
|
color: var(--main-link-color);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cwButton {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 26px;
|
|
padding: 2px;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
|
|
.cwText {
|
|
display: none;
|
|
}
|
|
|
|
.pageicon {
|
|
width: 8%;
|
|
}
|
|
|
|
.timeline-banner {
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("img/banner.png");
|
|
height: 10%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
|
|
.hero-image {
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("image.png");
|
|
height: 50%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
|
|
.hero-text {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: var(--font-color-header);
|
|
font-size: var(--font-size-header);
|
|
}
|
|
|
|
.new-post-text {
|
|
font-size: 24px;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.new-post-subtext {
|
|
font-size: 18px;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.highlight {
|
|
width: 2%;
|
|
}
|
|
|
|
.roles {
|
|
text-align: center;
|
|
left: 35%;
|
|
background-color: var(--main-header-color-roles);
|
|
}
|
|
|
|
.roles-inner {
|
|
padding: 10px 25px;
|
|
background-color: var(--main-bg-color);
|
|
}
|
|
|
|
.hero-text img {
|
|
border-radius: 1%;
|
|
width: 30%;
|
|
min-width: 200px;
|
|
}
|
|
|
|
.hero-text img.emoji {
|
|
width: 50px;
|
|
padding: 0 0;
|
|
margin: 0 0;
|
|
float: none;
|
|
}
|
|
|
|
.hero-text button {
|
|
border: none;
|
|
outline: 0;
|
|
display: inline-block;
|
|
padding: 10px 25px;
|
|
color: black;
|
|
background-color: #ddd;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hero-text button:hover {
|
|
background-color: #555;
|
|
color: white;
|
|
}
|
|
|
|
.button {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 10%;
|
|
max-width: 100px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
|
|
.buttonunfollow {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 20%;
|
|
max-width: 200px;
|
|
min-width: 100px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
float: right;
|
|
}
|
|
|
|
.buttonhighlighted {
|
|
border-radius: 4px;
|
|
background-color: green;
|
|
border: none;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 10%;
|
|
max-width: 100px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
|
|
.timelineIcon {
|
|
width: 10%;
|
|
}
|
|
|
|
.followApprove {
|
|
border-radius: 4px;
|
|
background-color: darkgreen;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 15%;
|
|
max-width: 150px;
|
|
min-width: 100px;
|
|
cursor: pointer;
|
|
margin: 0 15px;
|
|
float: right;
|
|
}
|
|
|
|
.followDeny {
|
|
border-radius: 4px;
|
|
background-color: darkred;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 15%;
|
|
max-width: 150px;
|
|
min-width: 100px;
|
|
cursor: pointer;
|
|
margin: 0 15px;
|
|
float: right;
|
|
}
|
|
|
|
.followRequestHandle {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
.button span {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
position: relative;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.button span:after {
|
|
content: '\00bb';
|
|
position: absolute;
|
|
opacity: 0;
|
|
top: 0;
|
|
right: -20px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.button:hover span {
|
|
padding-right: 25px;
|
|
}
|
|
|
|
.button:hover span:after {
|
|
opacity: 1;
|
|
right: 0;
|
|
}
|
|
|
|
.buttonselected {
|
|
border-radius: 4px;
|
|
background-color: #666;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 10%;
|
|
max-width: 100px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
|
|
.buttonselectedhighlighted {
|
|
border-radius: 4px;
|
|
background-color: darkgreen;
|
|
border: none;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 10%;
|
|
max-width: 100px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
|
|
.buttonselected span {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
position: relative;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.buttonselected span:after {
|
|
content: '\00bb';
|
|
position: absolute;
|
|
opacity: 0;
|
|
top: 0;
|
|
right: -20px;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.buttonselected:hover span {
|
|
padding-right: 25px;
|
|
}
|
|
|
|
.buttonselected:hover span:after {
|
|
opacity: 1;
|
|
right: 0;
|
|
}
|
|
|
|
.container {
|
|
border: 2px solid var(--border-color);
|
|
background-color: var(--main-bg-color);
|
|
border-radius: 5px;
|
|
padding: 20px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.media {
|
|
width: 80%;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.message {
|
|
margin-left: 7%;
|
|
width: 90%;
|
|
}
|
|
|
|
.container p.administeredby {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.container::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
.container img {
|
|
float: left;
|
|
max-width: 400px;
|
|
width: 5%;
|
|
padding: 0px 7px;
|
|
margin-right: 20px;
|
|
border-radius: 10%;
|
|
}
|
|
|
|
.searchEmoji {
|
|
-ms-transform: translateY(30%);
|
|
transform: translateY(30%);
|
|
float: none;
|
|
width: 80px;
|
|
margin: 0px 10px;
|
|
padding: 0px 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.container img.emoji {
|
|
float: none;
|
|
width: 50px;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
padding-right: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.containericons {
|
|
padding: 0px 0px;
|
|
margin: 0px 0px;
|
|
}
|
|
|
|
.containericons img {
|
|
float: right;
|
|
max-width: 200px;
|
|
width: 6%;
|
|
border-radius: 0%;
|
|
}
|
|
|
|
.replyingto {
|
|
color: var(--main-fg-color);
|
|
}
|
|
|
|
.container img.announceOrReply {
|
|
float: none;
|
|
width: 30px;
|
|
margin: 0 0;
|
|
padding: 0 0;
|
|
border-radius: 0;
|
|
-ms-transform: translateY(25%);
|
|
transform: translateY(25%);
|
|
}
|
|
|
|
.container img.DMicon {
|
|
float: none;
|
|
width: 40px;
|
|
margin: 0 0;
|
|
padding: 0 0;
|
|
border-radius: 0;
|
|
-ms-transform: translateY(25%);
|
|
transform: translateY(25%);
|
|
}
|
|
|
|
.darker {
|
|
background-color: var(--main-bg-color-reply);
|
|
}
|
|
|
|
.dm {
|
|
background-color: var(--main-bg-color-dm);
|
|
}
|
|
|
|
.report {
|
|
border-color: #255;
|
|
background-color: var(--main-bg-color-report);
|
|
}
|
|
|
|
.container img.attachment {
|
|
max-width: 100%;
|
|
margin-left: 25%;
|
|
width: 50%;
|
|
border-radius: 10%;
|
|
}
|
|
.container img.right {
|
|
float: right;
|
|
margin-left: 0px;
|
|
margin-right:0;
|
|
padding: 0 0;
|
|
margin: 0 0;
|
|
}
|
|
.containericons img.right {
|
|
float: right;
|
|
margin-left: 20px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.time-right {
|
|
float: right;
|
|
color: #aaa;
|
|
margin: 4px 20px;
|
|
}
|
|
|
|
.post-title {
|
|
margin-top: 0px;
|
|
color: #444;
|
|
}
|
|
|
|
.share-title {
|
|
margin-top: 0px;
|
|
color: var(--main-fg-color);
|
|
}
|
|
|
|
.skill-title {
|
|
margin-left: 25%;
|
|
text-align: left;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: #666;
|
|
line-height: 40px;
|
|
}
|
|
|
|
#myProgress {
|
|
float: left;
|
|
width: 70%;
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
#myBar {
|
|
float: left;
|
|
width: 10%;
|
|
height: 30px;
|
|
background-color: #999;
|
|
}
|
|
|
|
.question {
|
|
font-size: var(--font-size);
|
|
}
|
|
|
|
input[type=radio] {
|
|
width: 32px;
|
|
}
|
|
|
|
input[type=text], select, textarea {
|
|
width: 100%;
|
|
padding: 12px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
margin-top: 6px;
|
|
margin-bottom: 16px;
|
|
resize: vertical;
|
|
font-size: 24px;
|
|
background-color: var(--main-bg-color-reply);
|
|
color: var(--main-fg-color);
|
|
}
|
|
|
|
input[type=number] {
|
|
width: 10%;
|
|
padding: 12px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
margin-top: 6px;
|
|
margin-bottom: 16px;
|
|
resize: vertical;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.labels {
|
|
font-size: 18px;
|
|
}
|
|
|
|
input[type=submit] {
|
|
background-color: #555;
|
|
color: white;
|
|
float: right;
|
|
margin: 10px 10px;
|
|
padding: 12px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
width: 120px;
|
|
}
|
|
|
|
input.vote[type=submit] {
|
|
background-color: #555;
|
|
color: white;
|
|
float: left;
|
|
margin: 10px 10px;
|
|
padding: 12px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
width: 120px;
|
|
}
|
|
|
|
.cancelbtn {
|
|
background-color: #555;
|
|
color: white;
|
|
float: right;
|
|
margin: 10px 10px;
|
|
padding: 12px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
width: 120px;
|
|
}
|
|
|
|
.loginButton {
|
|
background-color: #2965;
|
|
color: #000;
|
|
float: none;
|
|
margin: 0px 10px;
|
|
padding: 12px 40px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 24px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
input[type=file] {
|
|
background-color: #555;
|
|
color: white;
|
|
padding: 12px 20px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
}
|
|
|
|
input[type=submit]:hover {
|
|
background-color: #555;
|
|
}
|
|
|
|
.vertical-center {
|
|
max-width: 90%;
|
|
min-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 5% 0px;
|
|
}
|
|
|
|
/* The container <div> - needed to position the dropdown content */
|
|
.dropdown {
|
|
margin: 10px auto;
|
|
padding: 0px 14px;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdown img {
|
|
opacity: 1.0;
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 0px 16px;
|
|
-ms-transform: translateY(-10%);
|
|
transform: translateY(-10%);
|
|
}
|
|
|
|
.timeline-avatar {
|
|
margin: 10px auto;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
.search-result-text {
|
|
font-size: var(--font-size);
|
|
}
|
|
|
|
.search-result img {
|
|
width: 7%;
|
|
padding: 0px 30px;
|
|
}
|
|
|
|
.timeline-avatar img {
|
|
opacity: 1.0;
|
|
width: 8%;
|
|
height: 8%;
|
|
padding: 0px 0px;
|
|
-ms-transform: translateY(-10%);
|
|
transform: translateY(-10%);
|
|
}
|
|
|
|
.scope-desc {
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* Dropdown Content (Hidden by Default) */
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: var(--dropdown-bg-color);
|
|
min-width: 600px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Links inside the dropdown */
|
|
.dropdown-content a {
|
|
color: var(--main-fg-color);
|
|
padding: 12px 16px;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
|
|
.dropdown-content img {
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
/* Change color of dropdown links on hover */
|
|
.dropdown-content a:hover {background-color: var(--dropdown-bg-color-hover);}
|
|
|
|
/* Show the dropdown menu on hover */
|
|
.show {display: block;}
|
|
|
|
input[type=checkbox]
|
|
{
|
|
-ms-transform: scale(2);
|
|
-moz-transform: scale(2);
|
|
-webkit-transform: scale(2);
|
|
-o-transform: scale(2);
|
|
transform: scale(2);
|
|
padding: 10px;
|
|
margin: 10px 5px;
|
|
}
|
|
|
|
.slider {
|
|
-webkit-appearance: none;
|
|
width: 57%;
|
|
height: 25px;
|
|
background: #d3d3d3;
|
|
outline: none;
|
|
opacity: 0.7;
|
|
-webkit-transition: .2s;
|
|
transition: opacity .2s;
|
|
float: right;
|
|
margin: 5px 0;
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.slider:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.slider::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: 25px;
|
|
height: 25px;
|
|
background: var(--main-bg-color);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slider::-moz-range-thumb {
|
|
width: 25px;
|
|
height: 25px;
|
|
background: var(--main-bg-color);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropbtn {
|
|
margin: 3%;
|
|
padding: 0px 14px;
|
|
position: relative;
|
|
display: inline-block;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropbtn img {
|
|
opacity: 1.0;
|
|
width: 3%;
|
|
height: 3%;
|
|
min-width: 40px;
|
|
padding: 0px 16px;
|
|
-ms-transform: translateY(-10%);
|
|
transform: translateY(-10%);
|
|
}
|
|
|
|
.intro {
|
|
font-size: 24px;
|
|
color: #999;
|
|
}
|
|
|
|
.matrix {
|
|
font-size: 24px;
|
|
color: #ddd;
|
|
}
|
|
|
|
.headerlink {
|
|
font-size: 30px;
|
|
color: white;
|
|
}
|
|
|
|
.siteheader {
|
|
font-size: 30px;
|
|
color: white;
|
|
}
|
|
|
|
.subheader {
|
|
font-size: 16px;
|
|
color: white;
|
|
}
|
|
|
|
.releaseheader {
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
color: yellow;
|
|
}
|
|
|
|
.releaseheader a:link {
|
|
color: yellow;
|
|
font-weight: bold;
|
|
}
|
|
|
|
footer {
|
|
float: right;
|
|
font-size: 18px;
|
|
}
|
|
|
|
@media screen and (min-width: 400px) {
|
|
body, html {
|
|
font-size: 22px;
|
|
}
|
|
.container img {
|
|
float: left;
|
|
max-width: 400px;
|
|
width: 5%;
|
|
padding: 0px 7px;
|
|
margin-right: 20px;
|
|
border-radius: 10%;
|
|
}
|
|
.container img.emojisearch {
|
|
float: right;
|
|
max-width: 400px;
|
|
width: 8%;
|
|
padding: 0px 7px;
|
|
margin-right: 20px;
|
|
border-radius: 10%;
|
|
}
|
|
.containericons img {
|
|
float: right;
|
|
max-width: 200px;
|
|
width: 3%;
|
|
margin: 0px 1%;
|
|
border-radius: 0%;
|
|
}
|
|
.timeline-avatar img {
|
|
opacity: 1.0;
|
|
width: 8%;
|
|
height: 8%;
|
|
padding: 0px 0px;
|
|
-ms-transform: translateY(-10%);
|
|
transform: translateY(-10%);
|
|
}
|
|
.cwButton {
|
|
border-radius: 4px;
|
|
background-color: #555;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
padding: 2px;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
.button {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 10%;
|
|
max-width: 100px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
.buttonselected {
|
|
border-radius: 4px;
|
|
background-color: #666;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 10%;
|
|
max-width: 100px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
.pageicon {
|
|
width: 4%;
|
|
}
|
|
.time-right {
|
|
float: right;
|
|
color: #aaa;
|
|
margin: 4px 20px;
|
|
}
|
|
input[type=text], select, textarea {
|
|
width: 100%;
|
|
padding: 12px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
margin-top: 6px;
|
|
margin-bottom: 16px;
|
|
resize: vertical;
|
|
font-size: 24px;
|
|
background-color: var(--main-bg-color-reply);
|
|
color: var(--main-fg-color);
|
|
}
|
|
input[type=button], input[type=submit] {
|
|
background-color: #555;
|
|
color: white;
|
|
float: right;
|
|
padding: 10px;
|
|
margin: 15px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: var(--font-size);
|
|
width: 20%;
|
|
}
|
|
input.vote[type=submit] {
|
|
background-color: #555;
|
|
color: white;
|
|
float: left;
|
|
padding: 10px;
|
|
margin: 15px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: var(--font-size);
|
|
width: 20%;
|
|
}
|
|
input[type=file] {
|
|
background-color: #555;
|
|
color: white;
|
|
padding: 20px;
|
|
margin: 0px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: var(--font-size);
|
|
width: 96%;
|
|
}
|
|
.cancelbtn {
|
|
background-color: #555;
|
|
color: white;
|
|
float: right;
|
|
padding: 10px;
|
|
margin: 15px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: var(--font-size);
|
|
width: 20%;
|
|
}
|
|
.scope-desc {
|
|
font-size: 32px;
|
|
}
|
|
.buttonunfollow {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
width: 20%;
|
|
max-width: 200px;
|
|
min-width: 100px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
float: right;
|
|
}
|
|
.intro {
|
|
font-size: 24px;
|
|
color: #999;
|
|
}
|
|
|
|
.headerlink {
|
|
font-size: 30px;
|
|
color: white;
|
|
}
|
|
|
|
.siteheader {
|
|
font-size: 30px;
|
|
color: white;
|
|
}
|
|
|
|
footer {
|
|
float: right;
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
body, html {
|
|
font-size: 35px;
|
|
}
|
|
.container img {
|
|
float: left;
|
|
max-width: 400px;
|
|
width: 15%;
|
|
padding: 0px 7px;
|
|
margin-right: 20px;
|
|
border-radius: 10%;
|
|
}
|
|
.container img.emojisearch {
|
|
float: right;
|
|
max-width: 400px;
|
|
width: 12%;
|
|
padding: 0px 7px;
|
|
margin-right: 20px;
|
|
border-radius: 10%;
|
|
}
|
|
.containericons img {
|
|
float: right;
|
|
max-width: 200px;
|
|
width: 7%;
|
|
margin: 1% 3%;
|
|
border-radius: 0%;
|
|
}
|
|
.timeline-avatar img {
|
|
opacity: 1.0;
|
|
width: 15%;
|
|
height: 15%;
|
|
padding: 0px 0px;
|
|
-ms-transform: translateY(-10%);
|
|
transform: translateY(-10%);
|
|
}
|
|
.cwButton {
|
|
border-radius: 4px;
|
|
background-color: #555;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 32px;
|
|
padding: 2px;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
}
|
|
.button {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 32px;
|
|
padding: 10px;
|
|
width: 20%;
|
|
max-width: 400px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 15px;
|
|
}
|
|
.buttonselected {
|
|
border-radius: 4px;
|
|
background-color: #666;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 32px;
|
|
padding: 10px;
|
|
width: 20%;
|
|
max-width: 400px;
|
|
min-width: 80px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 15px;
|
|
}
|
|
.pageicon {
|
|
width: 8%;
|
|
}
|
|
.time-right {
|
|
float: right;
|
|
color: #aaa;
|
|
margin: 25px 20px;
|
|
}
|
|
input[type=text], select, textarea {
|
|
width: 100%;
|
|
padding: 12px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
margin-top: 6px;
|
|
margin-bottom: 16px;
|
|
resize: vertical;
|
|
font-size: 30px;
|
|
background-color: var(--main-bg-color-reply);
|
|
color: var(--main-fg-color);
|
|
}
|
|
input[type=button], input[type=submit] {
|
|
background-color: #555;
|
|
color: white;
|
|
float: right;
|
|
padding: 10px;
|
|
margin: 15px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 30px;
|
|
width: 20%;
|
|
}
|
|
input.vote[type=submit] {
|
|
background-color: #555;
|
|
color: white;
|
|
float: left;
|
|
padding: 10px;
|
|
margin: 15px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 30px;
|
|
width: 20%;
|
|
}
|
|
input[type=file] {
|
|
background-color: #555;
|
|
color: white;
|
|
padding: 20px;
|
|
margin: 0px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 30px;
|
|
width: 95.4%;
|
|
}
|
|
.cancelbtn {
|
|
background-color: #555;
|
|
color: white;
|
|
float: right;
|
|
padding: 10px;
|
|
margin: 15px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 30px;
|
|
width: 20%;
|
|
}
|
|
.scope-desc {
|
|
font-size: 30px;
|
|
}
|
|
.buttonunfollow {
|
|
border-radius: 4px;
|
|
background-color: #999;
|
|
border: none;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
padding: 10px;
|
|
width: 20%;
|
|
max-width: 200px;
|
|
min-width: 100px;
|
|
transition: all 0.5s;
|
|
cursor: pointer;
|
|
margin: 5px;
|
|
float: right;
|
|
}
|
|
.intro {
|
|
font-size: 32px;
|
|
color: #999;
|
|
}
|
|
|
|
.headerlink {
|
|
font-size: 40px;
|
|
color: white;
|
|
}
|
|
|
|
.siteheader {
|
|
font-size: 40px;
|
|
color: white;
|
|
}
|
|
|
|
footer {
|
|
float: right;
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
.imageright {
|
|
float: right;
|
|
}
|
|
|
|
.shell {
|
|
margin: 30px 30px;
|
|
width: 100%;
|
|
float: left;
|
|
font-family: Courier;
|
|
background-color: black;
|
|
}
|
|
|
|
</style>
|
|
<head>
|
|
<title>Epicyon ActivityPub server release version 1.4.0</title>
|
|
</head>
|
|
<body>
|
|
<div class="timeline-banner"></div>
|
|
<center>
|
|
<br>
|
|
<p class="siteheader">Epicyon release version 1.4.0</p>
|
|
<p class="siteheader">"Standard Schnauzer"</p>
|
|
<p class="subheader">Feb 2023</p>
|
|
</center>
|
|
<p class="intro">The last year in the fediverse has been quite eventful, with a massive tidal wave of new users <a href="https://en.wikipedia.org/wiki/Acquisition_of_Twitter_by_Elon_Musk">fleeing the sinking ship of Twitter</a>. But so far as <a href="https://libreserver.org/epicyon">Epicyon</a> has been concerned it has been calm sailing. There have been no major features added over the last year, but as always there have been many small improvements and bug fixes. These include:</p>
|
|
<ul>
|
|
<li>Theme and theme designer improvements</li>
|
|
<li>A <i>buy button</i> for when you want to link to something that you're selling</li>
|
|
<li>General security improvements</li>
|
|
<li>Conversation view, avoiding direct links to the Mastodon user interface</li>
|
|
<li>Progressive Web App improvements</li>
|
|
<li>Quote Toot suppression</li>
|
|
<li>Copyright notices added to individual posts</li>
|
|
<li>Improved display of remote hashtags</li>
|
|
<li>Support for auto-linking scientific paper references</li>
|
|
<li>Edit button</li>
|
|
<li>Improved calendar events</li>
|
|
<li>Added a user manual</li>
|
|
<li>Hashtag maps for crowdsourced geolocations</li>
|
|
<li>Option to expire old posts</li>
|
|
<li>Better emoji support</li>
|
|
<li>Unicode fonts no longer bypass filters</li>
|
|
<li>vCard support</li>
|
|
<li>Improved podcast support</li>
|
|
<li>Additional language support: Korean, Turkish, Bengali, Dutch, Ukranian, Swahili, Persian and Greek</li>
|
|
<li><b>Bo</b>ld <b>Read</b>ing <b>accessi</b>bility <b>feat</b>ure</li>
|
|
<li>Improved compatibility with shell browsers</li>
|
|
<li>Additional format fupport: <a href="https://en.wikipedia.org/wiki/Opus_(audio_format)">opus</a></li>
|
|
<li>Improved account level control over display of images</li>
|
|
<li>Can set the language when creating a new post, for multilingual users</li>
|
|
<li>Improved support for Questions/Votes</li>
|
|
</ul>
|
|
<p class="intro">The present time is an interesting juncture in the history of the web. Either the <a href="https://www.w3.org/TR/social-web-protocols">social web</a> approach succeeds and ActivityPub and related protocols become widely supported, or perhaps some trendy new centralized microblog emerges and the social web falls dormant for another decade. The former seems more likely, but the path of technology is notoriously hard to predict because it depends upon so many factors, and companies are always trying to enclose and extract value from the digital commons in a non-reciprocating way. Another possible danger is that the largest fediverse instances might commercialize and combine to create a new monopolistic silo system, and then abandon support for open protocols following the familiar <i>bait and switch</i> method.</p>
|
|
<p class="intro">So it's really down to us to keep things small and decentralized. To scale out rather than up.</p>
|
|
<p class="intro">Epicyon can be downloaded as <a href="epicyon.tar.gz">a gzipped file</a>, or you can get the latest version from the <a href="https://gitlab.com/bashrc2/epicyon">git repo</a>. For installation instructions see <a href="index.html">the main page</a>. To upgrade an existing instance, make sure that you have the python3-cryptography package installed then do a git pull, chown and restart the daemon. <i>Upgrades to web systems do not need to be a huge drama</i>.</p>
|
|
</body>
|
|
<footer>
|
|
<p>By: Bob Mottram <a href="mailto:bob@libreserver.org">bob@libreserver.org</a></p>
|
|
</footer>
|
|
</html>
|