diff --git a/all_posts.html b/all_posts.html new file mode 100644 index 0000000..bfcf7c6 --- /dev/null +++ b/all_posts.html @@ -0,0 +1,19 @@ + + + + + + + +All posts - My fancy blog + + +
+

All posts

+ + +
+ +
+ diff --git a/all_tags.html b/all_tags.html new file mode 100644 index 0000000..c1db218 --- /dev/null +++ b/all_tags.html @@ -0,0 +1,20 @@ + + + + + + + +All tags - My fancy blog + + +
+

All tags

+ + +
+ +
+ diff --git a/assets/css/blog.css b/assets/css/blog.css new file mode 100644 index 0000000..8c303c8 --- /dev/null +++ b/assets/css/blog.css @@ -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; +} \ No newline at end of file diff --git a/docs/docs.css b/assets/css/docs.css similarity index 81% rename from docs/docs.css rename to assets/css/docs.css index 94c2b48..0780577 100644 --- a/docs/docs.css +++ b/assets/css/docs.css @@ -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; diff --git a/assets/css/reset.css b/assets/css/reset.css new file mode 100644 index 0000000..87ada40 --- /dev/null +++ b/assets/css/reset.css @@ -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; +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 912b11f..2a005e7 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -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 { diff --git a/blog.css b/blog.css new file mode 100644 index 0000000..cc655b9 --- /dev/null +++ b/blog.css @@ -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;} diff --git a/docs/index.html b/docs/index.html index d111a94..0ea7b40 100644 --- a/docs/index.html +++ b/docs/index.html @@ -6,8 +6,9 @@ GNU social — Documentation - - + + + diff --git a/feed.rss b/feed.rss new file mode 100644 index 0000000..b7d3a1a --- /dev/null +++ b/feed.rss @@ -0,0 +1,8 @@ + + +My fancy bloghttp://example.com/blog/index.html +A blog about turtles and carrotsen +Wed, 18 Aug 2021 18:06:09 +0100 +Wed, 18 Aug 2021 18:06:09 +0100 + + diff --git a/index.html b/index.html index 5589f71..74b6101 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@
- + GNU social
- + diff --git a/main.css b/main.css new file mode 100644 index 0000000..edea2dc --- /dev/null +++ b/main.css @@ -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;} diff --git a/v3/.abstract.template b/v3/.abstract.template deleted file mode 100644 index 72e507c..0000000 --- a/v3/.abstract.template +++ /dev/null @@ -1,7 +0,0 @@ -

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. - - 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. - -

We are being supported by NLnet.

diff --git a/v3/.body.template b/v3/.body.template deleted file mode 100644 index f4afa1d..0000000 --- a/v3/.body.template +++ /dev/null @@ -1,19 +0,0 @@ -
-
- - GNU social - -
-
-
-
- -
-
diff --git a/v3/.body_index.template b/v3/.body_index.template deleted file mode 100644 index e69de29..0000000 diff --git a/v3/.config b/v3/.config index 649075a..8a2b2ac 100644 --- a/v3/.config +++ b/v3/.config @@ -9,13 +9,13 @@ global_email="mail@diogo.site" global_license="Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)" -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" diff --git a/v3/.header.template b/v3/.header.template deleted file mode 100644 index 51fdece..0000000 --- a/v3/.header.template +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/v3/all_tags.html b/v3/all_tags.html index 1c6c27d..a9a8f00 100644 --- a/v3/all_tags.html +++ b/v3/all_tags.html @@ -2,40 +2,37 @@ - - - - - - -All tags - GNU social V3 + + + + + + +All tags - GNU social V3 -
+
- - GNU social - + +GNU social +gnusocial + +
+
+
+
-
- -
-
-
-
-

GNU social V3

-
Development blog where we announce our progress.
-
+

All tags

diff --git a/v3/bb.sh b/v3/bb.sh index ce65068..ef1e72e 100755 --- a/v3/bb.sh +++ b/v3/bb.sh @@ -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 '
' - echo '
' - # blog title - echo '
' - cat .title.html - echo '
' # title, header, headerholder - echo '
' + + echo '
' # title, header + echo '
' 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%;} diff --git a/v3/blog.css b/v3/blog.css index 5cc8f37..e69de29 100644 --- a/v3/blog.css +++ b/v3/blog.css @@ -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; -} \ No newline at end of file diff --git a/v3/feed.rss b/v3/feed.rss index 717f963..bc2a1a8 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 14:46:29 +0100 -Wed, 18 Aug 2021 14:46:29 +0100 +Wed, 18 Aug 2021 18:12:29 +0100 +Wed, 18 Aug 2021 18:12:29 +0100 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> + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/v3/index.html b/v3/index.html index c1e887f..85b2c8c 100644 --- a/v3/index.html +++ b/v3/index.html @@ -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 + + + + + + +Blog - GNU social V3 -
+
- - GNU social - + +GNU social +gnusocial + +
+
+
-
-
- -
-
-

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. - - 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. -

We are being supported by NLnet.

-
-
-
-

GNU social V3

-
Development blog where we announce our progress.
+
+
+

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. + +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. + +

We are being supported by NLnet.

-
+

Blog

August 2021

    @@ -58,7 +55,7 @@
-
+

Milestones