[CSS] Polished blog, docs, and soc CSS

This commit is contained in:
Eliseu Amaro 2022-02-25 21:22:57 +00:00 committed by Diogo Peralta Cordeiro
parent 68dce55907
commit 3978c7e2df
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
34 changed files with 1072 additions and 934 deletions

View File

@ -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;
}
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -1,25 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86">
<title>GNU social &mdash; Documentation
</title>
<link rel="shortcut icon" href="https://www.gnusocial.rocks/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" href="https://www.gnusocial.rocks/assets/fonts/opensans/opensans.css">
</head>
<body>
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="https://www.gnusocial.rocks/assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu
</b>social
</a>
</div>
<div class="sidebar">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86">
<title>GNU social &mdash; Documentation
</title>
<link rel="shortcut icon" href="https://www.gnusocial.rocks/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" href="https://www.gnusocial.rocks/assets/fonts/opensans/opensans.css">
</head>
<body>
<header>
<a class="header-main" href="https://gnusocial.rocks/">
<img src="https://www.gnusocial.rocks/assets/img/gnu-social-logo-invert.svg" alt="GNU social"><b>gnu</b>social
</a>
<aside class="header-sidebar">
<ul class="menu-list">
<li class="menu-item menu-selected">
<a href="#" class="menu-link">Documentation
@ -42,10 +38,11 @@
</a>
</li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="content">
</aside>
</header>
<div class="content-wrapper">
<main class="content">
<h2 class="content-head is-center">Documentation
</h2>
<p>GNU social is distributed with four documentations.
@ -66,11 +63,11 @@
<a href="/designer">Designer
</a> 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.
</p>
</div>
</div>
<footer class="footer l-box is-center">
This site's source is
<a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</body>
</main>
</div>
<footer class="footer l-box is-center">
This site's source is
<a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</body>
</html>

View File

@ -13,14 +13,10 @@
<body>
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="https://www.gnusocial.rocks/assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu
</b>social
</a>
</div>
<div class="sidebar">
<a class="header-main" href="https://gnusocial.rocks/">
<img src="https://www.gnusocial.rocks/assets/img/gnu-social-logo-invert.svg" alt="GNU social"><b>gnu</b>social
</a>
<aside class="header-sidebar">
<ul class="menu-list">
<li class="menu-item"><a href="/soc" class="menu-link">Programme</a></li>
<li class="menu-item menu-selected"><a href="/soc/2021" class="menu-link">2021</a></li>
@ -30,11 +26,11 @@
<li class="menu-item"><a href="../study_resources.html" class="menu-link">Study Resources</a></li>
<li class="menu-item"><a href="academics.html" class="menu-link">Academics</a></li>
</ul>
</div>
</aside>
</header>
<div class="content-wrapper">
<div class="content soc">
<div class="content-wrapper">
<main class="content soc">
<h2 class="content-head is-center">Summer of Code 2021</h2>
<article id="about">
@ -51,11 +47,11 @@
<h2>Ideas</h2>
<p>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.</p>
</article>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</div>
</main>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</body>
</html>

View File

@ -13,14 +13,10 @@
<body>
<header>
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="menu-heading" href="https://gnusocial.rocks/">
<img src="https://www.gnusocial.rocks/assets/img/gnu-social-logo-invert.svg" alt="GNU social">
<b>gnu
</b>social
</a>
</div>
<div class="sidebar">
<a class="header-main" href="https://gnusocial.rocks/">
<img src="https://www.gnusocial.rocks/assets/img/gnu-social-logo-invert.svg" alt="GNU social"><b>gnu</b>social
</a>
<aside class="header-sidebar">
<ul class="menu-list">
<li class="menu-item"><a href="/soc" class="menu-link">Programme</a></li>
<li class="menu-item menu-selected"><a href="/soc/2022" class="menu-link">2022</a></li>
@ -30,23 +26,24 @@
<li class="menu-item"><a href="../study_resources.html" class="menu-link">Study Resources</a></li>
<li class="menu-item"><a href="academics.html" class="menu-link">Academics</a></li>
</ul>
</div>
</aside>
</header>
<div class="content-wrapper">
<div class="content soc">
<main class="content soc">
<h2 class="content-head is-center">Summer of Code 2022</h2>
<article id="about">
<h2>About the programme</h2>
<p>Check the <a href="/soc/">programme page</a> to learn more about the programme and on how to apply.</p>
<p>GNU social is a social communication software used in <a href="https://blog.diogo.site/posts/what-is-the-fediverse">federated social networks</a>. It is widely supported and has a large userbase.</p>
<p>If you would like to know how is it like to be a GSoC student at GNU social, <a href="https://blog.diogo.site/posts/gsoc-2018">read this blog post</a>!</p>
</article>
<article id="stipend">
<h2>Summer Stipend</h2>
<p>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 <a href="https://thefreaks.club/">The Freaks Club</a>, you can reach thndrbvr and try your luck, or look for another sponsor.</p>
</article>
<article id="ideas">
<h2>Ideas</h2>
<p>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 <a href="https://agile.gnusocial.rocks/doku.php?id=affairs:development_discussion">talk on IRC about it</a>. The community will help you understanding what has to be done so you can put a good proposal together.</p>
@ -110,11 +107,10 @@
<p><strong>Difficulty:</strong> Medium</p>
<p><strong>Workload:</strong> 350h</p>
</article>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</main>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</body>
</html>

View File

@ -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>All tags - GNU social V3</title>
<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" href="../assets/fonts/opensans/opensans.css">
<title>All tags - GNU social V3</title>
</head><body>
<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">
<div class="home-menu menu menu-horizontal menu-fixed">
<a class="header-main" href="/"><img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social"><b>gnu</b>social</a>
<ul class="menu-list">
<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>
@ -38,7 +35,7 @@
<div id="all_posts"><a href="index.html">Blog</a> &mdash; <a href="feed.rss">Subscribe</a></div>
</div>
</div></div>
<footer class="footer l-box is-center">
This site's source is
<a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer></body></html>
<footer>
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</body></html>

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>Tue, 18 Jan 2022 15:53:39 +0000</lastBuildDate>
<pubDate>Tue, 18 Jan 2022 15:53:39 +0000</pubDate>
<lastBuildDate>Fri, 25 Feb 2022 21:12:35 +0000</lastBuildDate>
<pubDate>Fri, 25 Feb 2022 21:12:35 +0000</pubDate>
<atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
<item><title>
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>