Browse Source

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

master
Eliseu Amaro 1 month ago
parent
commit
5d97a5ce51
Signed by: diogo <mail@diogo.site> GPG Key ID: 18D2D35001FBFAB0
33 changed files with 881 additions and 396 deletions
  1. +19
    -0
      all_posts.html
  2. +20
    -0
      all_tags.html
  3. +116
    -0
      assets/css/blog.css
  4. +5
    -6
      assets/css/docs.css
  5. +130
    -0
      assets/css/reset.css
  6. +10
    -12
      assets/css/style.css
  7. +13
    -0
      blog.css
  8. +3
    -2
      docs/index.html
  9. +8
    -0
      feed.rss
  10. +2
    -2
      index.html
  11. +16
    -0
      main.css
  12. +0
    -7
      v3/.abstract.template
  13. +0
    -19
      v3/.body.template
  14. +0
    -0
      v3/.body_index.template
  15. +5
    -5
      v3/.config
  16. +0
    -10
      v3/.header.template
  17. +24
    -27
      v3/all_tags.html
  18. +5
    -9
      v3/bb.sh
  19. +0
    -82
      v3/blog.css
  20. +146
    -2
      v3/feed.rss
  21. +31
    -34
      v3/index.html
  22. +0
    -16
      v3/main.css
  23. +48
    -27
      v3/milestone-documentation-and-tests-infrastructure.html
  24. +48
    -27
      v3/milestone-port-media-handling-from-v2.html
  25. +7
    -0
      v3/templates/abstract.template
  26. +21
    -0
      v3/templates/body.template
  27. +0
    -0
      v3/templates/footer.template
  28. +11
    -0
      v3/templates/header.template
  29. +1
    -1
      v3/templates/milestones.template
  30. +48
    -27
      v3/updates-finish-the-avatar-component.html
  31. +48
    -27
      v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html
  32. +48
    -27
      v3/updates-improve-the-attachments-system.html
  33. +48
    -27
      v3/updates-v3-blog.html

+ 19
- 0
all_posts.html 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
- 0
all_tags.html 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
- 0
assets/css/blog.css 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;
}

docs/docs.css → assets/css/docs.css 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
- 0
assets/css/reset.css 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;
}

+ 10
- 12
assets/css/style.css 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
- 0
blog.css 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;}

+ 3
- 2
docs/index.html 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
- 0
feed.rss 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>

+ 2
- 2
index.html 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
- 0
main.css 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;}

+ 0
- 7
v3/.abstract.template 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>

+ 0
- 19
v3/.body.template 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">

+ 0
- 0
v3/.body_index.template View File


+ 5
- 5
v3/.config 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"


+ 0
- 10
v3/.header.template 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">

+ 24
- 27
v3/all_tags.html 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>
</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>
<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">
<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>


+ 5
- 9
v3/bb.sh 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%;}


+ 0
- 82
v3/blog.css 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;
}

+ 146
- 2
v3/feed.rss 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>
































+ 31
- 34
v3/index.html 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>
</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>
<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">
<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.
<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 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>
<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>


+ 0
- 16
v3/main.css 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;}

+ 48
- 27
v3/milestone-documentation-and-tests-infrastructure.html 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>
</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>
<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">
<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
































+ 48
- 27
v3/milestone-port-media-handling-from-v2.html 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>
</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>
<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">
<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>
































+ 7
- 0
v3/templates/abstract.template 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>

+ 21
- 0
v3/templates/body.template 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">

v3/.footer.template → v3/templates/footer.template View File


+ 11
- 0
v3/templates/header.template 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>

v3/.milestones.template → v3/templates/milestones.template 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>

+ 48
- 27
v3/updates-finish-the-avatar-component.html 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>
</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>
<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">
<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="updates-finish-the-avatar-component.html">
Updates: Finish the Avatar component
@@ -71,6 +68,30 @@ GNU social development team
































+ 48
- 27
v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html 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: Implement StoreRemoteMedia for v3 and port Embed - 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: Implement StoreRemoteMedia for v3 and port Embed - 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>
</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>
<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">
<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="updates-implement-storeremotemedia-for-v3-and-port-embed.html">
Updates: Implement StoreRemoteMedia for v3 and port Embed
@@ -82,6 +79,30 @@ functionality with more stability.</p>
































+ 48
- 27
v3/updates-improve-the-attachments-system.html 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: Improve the Attachments system - 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: Improve the Attachments system - 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>
</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>
<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">
<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="updates-improve-the-attachments-system.html">
Updates: Improve the Attachments system
@@ -92,6 +89,30 @@ any remote URL being shared in a note.</li>
































+ 48
- 27
v3/updates-v3-blog.html 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: V3 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>Updates: V3 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>
</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>
<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">
<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="updates-v3-blog.html">
Updates: V3 blog
@@ -78,6 +75,30 @@ forget to subscribe!</p>
































Loading…
Cancel
Save