From b900cc7527be43da0ce735e8843c77bd691cd012 Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Wed, 18 Aug 2021 15:04:03 +0100 Subject: [PATCH] [BLOG][DOC][CSS] Fixed blog and documentation pages. --- assets/css/style.css | 4 +- docs/docs.css | 45 +++++ docs/index.html | 41 ++--- index.html | 4 +- v3/.body.template | 34 ++-- v3/.body_index.template | 1 - v3/.footer.template | 7 +- v3/.header.template | 5 +- v3/.milestones.template | 47 ++--- v3/all_tags.html | 47 ++--- v3/blog.css | 118 ++++++------- v3/feed.rss | 160 +++++++++++++++++- v3/index.html | 95 ++++++----- ...ocumentation-and-tests-infrastructure.html | 73 +++++--- v3/milestone-port-media-handling-from-v2.html | 73 +++++--- v3/updates-finish-the-avatar-component.html | 73 +++++--- ...toreremotemedia-for-v3-and-port-embed.html | 73 +++++--- ...pdates-improve-the-attachments-system.html | 73 +++++--- v3/updates-v3-blog.html | 73 +++++--- 19 files changed, 695 insertions(+), 351 deletions(-) create mode 100644 docs/docs.css diff --git a/assets/css/style.css b/assets/css/style.css index 34ed1dc..912b11f 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -318,13 +318,13 @@ em { flex: 0.5; } -footer { +.footer { padding: 1rem; background-color: #333333; color: #e9eaed; } -footer a { +.footer a { font-weight: bold; color: #e9eaed; } \ No newline at end of file diff --git a/docs/docs.css b/docs/docs.css new file mode 100644 index 0000000..94c2b48 --- /dev/null +++ b/docs/docs.css @@ -0,0 +1,45 @@ +a { + font-weight: bold; +} + +ul { + margin-left: 1rem; +} +ul li { + margin-left: 1rem; +} + +.content { + z-index: unset !important; + position: unset !important; +} + +#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%; +} +.content + * { + all: unset; +} + +.footer { + padding: 1rem; + background-color: #333333; + color: #e9eaed; +} + +.footer a { + font-weight: bold; + color: #e9eaed; +} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 02141c5..d111a94 100644 --- a/docs/index.html +++ b/docs/index.html @@ -5,31 +5,26 @@ GNU social — Documentation - - - - - - + + +
-
- GNU social - -
+
+ + GNU social + + +
@@ -42,10 +37,10 @@

The Designer one is an in-depth overview of the design motifs, and the design language used. Useful for creating new plugins and help as a basis for new themes.

- +
diff --git a/index.html b/index.html index 83f20a7..5589f71 100644 --- a/index.html +++ b/index.html @@ -126,9 +126,9 @@ - + diff --git a/v3/.body.template b/v3/.body.template index 3043af9..f4afa1d 100644 --- a/v3/.body.template +++ b/v3/.body.template @@ -1,15 +1,19 @@ -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
diff --git a/v3/.body_index.template b/v3/.body_index.template index 8b13789..e69de29 100644 --- a/v3/.body_index.template +++ b/v3/.body_index.template @@ -1 +0,0 @@ - diff --git a/v3/.footer.template b/v3/.footer.template index 34394dc..50b9e11 100644 --- a/v3/.footer.template +++ b/v3/.footer.template @@ -1,5 +1,2 @@ -
- -
+
+
\ No newline at end of file diff --git a/v3/.header.template b/v3/.header.template index 431f1ca..51fdece 100644 --- a/v3/.header.template +++ b/v3/.header.template @@ -5,5 +5,6 @@ - - + + + diff --git a/v3/.milestones.template b/v3/.milestones.template index 1935ddd..7f00ab9 100644 --- a/v3/.milestones.template +++ b/v3/.milestones.template @@ -1,23 +1,24 @@ -

Milestones

- - +
+

Milestones

+ +
\ No newline at end of file diff --git a/v3/all_tags.html b/v3/all_tags.html index e521777..1c6c27d 100644 --- a/v3/all_tags.html +++ b/v3/all_tags.html @@ -5,25 +5,30 @@ - - + + + All tags - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -37,9 +42,5 @@
-
- -
- +
+
diff --git a/v3/blog.css b/v3/blog.css index 5291f3c..5cc8f37 100644 --- a/v3/blog.css +++ b/v3/blog.css @@ -1,9 +1,13 @@ -.content-wrapper { -top: 2em; +ul { + margin-left: 1rem; } -#divbody>.content { - padding:unset; +ul li { + margin-left: 1rem; } +ul li:last-of-type { + margin-bottom: 1rem; +} + s { text-decoration-color:rgba(0, 255, 0, 0.5) } @@ -28,73 +32,51 @@ s::after { } } -#title{display:none;} -a.ablack{color:black !important;} -h3.links_header a{ - color:black !important; +.content { + z-index: unset !important; + position: unset !important; + order: 2; } -h3.links_header { - margin-top: 0 !important; - font-size: 14px; +.sidebar { + order: 1; + background-color: #221E22; + padding: 1rem; } -#links { - border: solid 1px #ccc; - padding: 1em 1em 0 1em; - font-size: 12px; +.sidebar ul, +.sidebar ul li, +.sidebar ul li a { + all: unset; + font-weight: bold; + color: #F6F4F6; + cursor: pointer; } -.link_date{font-weight: bold;} -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;} -#description{font-size:large;margin-bottom:12px;} -h3{margin-top:42px;margin-bottom:8px;} -h4{margin-left:12px;margin-right:24px; padding-top: 8px; font-size: 20px;} -#twitter{line-height:20px;vertical-align:top;text-align:right;font-style:italic;color:#333;margin-top:24px;font-size:14px;} -.separator{text-align:center;padding:24px;font-size:10px;} -.content img { max-width: 100%; } -.permalink {font-size:small; margin-left: 8px;} -.link-section { - line-height: 0.25; - text-align: center; - font-size: 24px; - margin: 48px 0px; -} -.link-section span { - display: inline-block; - position: relative; -} -.link-section span:before, -.link-section span:after { - content: ""; - position: absolute; - height: 5px; - border-bottom: 1px solid; - border-top: 1px solid; - top: 0; - width: 25%; -} -.link-section span:before { - right: 100%; - margin-right: 15px; -} -.link-section span:after { - left: 100%; - margin-left: 15px; -} -.video-container { -position: relative; -padding-bottom: 56.25%; -padding-top: 30px; height: 0; overflow: hidden; +.sidebar ul { + display: flex; + flex-direction: column; } -.video-container iframe, -.video-container object, -.video-container embed { -position: absolute; -top: 0; -left: 0; -width: 100%; -height: 100%; +#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; +} \ No newline at end of file diff --git a/v3/feed.rss b/v3/feed.rss index a6423cb..717f963 100644 --- a/v3/feed.rss +++ b/v3/feed.rss @@ -2,8 +2,8 @@ GNU social V3https://gnusocial.rocks/v3/index.html Development blog where we announce our progress.en -Wed, 18 Aug 2021 13:42:44 +0100 -Wed, 18 Aug 2021 13:42:44 +0100 +Wed, 18 Aug 2021 14:46:29 +0100 +Wed, 18 Aug 2021 14:46:29 +0100 Updates: V3 blog @@ -30,6 +30,32 @@ 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> @@ -66,6 +92,32 @@ 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> @@ -111,6 +163,32 @@ 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> @@ -136,6 +214,32 @@ Updates: Finish the Avatar component + + + + + + + + + + + + + + + + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/updates-finish-the-avatar-component.html</link> <guid>https://gnusocial.rocks/v3/./updates-finish-the-avatar-component.html</guid> @@ -189,6 +293,32 @@ 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> @@ -246,6 +376,32 @@ The main 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> diff --git a/v3/index.html b/v3/index.html index fbec40a..c1e887f 100644 --- a/v3/index.html +++ b/v3/index.html @@ -5,25 +5,30 @@ <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/style.css"> - <link rel="stylesheet" href="/v3/blog.css"> + <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 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+

Version 3

Abstract

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. @@ -53,33 +58,29 @@
-

Milestones

- - -
-
- -
- +
+

Milestones

+ +
+ + diff --git a/v3/milestone-documentation-and-tests-infrastructure.html b/v3/milestone-documentation-and-tests-infrastructure.html index d5af9ea..eb7e308 100644 --- a/v3/milestone-documentation-and-tests-infrastructure.html +++ b/v3/milestone-documentation-and-tests-infrastructure.html @@ -5,25 +5,30 @@ - - + + + Milestone: Documentation and Tests Infrastructure - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -85,13 +90,35 @@ is properly tested, we have the + + + + + + + + + + + + + + + + + + + + + + + + + +
-
- -
- +
+
diff --git a/v3/milestone-port-media-handling-from-v2.html b/v3/milestone-port-media-handling-from-v2.html index 58dad43..8eed79d 100644 --- a/v3/milestone-port-media-handling-from-v2.html +++ b/v3/milestone-port-media-handling-from-v2.html @@ -5,25 +5,30 @@ - - + + + Milestone: Port Media handling from v2 - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -89,13 +94,35 @@ The main ones are:

+ + + + + + + + + + + + + + + + + + + + + + + + + +
-
- -
- +
+
diff --git a/v3/updates-finish-the-avatar-component.html b/v3/updates-finish-the-avatar-component.html index a1c7889..2d03cc7 100644 --- a/v3/updates-finish-the-avatar-component.html +++ b/v3/updates-finish-the-avatar-component.html @@ -5,25 +5,30 @@ - - + + + Updates: Finish the Avatar component - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -57,13 +62,35 @@ GNU social development team + + + + + + + + + + + + + + + + + + + + + + + + + +
-
- -
- +
+
diff --git a/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html b/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html index cea805e..75dd769 100644 --- a/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html +++ b/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html @@ -5,25 +5,30 @@ - - + + + Updates: Implement StoreRemoteMedia for v3 and port Embed - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -68,13 +73,35 @@ functionality with more stability.

+ + + + + + + + + + + + + + + + + + + + + + + + + +
-
- -
- +
+
diff --git a/v3/updates-improve-the-attachments-system.html b/v3/updates-improve-the-attachments-system.html index 590a591..628dac3 100644 --- a/v3/updates-improve-the-attachments-system.html +++ b/v3/updates-improve-the-attachments-system.html @@ -5,25 +5,30 @@ - - + + + Updates: Improve the Attachments system - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -77,13 +82,35 @@ any remote URL being shared in a note. + + + + + + + + + + + + + + + + + + + + + + + + + +
-
- -
- +
+
diff --git a/v3/updates-v3-blog.html b/v3/updates-v3-blog.html index a869571..81bf3a6 100644 --- a/v3/updates-v3-blog.html +++ b/v3/updates-v3-blog.html @@ -5,25 +5,30 @@ - - + + + Updates: V3 blog - GNU social V3 -
-
- GNU social - -
-
-
-
+
+
+ + GNU social + +
+
+
+
+ +
+
@@ -62,13 +67,35 @@ forget to subscribe!

+ + + + + + + + + + + + + + + + + + + + + + + + + +
-
- -
- +
+