[BLOG][CSS] New templates, modified blog script to stop it from writing new headers inside page.

This commit is contained in:
Eliseu Amaro 2021-08-18 18:16:27 +01:00 committed by Diogo Peralta Cordeiro
parent b900cc7527
commit 5d97a5ce51
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
33 changed files with 883 additions and 398 deletions

19
all_posts.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="main.css" type="text/css" />
<link rel="stylesheet" href="blog.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="Subscribe to this page..." href="feed.rss" />
<title>All posts - My fancy blog</title>
</head><body>
</div></div></div>
<div id="template-wrapper"><div class="template-unit">
<h3>All posts</h3>
</ul>
<div id="all_posts"><a href="all_tags.html">All tags</a> &mdash; <a href="feed.rss">Subscribe</a></div>
</div>
<div id="footer">CC by-nc-nd <a href="http://twitter.com/example">John Smith</a> &mdash; <a href="mailto:john&#64;smith&#46;com">john&#64;smith&#46;com</a><br/>
Generated with <a href="https://github.com/cfenollosa/bashblog">bashblog</a>, a single bash script to easily create blogs like this one</div>
</div></div>
</body></html>

20
all_tags.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="main.css" type="text/css" />
<link rel="stylesheet" href="blog.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="Subscribe to this page..." href="feed.rss" />
<title>All tags - My fancy blog</title>
</head><body>
</div></div></div>
<div id="template-wrapper"><div class="template-unit">
<h3>All tags</h3>
<ul>
</ul>
<div id="all_posts"><a href="all_posts.html">All posts</a> &mdash; <a href="feed.rss">Subscribe</a></div>
</div>
<div id="footer">CC by-nc-nd <a href="http://twitter.com/example">John Smith</a> &mdash; <a href="mailto:john&#64;smith&#46;com">john&#64;smith&#46;com</a><br/>
Generated with <a href="https://github.com/cfenollosa/bashblog">bashblog</a>, a single bash script to easily create blogs like this one</div>
</div></div>
</body></html>

116
assets/css/blog.css Normal file
View File

@ -0,0 +1,116 @@
/*
* -- BASE STYLES --
* Most of these are inherited from Base, but I want to change a few.
*/
s {
text-decoration-color:rgba(0, 255, 0, 0.5)
}
@media (min-width: 600px) {
s {
position: relative;
text-decoration: none;
}
s::after {
content: "";
line-height: 1em;
margin-top: calc(0.125em / 2 * -1);
position: absolute;
right: 0;
top: 50%;
bottom: 0;
left: 0;
border-top: 0.125em solid rgba(0, 255, 0, 0.5);
height: calc(50% - 1px);
width: 100%;
transform: rotateZ(-1deg);
}
}
body, html {
display: flex;
flex-direction: column;
}
#title{display:none;}
/*
* -- HEADER --
*/
header {
/* maximum z-index found */
all: unset;
box-sizing: border-box;
position: fixed;
background-color: #221E22;
width: 15rem;
height: 100vh;
top: 0;
left: 0;
-webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
}
header * {
margin: 0;
}
header ul li {
all: unset;
display: block;
text-decoration: none;
}
header ul li a {
margin: 0;
}
.home-menu a:focus {
border-radius: 8px;
padding-left: 4px;
padding-right: 4px;
background-color: #F6F4F6;
color: #221E22;
transition: 500ms ease-in-out;
}
.home-menu {
display: flex;
flex-direction: column;
justify-content: space-between;
background: #a22430;
padding: 1rem;
}
.menu-heading {
display: flex;
align-items: center;
font-size: 1.5rem;
color: #F6F4F6;
}
.menu-heading img {
height: 1em;
margin-right: 4px;
}
.menu-heading:focus-within img {
filter: invert();
}
.menu-link {
color: #F6F4F6;
margin-left: 1rem;
}
.menu-link:hover, .menu-link:focus {
color: #C8BCC8;
transition: 500ms ease-in-out;
}
.sidebar {
padding: 1rem;
}
.content-wrapper,
#template-wrapper {
margin-left: 15rem;
padding: 0 2rem 0 2rem;
}
.content-wrapper {
padding-top: 2rem;
}

View File

