Fixed font hierarchy sizes andd paddings. Navigation is now more clear.

This commit is contained in:
Eliseu Amaro 2021-08-19 15:37:16 +01:00 committed by Diogo Peralta Cordeiro
parent 2fb0f16e6b
commit e91012f240
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
13 changed files with 71 additions and 26 deletions

View File

@ -90,6 +90,9 @@ header {
header * {
margin: 0;
}
header ~ * {
padding: 1rem 1rem 0 1rem;
}
header ul li {
all: unset;
display: block;
@ -139,12 +142,31 @@ header ul li a {
.content-wrapper,
#template-wrapper {
margin-left: 15rem;
padding: 1rem !important;
}
.content-wrapper {
padding-top: 2rem;
margin-bottom: -3em;
#template-wrapper:first-of-type {
padding-top: 1rem;
}
#template-wrapper:last-of-type {
padding-bottom: 1rem;
}
.template-unit h3 {
margin-top: 0 !important;
}
.template-unit:nth-of-type(n + 2) {
margin-top: 2rem !important;
}
.template-unit ul :last-child {
margin-bottom: unset;
}
.template-unit ul + p {
margin-top: 1rem;
}
.allposts_header + ul :last-child {
margin-bottom: 1rem;
}
ul li {
margin: 1rem;
margin-left: 2rem;

View File

@ -66,10 +66,8 @@ 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;
}
@ -78,10 +76,8 @@ 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;
}
@ -90,7 +86,6 @@ 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;
@ -101,11 +96,9 @@ h3 {
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;
margin-bottom: 1rem;
word-spacing: 0.50px;
text-transform: none;
}

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>

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>Thu, 19 Aug 2021 03:32:46 +0100</lastBuildDate>
<pubDate>Thu, 19 Aug 2021 03:32:46 +0100</pubDate>
<lastBuildDate>Thu, 19 Aug 2021 15:35:53 +0100</lastBuildDate>
<pubDate>Thu, 19 Aug 2021 15:35:53 +0100</pubDate>
<atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
<item><title>
Updates: V3 blog
@ -29,6 +29,8 @@ forget to subscribe!</p>
<!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/updates-v3-blog.html</link>
<guid>https://gnusocial.rocks/v3/./updates-v3-blog.html</guid>
@ -50,6 +52,8 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
<p>We've changed so much with GNU social v3 that, regarding SRM there was no possible port, just a complete rewrite. Both plugins became smaller and easier to understand while promoting the same functionality with more stability.</p>
<!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html</link>
<guid>https://gnusocial.rocks/v3/./updates-implement-storeremotemedia-for-v3-and-port-embed.html</guid>
@ -104,6 +108,8 @@ any remote URL being shared in a note.</li>
<!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/updates-improve-the-attachments-system.html</link>
<guid>https://gnusocial.rocks/v3/./updates-improve-the-attachments-system.html</guid>
@ -186,6 +192,8 @@ Updates: Finish the Avatar component
@ -238,6 +246,8 @@ is properly tested, we have the
<!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-documentation-and-tests-infrastructure.html</link>
<guid>https://gnusocial.rocks/v3/./milestone-documentation-and-tests-infrastructure.html</guid>
@ -291,6 +301,8 @@ The key ones are:</p>
<!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-port-media-handling-from-v2.html</link>
<guid>https://gnusocial.rocks/v3/./milestone-port-media-handling-from-v2.html</guid>

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -33,9 +33,12 @@
<div class="content">
<h1 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
<p>
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.
</p>
<p>
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>
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>
</div></div></div>

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -83,6 +83,8 @@ is properly tested, we have the
<!-- text end -->
<!-- entry end -->
</div>

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -87,6 +87,8 @@ The key ones are:</p>
<!-- text end -->
<!-- entry end -->
</div>

View File

@ -1,7 +1,10 @@
<h1 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
<p>
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.
</p>
<p>
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>
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>

View File

@ -7,7 +7,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -116,6 +116,8 @@ GNU social development team

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -55,6 +55,8 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
<p>We've changed so much with GNU social v3 that, regarding SRM there was no possible port, just a complete rewrite. Both plugins became smaller and easier to understand while promoting the same functionality with more stability.</p>
<!-- text end -->
<!-- entry end -->
</div>

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -88,6 +88,8 @@ any remote URL being shared in a note.</li>
<!-- text end -->
<!-- entry end -->
</div>

View File

@ -19,7 +19,7 @@
</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 menu-selected"><a href="index.html" class="menu-link">Blog Index</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>
@ -63,6 +63,8 @@ forget to subscribe!</p>
<!-- text end -->
<!-- entry end -->
</div>