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