@ -14,20 +14,19 @@ ul li {
position: unset !important;
}
#title{display:none;}
#title{
display:none;
}
#divbody .content {
padding: unset !important;
}
.content-wrapper {
all: unset;
flex: 1;
display: flex;
flex-direction: column;
position: relative;
top: 4rem;
height: 100%;
padding-top: 4rem;
height: 100vh;
}
.content + * {
all: unset;

130
assets/css/reset.css Normal file
View File

@ -0,0 +1,130 @@
/*
* -- RESET --
*/
body * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea {
margin: 0;
padding: 0;
border: none;
}
a img, :link img, :visited img {
border: none;
}
:focus {
outline: none;
}
::-moz-focus-inner {
border: 0;
}
form {
all: unset;
}
body, html {
all: unset;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1rem;
font-family: "Open Sans", sans-serif;
color: #221E22;
background-color: #F6F4F6;
}
a {
text-decoration: none;
color: #221E22;
}
a:hover {
text-decoration-line: underline !important;
}
a:focus {
border-radius: 8px;
padding-left: 4px;
padding-right: 4px;
background-color: #221E22;
color: #F6F4F6;
transition: 500ms ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6,
label {
color: #3F3B3B;
}
h1 {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.20;
opacity: 1.00;
margin-top: 0px;
margin-bottom: 0.8rem;
letter-spacing: -0.72px;
word-spacing: 0.00px;
text-transform: none;
}
h2 {
font-size: 1.25rem;
font-weight: bold;
line-height: 1.20;
opacity: 1.00;
margin-top: 30px;
margin-bottom: 0.6rem;
letter-spacing: -0.72px;
word-spacing: 0.00px;
text-transform: none;
}
h3 {
font-size: 1.15rem;
font-weight: bold;
line-height: 1.20;
opacity: 1.00;
margin-top: 30px;
margin-bottom: 0.4rem;
letter-spacing: 0.00px;
word-spacing: 0.00px;
text-transform: none;
}
p {
font-weight: 400;
line-height: 1.60;
opacity: 0.85;
margin-top: 0px;
margin-bottom: 1.5rem;
letter-spacing: -0.30px;
word-spacing: -0.10px;
text-transform: none;
}
em {
font-weight: 400;
line-height: 1.60;
opacity: 0.85;
margin-top: 0px;
margin-bottom: 1.5rem;
letter-spacing: -0.30px;
word-spacing: -0.10px;
}
ul {
margin-left: 1rem;
}
ul li {
margin-left: 1rem;
}

View File

@ -134,12 +134,13 @@ em {
/*
* -- HEADER --
*/
.header {
header {
/* maximum z-index found */
z-index: 2;
position: fixed;
font-size: 1.25rem;
font-weight: bold;
background: #a22430;
width: 100%;
@ -150,10 +151,10 @@ em {
-webkit-box-shadow: 2px 5px 16px 0px rgba(162, 36, 48, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
box-shadow: 2px 5px 16px 0px rgba(162, 36, 48, 0.4), 17px 26px 15px 0px rgba(0,0,0,0);
}
.header ul {
header ul {
list-style: none;
}
.header * {
header * {
font-size: inherit;
height: 100vh;
@ -162,12 +163,12 @@ em {
display: flex;
align-items: center;
}
.header a:focus {
header a:focus {
border-radius: 8px;
padding-left: 4px;
padding-right: 4px;
background-color: #F6F4F6;
color: #221E22;
color: #221E22 !important;
transition: 500ms ease-in-out;
}
@ -246,7 +247,7 @@ em {
z-index: 2;
position: sticky;
top: 4rem;
padding: 2rem;
padding: 4rem;
background-color: #e9eaed;
}
.is-center {
@ -262,10 +263,7 @@ em {
text-align: justify-all;
padding-inline-end: 2rem;
}
.content-head {
}
.content-subhead {
}
.content + * {
z-index: 3;
position: sticky;
@ -274,7 +272,7 @@ em {
.ribbon-wrapper {
background-color: #F6F4F6;
padding: 2rem;
padding: 4rem;
}
.ribbon {
display: flex;
@ -294,7 +292,7 @@ em {
z-index: 3;
position: sticky;
top: 4rem;
padding: 2rem;
padding: 4rem;
background-color: #e9eaed;
}
.content-team .g {

13
blog.css Normal file
View File

@ -0,0 +1,13 @@
#title{font-size: x-large;}
a.ablack{color:black !important;}
li{margin-bottom:8px;}
ul,ol{margin-left:24px;margin-right:24px;}
#all_posts{margin-top:24px;text-align:center;}
.subtitle{font-size:small;margin:12px 0px;}
.content p{margin-left:24px;margin-right:24px;}
h1{margin-bottom:12px !important;}
#description{font-size:large;margin-bottom:12px;}
h3{margin-top:42px;margin-bottom:8px;}
h4{margin-left:24px;margin-right:24px;}
img{max-width:100%;}
#twitter{line-height:20px;vertical-align:top;text-align:right;font-style:italic;color:#333;margin-top:24px;font-size:14px;}

View File

@ -6,8 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; Documentation</title>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="docs.css">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/docs.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head>
<body>

8
feed.rss Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel><title>My fancy blog</title><link>http://example.com/blog/index.html</link>
<description>A blog about turtles and carrots</description><language>en</language>
<lastBuildDate>Wed, 18 Aug 2021 18:06:09 +0100</lastBuildDate>
<pubDate>Wed, 18 Aug 2021 18:06:09 +0100</pubDate>
<atom:link href="http://example.com/blog/feed.rss" rel="self" type="application/rss+xml" />
</channel></rss>

View File

@ -12,7 +12,7 @@
<body>
<header class="header">
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<ul class="menu-list">
@ -131,7 +131,7 @@
</div>
</div>
</div>
</body>
</html>

16
main.css Normal file
View File

@ -0,0 +1,16 @@
body{font-family:Georgia,"Times New Roman",Times,serif;margin:0;padding:0;background-color:#F3F3F3;}
#template-wrapper{padding:5px;background-color:#DDD;width:100%;max-width:874px;margin:24px auto;}
#template{border:solid 1px #ccc;background-color:#fff;padding:0px 48px 24px 48px;top:0;}
.headerholder{background-color:#f9f9f9;border-top:solid 1px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
.header{width:100%;max-width:800px;margin:0px auto;padding-top:24px;padding-bottom:8px;}
.content{margin-bottom:5%;}
.nomargin{margin:0;}
.description{margin-top:10px;border-top:solid 1px #666;padding:10px 0;}
h3{font-size:20pt;width:100%;font-weight:bold;margin-top:32px;margin-bottom:0;}
.clear{clear:both;}
#footer{padding-top:10px;border-top:solid 1px #666;color:#333333;text-align:center;font-size:small;font-family:"Courier New","Courier",monospace;}
a{text-decoration:none;color:#003366 !important;}
a:visited{text-decoration:none;color:#336699 !important;}
blockquote{background-color:#f9f9f9;border-left:solid 4px #e9e9e9;margin-left:12px;padding:12px 12px 12px 24px;}
blockquote img{margin:12px 0px;}
blockquote iframe{margin:12px 0px;}

View File

@ -1,7 +0,0 @@
<h2 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>

View File

@ -1,19 +0,0 @@
<header class="header">
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
</div>
</header>
<div class="content-wrapper">
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
<div class="content">

View File

@ -9,13 +9,13 @@ global_email="mail@diogo.site"
global_license="<a href="https://creativecommons.org/licenses/by-sa/4.0/">Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a>"
header_file=".header.template"
body_begin_file=".body.template"
header_file="templates/header.template"
body_begin_file="templates/body.template"
footer_file=".empty"
body_end_file=".footer.template"
body_end_file="templates/footer.template"
body_begin_file_index=".abstract.template"
body_end_file_index=".milestones.template"
body_begin_file_index="templates/abstract.template"
body_end_file_index="templates/milestones.template"
number_of_index_articles="5"
archive_index="index.html"

View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">

View File

@ -2,40 +2,37 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
<title>All tags - GNU social V3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/blog.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head><title>All tags - GNU social V3</title>
</head><body>
<header class="header">
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu</b>social
</a>
</div>
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
<div class="content">
<div id="divbodyholder">
<div class="headerholder"><div class="header">
<div id="title">
<h1 class="nomargin"><a class="ablack" href="https://gnusocial.rocks/v3/index.html">GNU social V3</a></h1>
<div id="description">Development blog where we announce our progress.</div>
</div></div></div>
<div id="divbody"><div class="content">
<div id="template-wrapper"><div class="template-unit">
<h3>All tags</h3>
<ul>
</ul>

View File

@ -437,13 +437,9 @@ create_html_page() {
[[ -n $body_begin_file ]] && cat "$body_begin_file"
[[ $filename = $index_file* ]] && [[ -n $body_begin_file_index ]] && cat "$body_begin_file_index"
# body divs
echo '<div id="divbodyholder">'
echo '<div class="headerholder"><div class="header">'
# blog title
echo '<div id="title">'
cat .title.html
echo '</div></div></div>' # title, header, headerholder
echo '<div id="divbody"><div class="content">'
echo '</div></div></div>' # title, header
echo '<div id="template-wrapper"><div class="template-unit">'
file_url=${filename#./}
file_url=${file_url%.rebuilt} # Get the correct URL when rebuilding
@ -1001,8 +997,8 @@ create_css() {
ln -s "../style.css" "main.css"
elif [[ ! -f main.css ]]; then
echo 'body{font-family:Georgia,"Times New Roman",Times,serif;margin:0;padding:0;background-color:#F3F3F3;}
#divbodyholder{padding:5px;background-color:#DDD;width:100%;max-width:874px;margin:24px auto;}
#divbody{border:solid 1px #ccc;background-color:#fff;padding:0px 48px 24px 48px;top:0;}
#template-wrapper{padding:5px;background-color:#DDD;width:100%;max-width:874px;margin:24px auto;}
#template{border:solid 1px #ccc;background-color:#fff;padding:0px 48px 24px 48px;top:0;}
.headerholder{background-color:#f9f9f9;border-top:solid 1px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
.header{width:100%;max-width:800px;margin:0px auto;padding-top:24px;padding-bottom:8px;}
.content{margin-bottom:5%;}

View File

@ -1,82 +0,0 @@
ul {
margin-left: 1rem;
}
ul li {
margin-left: 1rem;
}
ul li:last-of-type {
margin-bottom: 1rem;
}
s {
text-decoration-color:rgba(0, 255, 0, 0.5)
}
@media (min-width: 600px) {
s {
position: relative;
text-decoration: none;
}
s::after {
content: "";
line-height: 1em;
margin-top: calc(0.125em / 2 * -1);
position: absolute;
right: 0;
top: 50%;
bottom: 0;
left: 0;
border-top: 0.125em solid rgba(0, 255, 0, 0.5);
height: calc(50% - 1px);
width: 100%;
transform: rotateZ(-1deg);
}
}
.content {
z-index: unset !important;
position: unset !important;
order: 2;
}
.sidebar {
order: 1;
background-color: #221E22;
padding: 1rem;
}
.sidebar ul,
.sidebar ul li,
.sidebar ul li a {
all: unset;
font-weight: bold;
color: #F6F4F6;
cursor: pointer;
}
.sidebar ul {
display: flex;
flex-direction: column;
}
#title{display:none;}
#divbody .content {
padding: unset !important;
}
#all_posts {
margin-top: 1rem;
margin-bottom: 2rem;
}
.allposts_header {
line-height: 1.5rem;
}
.content-wrapper {
all: unset;
flex: 1;
display: flex;
position: relative;
top: 4rem;
height: 100%;
}
.content + * {
all: unset;
}

View File

@ -2,8 +2,8 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel><title>GNU social V3</title><link>https://gnusocial.rocks/v3/index.html</link>
<description>Development blog where we announce our progress.</description><language>en</language>
<lastBuildDate>Wed, 18 Aug 2021 14:46:29 +0100</lastBuildDate>
<pubDate>Wed, 18 Aug 2021 14:46:29 +0100</pubDate>
<lastBuildDate>Wed, 18 Aug 2021 18:12:29 +0100</lastBuildDate>
<pubDate>Wed, 18 Aug 2021 18:12:29 +0100</pubDate>
<atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
<item><title>
Updates: V3 blog
@ -41,6 +41,30 @@ forget to subscribe!</p>
@ -101,6 +125,30 @@ functionality with more stability.</p>
@ -173,6 +221,30 @@ any remote URL being shared in a note.</li>
@ -223,6 +295,30 @@ Updates: Finish the Avatar component
@ -302,6 +398,30 @@ is properly tested, we have the
@ -384,6 +504,30 @@ The main ones are:</p>

View File

@ -2,47 +2,44 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
<title>Blog - GNU social V3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/blog.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head><title>Blog - GNU social V3</title>
</head><body>
<header class="header">
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu</b>social
</a>
</div>
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
<div class="content">
<h2 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>
<div id="divbodyholder">
<div class="headerholder"><div class="header">
<div id="title">
<h1 class="nomargin"><a class="ablack" href="https://gnusocial.rocks/v3/index.html">GNU social V3</a></h1>
<div id="description">Development blog where we announce our progress.</div>
<div class="content-wrapper">
<div class="content">
<h1 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>
</div></div></div>
<div id="divbody"><div class="content">
<div id="template-wrapper"><div class="template-unit">
<h3>Blog</h3>
<h4 class='allposts_header'>August 2021</h4>
<ul>
@ -58,7 +55,7 @@
</ul>
<div id="all_posts"><a href="all_tags.html">All tags</a> &mdash; <a href="feed.rss">Subscribe</a></div>
</div>
<div class="content-wrapper">
<div class="template-unit">
<h3>Milestones</h3>
<ul>
<li><a href="https://www.gnusocial.rocks/v3/tests-and-documentation-infrastructure.html"><s>Initial test and documentation infrastructure</s></a></li>

View File

@ -1,16 +0,0 @@
body{font-family:Georgia,"Times New Roman",Times,serif;margin:0;padding:0;background-color:#F3F3F3;}
#divbodyholder{padding:5px;background-color:#DDD;width:100%;max-width:874px;margin:24px auto;}
#divbody{border:solid 1px #ccc;background-color:#fff;padding:0px 48px 24px 48px;top:0;}
.headerholder{background-color:#f9f9f9;border-top:solid 1px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
.header{width:100%;max-width:800px;margin:0px auto;padding-top:24px;padding-bottom:8px;}
.content{margin-bottom:5%;}
.nomargin{margin:0;}
.description{margin-top:10px;border-top:solid 1px #666;padding:10px 0;}
h3{font-size:20pt;width:100%;font-weight:bold;margin-top:32px;margin-bottom:0;}
.clear{clear:both;}
#footer{padding-top:10px;border-top:solid 1px #666;color:#333333;text-align:center;font-size:small;font-family:"Courier New","Courier",monospace;}
a{text-decoration:none;color:#003366 !important;}
a:visited{text-decoration:none;color:#336699 !important;}
blockquote{background-color:#f9f9f9;border-left:solid 4px #e9e9e9;margin-left:12px;padding:12px 12px 12px 24px;}
blockquote img{margin:12px 0px;}
blockquote iframe{margin:12px 0px;}

View File

@ -2,40 +2,37 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
<title>Milestone: Documentation and Tests Infrastructure - GNU social V3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/blog.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head><title>Milestone: Documentation and Tests Infrastructure - GNU social V3</title>
</head><body>
<header class="header">
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu</b>social
</a>
</div>
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
<div class="content">
<div id="divbodyholder">
<div class="headerholder"><div class="header">
<div id="title">
<h1 class="nomargin"><a class="ablack" href="https://gnusocial.rocks/v3/index.html">GNU social V3</a></h1>
<div id="description">Development blog where we announce our progress.</div>
</div></div></div>
<div id="divbody"><div class="content">
<div id="template-wrapper"><div class="template-unit">
<!-- entry begin -->
<h3><a class="ablack" href="milestone-documentation-and-tests-infrastructure.html">
Milestone: Documentation and Tests Infrastructure
@ -99,6 +96,30 @@ is properly tested, we have the

View File

@ -2,40 +2,37 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
<title>Milestone: Port Media handling from v2 - GNU social V3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/blog.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head><title>Milestone: Port Media handling from v2 - GNU social V3</title>
</head><body>
<header class="header">
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu</b>social
</a>
</div>
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
<div class="content">
<div id="divbodyholder">
<div class="headerholder"><div class="header">
<div id="title">
<h1 class="nomargin"><a class="ablack" href="https://gnusocial.rocks/v3/index.html">GNU social V3</a></h1>
<div id="description">Development blog where we announce our progress.</div>
</div></div></div>
<div id="divbody"><div class="content">
<div id="template-wrapper"><div class="template-unit">
<!-- entry begin -->
<h3><a class="ablack" href="milestone-port-media-handling-from-v2.html">
Milestone: Port Media handling from v2
@ -102,6 +99,30 @@ The main ones are:</p>

View File

@ -0,0 +1,7 @@
<h1 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>

View File

@ -0,0 +1,21 @@
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu</b>social
</a>
</div>
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="content">

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/blog.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head>

View File

@ -1,4 +1,4 @@
<div class="content-wrapper">
<div class="template-unit">
<h3>Milestones</h3>
<ul>
<li><a href="https://www.gnusocial.rocks/v3/tests-and-documentation-infrastructure.html"><s>Initial test and documentation infrastructure</s></a></li>

View File

@ -2,40 +2,37 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="../assets/css/style.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
<title>Updates: Finish the Avatar component - GNU social V3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../assets/css/reset.css">
<link rel="stylesheet" href="../assets/css/blog.css">
<link rel='stylesheet' type='text/css' href="../assets/fonts/opensans/opensans.css">
</head><title>Updates: Finish the Avatar component - GNU social V3</title>
</head><body>
<header class="header">
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="#">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
</a>
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu</b>social
</a>
</div>
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Version 3</a></li>
<li