From 3978c7e2df48f945d95cbcf5358eb6821f7e163a Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Fri, 25 Feb 2022 21:22:57 +0000 Subject: [PATCH] [CSS] Polished blog, docs, and soc CSS --- assets/css/blog.css | 275 +++++------ assets/css/reset.css | 180 +++---- assets/css/style.css | 455 ++++++++---------- docs/index.html | 59 ++- soc/2021/{index.php => index.html} | 28 +- soc/2022/index.html | 30 +- v3/all_tags.html | 25 +- v3/feed.rss | 114 ++++- v3/index.html | 25 +- v3/milestone-activitypub.html | 36 +- ...tone-activitystreams-20-and-webfinger.html | 36 +- v3/milestone-actor-colour-theme-plugin.html | 36 +- v3/milestone-albums.html | 36 +- ...e-automatic-accesibility-a11y-testing.html | 36 +- v3/milestone-collections.html | 36 +- ...ocumentation-and-tests-infrastructure.html | 36 +- ...ute-notifications-from-a-conversation.html | 36 +- ...stone-notes-and-actors-with-languages.html | 36 +- v3/milestone-notes-with-latex.html | 36 +- v3/milestone-notes-with-markdown.html | 36 +- v3/milestone-pinned-notes.html | 36 +- v3/milestone-port-media-handling-from-v2.html | 36 +- v3/milestone-tags.html | 36 +- v3/milestone-web-monetization.html | 36 +- v3/templates/body.template | 8 +- v3/templates/footer.template | 7 +- v3/templates/header.template | 8 +- v3/updates-finish-the-avatar-component.html | 36 +- ...toreremotemedia-for-v3-and-port-embed.html | 36 +- ...pdates-improve-the-attachments-system.html | 36 +- v3/updates-interface-and-accessibility.html | 36 +- ...ce-structure-and-flexibility-improved.html | 36 +- v3/updates-local-groups.html | 36 +- v3/updates-v3-blog.html | 36 +- 34 files changed, 1072 insertions(+), 934 deletions(-) rename soc/2021/{index.php => index.html} (83%) diff --git a/assets/css/blog.css b/assets/css/blog.css index e007c0c..c87d101 100644 --- a/assets/css/blog.css +++ b/assets/css/blog.css @@ -1,171 +1,84 @@ -/* - * -- BASE STYLES -- - * Most of these are inherited from Base, but I want to change a few. - */ -body, html { - background-color: #FFF; -} -s { - text-decoration-color:rgba(0, 255, 0, 0.5) -} - -@media screen and (max-width: 1366px) { - header { - all: unset !important; - z-index: 1 !important; - position: fixed; - top: 0; - left: 0; - width: 100%; - } - .home-menu { - height: min-content !important; - } - .sidebar { - all: unset; - background-color: #221E22; - - display: block; - box-sizing: border-box; - width: 100%; - height: min-content !important; - margin-bottom: 1rem; - -webkit-box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0) !important; - box-shadow: 2px 5px 16px 0px rgba(34, 30, 34, 0.4), 17px 26px 15px 0px rgba(0,0,0,0) !important; - } - .content-wrapper, - #template-wrapper { - max-width: 100% !important; - width: 100% !important; - margin-left: unset !important; - padding: 0 1rem 0 1rem !important; - } - - .template-unit img { - max-width:100% !important; - } - - .footer { - margin-left: unset !important; - margin-top: 2rem !important; - } - -} -@media screen and (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; - line-height: 1.4em; - height: 100vh; -} -#title{display:none;} - -/* - * -- HEADER -- - */ -header { - /* maximum z-index found */ - all: unset; +* { box-sizing: border-box; + text-decoration: none; + appearance: none; +} + +header { position: fixed; - background-color: #221E22; + background-color: #201E1F; - width: 12vw; + width: 22vw; height: 100vh; top: 0; - left: 12vw; - -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; + -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 ul li { - all: unset; - display: flex; - flex-direction: column; - text-decoration: none; -} -header ul li a { - margin: 0; -} - -.home-menu { - font-size: 1.4rem; +header b { font-weight: bold; +} - max-height: 3rem; +header a { + display: block; + width: 100%; +} - display: flex; - align-items: center; - flex-direction: column; - justify-content: space-between; +header .menu-list { + margin-top: 1rem; +} + +.header-main { + margin: 0.666em; + border-radius: 3px 0.666em 0.666em 3px; + font-size: 1.802rem; background: #a22430; - padding: 1rem; + padding: 6px 12px; + width: 100%; + color: #f6f4f6; + -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); } -.menu-heading { - font-size: inherit; - display: flex; - align-items: center; - color: #F6F4F6; +.header-main * { + color: #f6f4f6; } -.menu-heading img { + +.header-main img { height: 1em; margin-right: 4px; } + .menu-link { - line-height: 2.5rem; - color: #F6F4F6; + color: #f6f4f6; } -.menu-link:hover, .menu-link:focus { - color: #C8BCC8; + +.menu-link:hover, +.menu-link:focus { + color: #c8bcc8; transition: 500ms ease-in-out; } -.menu-selected, .menu-selected>a { - text-decoration-line: underline !important; +.menu-selected, +.menu-selected > a { color: #fff; - font-weight:bolder -} - -.sidebar { - padding: 1rem; + font-weight: bolder; } .content-wrapper, #template-wrapper { display: flex; flex-direction: column; - margin-left: auto; + margin-left: 22vw; + padding: 1.802rem 11vw; margin-right: auto; - max-width: 44vw; - padding: 1rem; } #template-wrapper:first-of-type { padding-top: 1rem; @@ -173,10 +86,9 @@ header ul li a { #template-wrapper:last-of-type { padding-bottom: 1rem; } - .template-unit { padding-top: 1rem; - border-top: 2px solid #221E2233; + border-top: 2px solid #221e2233; } .template-unit h3 { margin-top: 0 !important; @@ -192,7 +104,7 @@ header ul li a { } .template-unit img { display: block; - max-width:800px; + max-width: 800px; max-height: 400px; width: auto; height: auto; @@ -201,38 +113,79 @@ header ul li a { .allposts_header + ul :last-child { margin-bottom: 1rem; } - -ul li { - margin: 1rem; - margin-left: 2rem; -} .subtitle { margin-bottom: 2rem; } -pre, blockquote { +.content-wrapper h1, +.content-wrapper h2, +.content-wrapper h3, +.content-wrapper h4, +.content-wrapper h5, +.content-wrapper h6, +.content-wrapper label { + font-family: "open_sansbold"; + font-weight: bold; +} + +pre, +blockquote { color: #666666; margin: 0; padding-left: 3em; - border-left: 0.5em #EEE solid; -} -pre { - font-family: monospace; - margin-bottom: 1rem; - white-space: pre; - overflow-x: scroll; -} -.footer { - margin-left: 24vw; - margin-right: auto; - margin-top: auto; - padding: 1rem; - background-color: #333333; - color: #e9eaed; + border-left: 0.5em #eee solid; } -.footer a { - font-family: 'open_sansbold'; +pre { + font-family: monospace; + margin-bottom: 1rem; + white-space: pre; + overflow-x: scroll; +} + +s:after { + font-size: 0.66em; + content: '\2713'; + background: #3f3b3b; + padding: 0 4px; + border-radius: 3px; + margin-left: 4px; + color: limegreen; +} + +footer { + padding: 1rem; + background-color: #201E1F; + color: #e9eaed; + margin-left: 22vw; +} + +footer a { + font-family: "open_sansbold"; font-weight: bold; color: #e9eaed; } + +@media screen and (max-width: 767px) { + header { + box-sizing: border-box; + position: relative; + + background-color: #201E1F; + + width: 100vw; + height: max-content; + padding-bottom: 1rem; + } + .header-main { + margin: 0; + } + .content-wrapper, + #template-wrapper { + margin-left: 0; + padding: 1rem 2rem; + } + footer { + margin-left: 0; + } +} diff --git a/assets/css/reset.css b/assets/css/reset.css index 7d40b48..686cc2d 100644 --- a/assets/css/reset.css +++ b/assets/css/reset.css @@ -1,61 +1,71 @@ -/* - * -- RESET -- - */ - * { - 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; +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; +a img, +:link img, +:visited img { + border: none; } - :focus { - outline: none; + outline: none; } - ::-moz-focus-inner { - border: 0; + border: 0; } - form { - all: unset; + all: unset; } - -body, html { - -webkit-font-smoothing: subpixel-antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 1rem; - font-family: "Open Sans", sans-serif; - color: #221E22; - background-color: #F6F4F6; - +html { + font-size: 100%; +} +body, +html { + -webkit-font-smoothing: subpixel-antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: "open_sansregular", sans-serif; + font-weight: 400; + line-height: 1.75; + color: #221e22; + background-color: #f6f4f6; } a { - text-decoration: none !important; - font-family: 'open_sansbold'; - font-weight: bold; - color: #3F3B3B; + text-decoration: none !important; + color: #A6263E; } a:hover, a:focus { - text-decoration-line: underline !important; - transition: 500ms ease-in-out; + text-decoration-line: underline !important; + transition: 500ms ease-in-out; } a:active { - text-decoration-line: underline !important; + text-decoration-line: underline !important; } - b { font-family: 'open_sansbold'; font-weight: bold; } - h1, h2, h3, @@ -63,77 +73,41 @@ h4, h5, h6, label { - color: #3F3B3B; + color: #3f3b3b; } - -h1 { - font-size: 1.5rem; - font-family: 'open_sansbold', sans-serif; - font-weight: bold; - line-height: 1.20; - margin-top: 0px; - margin-bottom: 0.8rem; - word-spacing: 0.00px; - text-transform: none; -} - -h2 { - font-size: 1.25rem; - font-family: 'open_sansbold', sans-serif; - font-weight: bold; - line-height: 1.20; - margin-top: 2rem; - margin-bottom: 0.6rem; - word-spacing: 0.00px; - text-transform: none; -} - -h3 { - font-size: 1.15rem; - font-family: 'open_sansbold', sans-serif; - font-weight: bold; - line-height: 1.20; - margin-top: 1.8rem; - margin-bottom: 0.3rem; - letter-spacing: 0.00px; - word-spacing: 0.00px; - text-transform: none; -} - -h4 { - font-size: 1rem; - font-family: 'open_sansbold', sans-serif; - font-weight: bold; - line-height: 1.20; - margin-top: 1.4rem; - margin-bottom: 0.2rem; - letter-spacing: 0.00px; - word-spacing: 0.00px; - text-transform: none; -} - p { - font-weight: 400; - line-height: 1.60; - margin-top: 0px; - margin-bottom: 1rem; - word-spacing: 0.50px; - text-transform: none; + margin-bottom: 1rem; } - -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; +h1, +h2, +h3, +h4, +h5 { + margin: 3rem 0 1.38rem; + font-weight: 400; + line-height: 1.3; } - -ul { - margin-left: 1rem; +h1 { + margin-top: 0; + font-size: 1.802rem; +} +h2 { + font-size: 1.602rem; +} +h3 { + font-size: 1.424rem; +} +h4 { + font-size: 1.266rem; +} +h5 { + font-size: 1.125rem; +} +small, +.text_small { + font-size: 0.889rem; } ul li { - margin-left: 1rem; + margin-left: 2rem; + line-height: 1.75; } diff --git a/assets/css/style.css b/assets/css/style.css index 0f2e8dc..274ca65 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,346 +1,293 @@ -/* - * -- RESET -- - */ - * { - -webkit-box-sizing: border-box !important; - -moz-box-sizing: border-box !important; - box-sizing: border-box !important; - scroll-margin: 5rem; + -webkit-box-sizing: border-box !important; + -moz-box-sizing: border-box !important; + box-sizing: border-box !important; + scroll-margin: 5rem; } - -a img, :link img, :visited img { - border: none; +a img, +:link img, +:visited img { + border: none; } - :focus { - outline: none; + outline: none; } - ::-moz-focus-inner { - border: 0; + border: 0; } - form { - all: unset; + all: unset; } - -/* - * -- BASE STYLES -- - * Most of these are inherited from Base, but I want to change a few. - */ -body, html { - scroll-behavior: smooth; - -webkit-font-smoothing: subpixel-antialiased; - -moz-osx-font-smoothing: grayscale; - height: 100vh; - font-size: 1rem; - font-family: 'open_sansregular'; - color: #221E22; - background-color: #F6F4F6; - +body, +html { + scroll-behavior: smooth; + -webkit-font-smoothing: subpixel-antialiased; + -moz-osx-font-smoothing: grayscale; + height: 100vh; + font-size: 1rem; + font-family: "open_sansregular"; + color: #221e22; + background-color: #f6f4f6; } body * { - position: relative; + position: relative; } - -/* - * -- HEADER -- - */ header { - /* maximum z-index found */ - z-index: 3; - position: fixed; - - font-size: 1.25rem; - font-weight: bold; - background: #a22430; - - max-height: 4rem; - width: 100%; - - top: 0; - left: 0; - padding: 0.5rem 1rem 0.5rem 1rem; - - -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); + z-index: 3; + position: fixed; + font-size: 1.25rem; + font-weight: bold; + background: #a22430; + max-height: 4rem; + width: 100%; + top: 0; + left: 0; + padding: 0.5rem 1rem 0.5rem 1rem; + -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 { - list-style: none; + list-style: none; } header * { - font-size: inherit; - - color: #F6F4F6; - height: 100vh; - max-height: 3rem; - - display: flex; - align-items: center; + font-size: inherit; + color: #f6f4f6; + height: 100vh; + max-height: 3rem; + display: flex; + align-items: center; } - .home-menu { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } - .menu-heading { - display: flex; - color: #F6F4F6; + display: flex; + color: #f6f4f6; } .menu-heading b { } .menu-heading img { - height: 1.25rem; + height: 1.25rem; } .menu-link { - line-height: 1.4em; - margin-left: 1rem; - color: #F6F4F6; + line-height: 1.4em; + margin-left: 1rem; + color: #f6f4f6; } .button { - background-color: #221E22EE; - border-radius: 0.5rem; - padding: 4px 8px; - - color: #F6F4F6; - align-self: flex-end; - width: max-content; + background-color: #221e22ee; + border-radius: 0.5rem; + padding: 4px 8px; + color: #f6f4f6; + align-self: flex-end; + width: max-content; } hr { - margin-bottom: 1rem; - width: 100%; - color: #221E2266; + margin-bottom: 1rem; + width: 100%; + color: #221e2266; } #log-of-past-successes { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } - @media screen and (min-width: 2000px) and (min-height: 1000px) { - .content, - .content-team { - padding-left: 20% !important; - padding-right: 20% !important; - } + .content, + .content-team { + padding-left: 20% !important; + padding-right: 20% !important; + } } @media screen and (min-width: 800px) { - .l-box { - margin-right: 4rem; - } + .l-box { + margin-right: 4rem; + } } @media screen and (max-width: 800px) { - .menu-list { - font-size: 1rem !important; - } - - .content, - .content ~ * { - top: unset !important; - padding-top: 0 !important; - position: relative !important; - } - .soc { - top: 3rem !important; - height: calc(100vh - 4rem); - } - - .splash-head { - font-size: 2rem !important; - } - .splash-head img { - height: 3rem !important; - width: 3rem !important; - } - - .content, - .ribbon-wrapper, - .content-team { - padding: 1.5rem !important; - } - - .content-team .g .l-box-lrg:last-child { - flex: 1 !important; - word-break: keep-all; - white-space: nowrap; - } - - .l-box { - margin-right: 1rem; - } - - footer { - position: relative !important; - } + .menu-list { + font-size: 1rem !important; + } + .content, + .content ~ * { + top: unset !important; + padding-top: 0 !important; + position: relative !important; + } + .soc { + top: 3rem !important; + height: calc(100vh - 4rem); + } + .splash-head { + font-size: 2rem !important; + } + .splash-head img { + height: 3rem !important; + width: 3rem !important; + } + .content, + .ribbon-wrapper, + .content-team { + padding: 1.5rem !important; + } + .content-team .g .l-box-lrg:last-child { + flex: 1 !important; + word-break: keep-all; + white-space: nowrap; + } + .l-box { + margin-right: 1rem; + } + footer { + position: relative !important; + } } - -/* - * -- BODY -- - */ .body-wrapper { - margin-top: 4rem; + margin-top: 4rem; } .body-wrapper a { - font-family: 'open_sansbold'; - font-weight: bold; + font-family: "open_sansbold"; + font-weight: bold; } - -/* - * -- SPLASH -- - */ .splash { - text-align: center; - padding: 3rem; - background-color: #F6F4F6; + text-align: center; + padding: 3rem; + background-color: #f6f4f6; } .splash-head { - display: inline-flex; - flex-wrap: wrap; - width: border-box; - - justify-content: center; - align-items: center; - - font-size: 6rem; - color: #a22430; - - cursor: default; - margin-bottom: 1rem; + display: inline-flex; + flex-wrap: wrap; + width: border-box; + justify-content: center; + align-items: center; + font-size: 6rem; + color: #a22430; + cursor: default; + margin-bottom: 1rem; } - .splash-head img { - height: 6rem; - width: 6rem; - margin-right: 5px; + height: 6rem; + width: 6rem; + margin-right: 5px; } - - -/* - * -- CONTENT -- - */ .content-head { - font-family: 'open_sansbold', sans-serif; + font-family: "open_sansbold", sans-serif; } - .content { - z-index: 2; - position: sticky; - padding: 4rem; - background-color: #e9eaed; + z-index: 2; + position: sticky; + padding: 4rem; + background-color: #e9eaed; } .is-center { - text-align: center; + text-align: center; } .content .g { - display: flex; - flex-wrap: wrap; - justify-content: space-between; + display: flex; + flex-wrap: wrap; + justify-content: space-between; } .content .g .l-box { - flex: 1; - min-width: 10rem; + flex: 1; + min-width: 10rem; } - .content ~ * { - z-index: 3; - position: sticky; - top: 4rem; + z-index: 3; + position: sticky; + top: 4rem; } - .ribbon-wrapper { - background-color: #F6F4F6; - padding: 4rem; + background-color: #f6f4f6; + padding: 4rem; } .ribbon { - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .ribbon img { - min-width: 15rem; - max-height: 200px; - margin: 0 2rem 2rem 2rem; + min-width: 15rem; + max-height: 200px; + margin: 0 2rem 2rem 2rem; } .ribbon-content h2 { - margin-top: unset; + margin-top: unset; } .ribbon-content a { - background-color: #a22430; - color: #F6F4F6; - padding: 4px 12px; - border-radius: 0.5rem; + background-color: #a22430; + color: #f6f4f6; + padding: 4px 12px; + border-radius: 0.5rem; } - .content-team { - z-index: 3; - position: sticky; - top: 4rem; - padding: 4rem; - background-color: #e9eaed; + z-index: 3; + position: sticky; + top: 4rem; + padding: 4rem; + background-color: #e9eaed; } .content-team .g { - display: flex; - flex-wrap: wrap; - justify-content: space-between; + display: flex; + flex-wrap: wrap; + justify-content: space-between; } - .content-team .g .l-box-lrg { - text-align: justify-all; - padding-inline-end: 2rem; + text-align: justify-all; + padding-inline-end: 2rem; } .content-team .g .l-box-lrg:first-child { - flex: 1; - min-width: 20rem; + flex: 1; + min-width: 20rem; } .content-team .g .l-box-lrg:nth-child(2) { - flex: 1; + flex: 1; } .content-team .g .l-box-lrg:last-child { - flex: 0.5; + flex: 0.5; } - #nodes { - display: flex; - flex-direction: column; - border-collapse: collapse; - padding-bottom: 1rem; - margin-left: auto; - margin-right: auto; - max-width: max-content; - width: 100%; + display: flex; + flex-direction: column; + border-collapse: collapse; + padding-bottom: 1rem; + margin-left: auto; + margin-right: auto; + max-width: max-content; + width: 100%; } - -#nodes td, #nodes th { - width: 100%; - border: 1px solid #ddd; - padding: 6px 12px; -} - -#nodes tr:nth-child(even){background-color: #F6F4F6;} -#nodes tr:nth-child(odd){background-color: #EEEEEE;} - - -#nodes tr:hover {background-color: #e9eaed;} - +#nodes td, #nodes th { - padding-top: 12px; - padding-bottom: 12px; - text-align: left; - background-color: #A22430; - color: #F6F4F6; + width: 100%; + border: 1px solid #ddd; + padding: 6px 12px; +} +#nodes tr:nth-child(even) { + background-color: #f6f4f6; +} +#nodes tr:nth-child(odd) { + background-color: #eeeeee; +} +#nodes tr:hover { + background-color: #e9eaed; +} +#nodes th { + padding-top: 12px; + padding-bottom: 12px; + text-align: left; + background-color: #a22430; + color: #f6f4f6; } - .footer { - width: 100%; - padding: 1rem; - background-color: #333333; - color: #e9eaed; + width: 100%; + padding: 1rem; + background-color: #333333; + color: #e9eaed; } - .footer a { - font-family: 'open_sansbold'; - font-weight: bold; - color: #e9eaed; + font-family: "open_sansbold"; + font-weight: bold; + color: #e9eaed; } diff --git a/docs/index.html b/docs/index.html index 9802177..c235417 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,25 +1,21 @@ - - - - GNU social — Documentation - - - - - - - -
-
- - GNU social - gnu - social - -
-
+ + + + GNU social — Documentation + + + + + + + +
+ + GNU socialgnusocial + +
-
-
-
+ + + +
+

Documentation

GNU social is distributed with four documentations. @@ -66,11 +63,11 @@ 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/soc/2021/index.php b/soc/2021/index.html similarity index 83% rename from soc/2021/index.php rename to soc/2021/index.html index d3fd567..3614a97 100644 --- a/soc/2021/index.php +++ b/soc/2021/index.html @@ -13,14 +13,10 @@
-
- - GNU social - gnu - social - -
-
+ + GNU socialgnusocial + +
+
-
-
+
+

Summer of Code 2021

@@ -51,11 +47,11 @@

Ideas

The community has not proposed ideas for 2021 yet. As the current development team is planning on major active development of v3 with NLnet sponsorship this year, as a student you can either try to join the development of v3 or contribute with plugins for v2, which is the latest release.

-
- -
+ +
+ diff --git a/soc/2022/index.html b/soc/2022/index.html index 9498181..150ebaa 100644 --- a/soc/2022/index.html +++ b/soc/2022/index.html @@ -13,14 +13,10 @@
-
- - GNU social - gnu - social - -
-
+ + GNU socialgnusocial + +
+
+
-
- +

Summer of Code 2022

-

About the programme

Check the programme page to learn more about the programme and on how to apply.

GNU social is a social communication software used in federated social networks. It is widely supported and has a large userbase.

If you would like to know how is it like to be a GSoC student at GNU social, read this blog post!

+

Summer Stipend

We have applied as an organisation to Google Summer of Code 2022, we are still waiting for the result. In 2020 we've had a successful student supported by The Freaks Club, you can reach thndrbvr and try your luck, or look for another sponsor.

+

Ideas

Below is a list of ideas you can work on this Summer at GNU social. You should pick one (or mix a couple) of them and talk on IRC about it. The community will help you understanding what has to be done so you can put a good proposal together.

@@ -110,11 +107,10 @@

Difficulty: Medium

Workload: 350h

-
- +
+ - diff --git a/v3/all_tags.html b/v3/all_tags.html index 3e85b64..3ac1e7a 100644 --- a/v3/all_tags.html +++ b/v3/all_tags.html @@ -4,19 +4,16 @@ - - - -All tags - GNU social V3 + + + + +All tags - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
- + + diff --git a/v3/feed.rss b/v3/feed.rss index b3d8097..e9bbe4a 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 -Tue, 18 Jan 2022 15:53:39 +0000 -Tue, 18 Jan 2022 15:53:39 +0000 +Fri, 25 Feb 2022 21:12:35 +0000 +Fri, 25 Feb 2022 21:12:35 +0000 Milestone: Web Monetization @@ -29,6 +29,17 @@ Monetization in the fediverse.</p> <p><img src="assets/web_monetization/donate.png" alt="" title="" /></p> + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/milestone-web-monetization.html</link> <guid>https://gnusocial.rocks/v3/./milestone-web-monetization.html</guid> @@ -69,6 +80,17 @@ always room for improvement :)</p> + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/milestone-automatic-accesibility-a11y-testing.html</link> <guid>https://gnusocial.rocks/v3/./milestone-automatic-accesibility-a11y-testing.html</guid> @@ -134,6 +156,17 @@ and enables circle mentions with <code>@#circle_name</code>.</p> + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/milestone-collections.html</link> <guid>https://gnusocial.rocks/v3/./milestone-collections.html</guid> @@ -156,6 +189,17 @@ translate following the same rules as AndStatus <a href="https://github.com/ands + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/updates-local-groups.html</link> <guid>https://gnusocial.rocks/v3/./updates-local-groups.html</guid> @@ -177,6 +221,17 @@ You can now pin notes in your profile! Given you have suficient permissions to d + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/milestone-pinned-notes.html</link> <guid>https://gnusocial.rocks/v3/./milestone-pinned-notes.html</guid> @@ -202,6 +257,17 @@ Milestone: Notes with LaTeX + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/milestone-notes-with-latex.html</link> <guid>https://gnusocial.rocks/v3/./milestone-notes-with-latex.html</guid> @@ -228,6 +294,17 @@ Milestone: Notes with Markdown + + + + + + + + + + + <!-- text end --> ]]></description><link>https://gnusocial.rocks/v3/milestone-notes-with-markdown.html</link> <guid>https://gnusocial.rocks/v3/./milestone-notes-with-markdown.html</guid> @@ -249,6 +326,17 @@ to stop receiving notifications derived from that, it is now possible: + + + + + + + + + + + @@ -291,6 +379,17 @@ specialisation of a collection.</p> + + + + + + + + + + + @@ -324,6 +423,17 @@ plugin? How is it better than v2's?</p> + + + + + + + + + + + diff --git a/v3/index.html b/v3/index.html index 1b09d8a..5ca3bfd 100644 --- a/v3/index.html +++ b/v3/index.html @@ -4,19 +4,16 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86"> -<link rel="shortcut icon" href="/favicon.ico"> -<link rel="stylesheet" href="https://www.gnusocial.rocks//assets/css/reset.css"> -<link rel="stylesheet" href="https://www.gnusocial.rocks//assets/css/blog.css"> -<link rel='stylesheet' type='text/css' href="https://www.gnusocial.rocks//assets/fonts/opensans/opensans.css"><title>Blog - GNU social V3 + + + + +Blog - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -110,7 +107,7 @@ Our objective is to further differentiate GNU social from the alternative softwa
- + + diff --git a/v3/milestone-activitypub.html b/v3/milestone-activitypub.html index c033d77..b170719 100644 --- a/v3/milestone-activitypub.html +++ b/v3/milestone-activitypub.html @@ -4,19 +4,16 @@ - - - -Milestone: ActivityPub - GNU social V3 + + + + +Milestone: ActivityPub - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -61,6 +58,17 @@ plugin? How is it better than v2's?

    + + + + + + + + + + + @@ -73,7 +81,7 @@ plugin? How is it better than v2's?

- + + diff --git a/v3/milestone-activitystreams-20-and-webfinger.html b/v3/milestone-activitystreams-20-and-webfinger.html index a0bc787..a47971c 100644 --- a/v3/milestone-activitystreams-20-and-webfinger.html +++ b/v3/milestone-activitystreams-20-and-webfinger.html @@ -4,19 +4,16 @@ - - - -Milestone: ActivityStreams 2.0 and WebFinger - GNU social V3 + + + + +Milestone: ActivityStreams 2.0 and WebFinger - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -84,6 +81,17 @@ GNU social development team + + + + + + + + + + + @@ -100,7 +108,7 @@ GNU social development team
- + + diff --git a/v3/milestone-actor-colour-theme-plugin.html b/v3/milestone-actor-colour-theme-plugin.html index e554895..6bf4441 100644 --- a/v3/milestone-actor-colour-theme-plugin.html +++ b/v3/milestone-actor-colour-theme-plugin.html @@ -4,19 +4,16 @@ - - - -Milestone: Actor colour theme plugin - GNU social V3 + + + + +Milestone: Actor colour theme plugin - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -110,6 +107,17 @@ Given a valid colour, it's the actor's responsibility whether or not the colours + + + + + + + + + + + @@ -124,7 +132,7 @@ Given a valid colour, it's the actor's responsibility whether or not the colours
- + + diff --git a/v3/milestone-albums.html b/v3/milestone-albums.html index ccc51a4..cfb2a16 100644 --- a/v3/milestone-albums.html +++ b/v3/milestone-albums.html @@ -4,19 +4,16 @@ - - - -Milestone: Albums - GNU social V3 + + + + +Milestone: Albums - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -71,6 +68,17 @@ specialisation of a collection.

    + + + + + + + + + + + @@ -80,7 +88,7 @@ specialisation of a collection.

- + + diff --git a/v3/milestone-automatic-accesibility-a11y-testing.html b/v3/milestone-automatic-accesibility-a11y-testing.html index 85b8ebd..22da6ac 100644 --- a/v3/milestone-automatic-accesibility-a11y-testing.html +++ b/v3/milestone-automatic-accesibility-a11y-testing.html @@ -4,19 +4,16 @@ - - - -Milestone: Automatic Accesibility (A11Y) testing - GNU social V3 + + + + +Milestone: Automatic Accesibility (A11Y) testing - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
- + + diff --git a/v3/milestone-collections.html b/v3/milestone-collections.html index 1ae024c..6d95a5e 100644 --- a/v3/milestone-collections.html +++ b/v3/milestone-collections.html @@ -4,19 +4,16 @@ - - - -Milestone: Collections - GNU social V3 + + + + +Milestone: Collections - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -98,11 +95,22 @@ and enables circle mentions with @#circle_name.

    + + + + + + + + + + +
- + + diff --git a/v3/milestone-documentation-and-tests-infrastructure.html b/v3/milestone-documentation-and-tests-infrastructure.html index 97e7449..9808f5d 100644 --- a/v3/milestone-documentation-and-tests-infrastructure.html +++ b/v3/milestone-documentation-and-tests-infrastructure.html @@ -4,19 +4,16 @@ - - - -Milestone: Documentation and Tests Infrastructure - GNU social V3 + + + + +Milestone: Documentation and Tests Infrastructure - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -110,6 +107,17 @@ is properly tested, we have the + + + + + + + + + + + @@ -126,7 +134,7 @@ is properly tested, we have the
- + + diff --git a/v3/milestone-mute-notifications-from-a-conversation.html b/v3/milestone-mute-notifications-from-a-conversation.html index f1fafe2..150e1ec 100644 --- a/v3/milestone-mute-notifications-from-a-conversation.html +++ b/v3/milestone-mute-notifications-from-a-conversation.html @@ -4,19 +4,16 @@ - - - -Milestone: Mute notifications from a conversation - GNU social V3 + + + + +Milestone: Mute notifications from a conversation - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -54,6 +51,17 @@ to stop receiving notifications derived from that, it is now possible: + + + + + + + + + + + @@ -62,7 +70,7 @@ to stop receiving notifications derived from that, it is now possible:
- + + diff --git a/v3/milestone-notes-and-actors-with-languages.html b/v3/milestone-notes-and-actors-with-languages.html index 3e60b64..738148f 100644 --- a/v3/milestone-notes-and-actors-with-languages.html +++ b/v3/milestone-notes-and-actors-with-languages.html @@ -4,19 +4,16 @@ - - - -Milestone: Notes and Actors with languages - GNU social V3 + + + + +Milestone: Notes and Actors with languages - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -91,6 +88,17 @@ for actual internationalization of the free network.

    + + + + + + + + + + + @@ -104,7 +112,7 @@ for actual internationalization of the free network.

- + + diff --git a/v3/milestone-notes-with-latex.html b/v3/milestone-notes-with-latex.html index 8f84f30..a408b27 100644 --- a/v3/milestone-notes-with-latex.html +++ b/v3/milestone-notes-with-latex.html @@ -4,19 +4,16 @@ - - - -Milestone: Notes with LaTeX - GNU social V3 + + + + +Milestone: Notes with LaTeX - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
- + + diff --git a/v3/milestone-notes-with-markdown.html b/v3/milestone-notes-with-markdown.html index dfd3fdd..5a52884 100644 --- a/v3/milestone-notes-with-markdown.html +++ b/v3/milestone-notes-with-markdown.html @@ -4,19 +4,16 @@ - - - -Milestone: Notes with Markdown - GNU social V3 + + + + +Milestone: Notes with Markdown - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
- + + diff --git a/v3/milestone-pinned-notes.html b/v3/milestone-pinned-notes.html index 2ddf17b..d7022f3 100644 --- a/v3/milestone-pinned-notes.html +++ b/v3/milestone-pinned-notes.html @@ -4,19 +4,16 @@ - - - -Milestone: Pinned Notes - GNU social V3 + + + + +Milestone: Pinned Notes - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -54,11 +51,22 @@ You can now pin notes in your profile! Given you have suficient permissions to d + + + + + + + + + + +
- + + diff --git a/v3/milestone-port-media-handling-from-v2.html b/v3/milestone-port-media-handling-from-v2.html index d82ee87..7ec09f5 100644 --- a/v3/milestone-port-media-handling-from-v2.html +++ b/v3/milestone-port-media-handling-from-v2.html @@ -4,19 +4,16 @@ - - - -Milestone: Port Media handling from v2 - GNU social V3 + + + + +Milestone: Port Media handling from v2 - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -114,6 +111,17 @@ The key ones are:

    + + + + + + + + + + + @@ -130,7 +138,7 @@ The key ones are:

- + + diff --git a/v3/milestone-tags.html b/v3/milestone-tags.html index 99f4009..3ac8d87 100644 --- a/v3/milestone-tags.html +++ b/v3/milestone-tags.html @@ -4,19 +4,16 @@ - - - -Milestone: Tags - GNU social V3 + + + + +Milestone: Tags - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
- + + diff --git a/v3/milestone-web-monetization.html b/v3/milestone-web-monetization.html index b9033f9..71a5aa1 100644 --- a/v3/milestone-web-monetization.html +++ b/v3/milestone-web-monetization.html @@ -4,19 +4,16 @@ - - - -Milestone: Web Monetization - GNU social V3 + + + + +Milestone: Web Monetization - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
- + + diff --git a/v3/templates/body.template b/v3/templates/body.template index 5965d19..e7915b1 100644 --- a/v3/templates/body.template +++ b/v3/templates/body.template @@ -1,11 +1,7 @@
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • diff --git a/v3/templates/footer.template b/v3/templates/footer.template index 4c339de..dd4700e 100644 --- a/v3/templates/footer.template +++ b/v3/templates/footer.template @@ -1,4 +1,3 @@ - \ No newline at end of file + diff --git a/v3/templates/header.template b/v3/templates/header.template index 174ac32..e591a8d 100644 --- a/v3/templates/header.template +++ b/v3/templates/header.template @@ -4,7 +4,7 @@ - - - - \ No newline at end of file + + + + diff --git a/v3/updates-finish-the-avatar-component.html b/v3/updates-finish-the-avatar-component.html index 6a61b29..b0de040 100644 --- a/v3/updates-finish-the-avatar-component.html +++ b/v3/updates-finish-the-avatar-component.html @@ -4,19 +4,16 @@ - - - -Updates: Finish the Avatar component - GNU social V3 + + + + +Updates: Finish the Avatar component - GNU social V3
    - -GNU social -gnusocial - -
    -
    +
    +GNU socialgnusocial
    • Blog Index
    • Repository
      • @@ -146,6 +143,17 @@ GNU social development team + + + + + + + + + + + @@ -162,7 +170,7 @@ 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 86e7888..7966cdb 100644 --- a/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html +++ b/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html @@ -4,19 +4,16 @@ - - - -Updates: Implement StoreRemoteMedia for v3 and port Embed - GNU social V3 + + + + +Updates: Implement StoreRemoteMedia for v3 and port Embed - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -82,6 +79,17 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when + + + + + + + + + + + @@ -98,7 +106,7 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
- + + diff --git a/v3/updates-improve-the-attachments-system.html b/v3/updates-improve-the-attachments-system.html index 0a0e2eb..da6a8ea 100644 --- a/v3/updates-improve-the-attachments-system.html +++ b/v3/updates-improve-the-attachments-system.html @@ -4,19 +4,16 @@ - - - -Updates: Improve the Attachments system - GNU social V3 + + + + +Updates: Improve the Attachments system - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -115,6 +112,17 @@ any remote URL being shared in a note. + + + + + + + + + + + @@ -131,7 +139,7 @@ any remote URL being shared in a note.
- + + diff --git a/v3/updates-interface-and-accessibility.html b/v3/updates-interface-and-accessibility.html index 65ac3ed..f839e09 100644 --- a/v3/updates-interface-and-accessibility.html +++ b/v3/updates-interface-and-accessibility.html @@ -4,19 +4,16 @@ - - - -Updates: Interface and accessibility - GNU social V3 + + + + +Updates: Interface and accessibility - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -147,6 +144,17 @@ markup, we hope to achieve an accessible, fast and polished structure by which a + + + + + + + + + + + @@ -163,7 +171,7 @@ markup, we hope to achieve an accessible, fast and polished structure by which a
- + + diff --git a/v3/updates-interface-structure-and-flexibility-improved.html b/v3/updates-interface-structure-and-flexibility-improved.html index bbbd562..7bc0e2d 100644 --- a/v3/updates-interface-structure-and-flexibility-improved.html +++ b/v3/updates-interface-structure-and-flexibility-improved.html @@ -4,19 +4,16 @@ - - - -Updates: Interface Structure and Flexibility improved - GNU social V3 + + + + +Updates: Interface Structure and Flexibility improved - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -60,6 +57,17 @@ GNU social development team + + + + + + + + + + + @@ -74,7 +82,7 @@ GNU social development team
- + + diff --git a/v3/updates-local-groups.html b/v3/updates-local-groups.html index 5634279..d05a545 100644 --- a/v3/updates-local-groups.html +++ b/v3/updates-local-groups.html @@ -4,19 +4,16 @@ - - - -Updates: Local Groups - GNU social V3 + + + + +Updates: Local Groups - GNU social V3
- -GNU social -gnusocial - -
-
+
+GNU socialgnusocial
  • Blog Index
  • Repository
    • @@ -55,11 +52,22 @@ translate following the same rules as AndStatus -This site's source is -hosted here. - + + diff --git a/v3/updates-v3-blog.html b/v3/updates-v3-blog.html index 62570dc..b6e76f4 100644 --- a/v3/updates-v3-blog.html +++ b/v3/updates-v3-blog.html @@ -4,19 +4,16 @@ - - - -Updates: V3 blog - GNU social V3 + + + + +Updates: V3 blog - GNU social V3
    - -GNU social -gnusocial - -
    -
    +
    +GNU socialgnusocial
    • Blog Index
    • Repository
      • @@ -90,6 +87,17 @@ forget to subscribe!

      + + + + + + + + + + + @@ -106,7 +114,7 @@ forget to subscribe!

- + +