New theme complete. No libraries used.

assets/css/style.css

@@ -1,25 +1,67 @@
+/*
+ * -- RESET --
+ */
+
 * {
     -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;
+}
+
+
 /*
  * -- BASE STYLES --
  * Most of these are inherited from Base, but I want to change a few.
  */
-body {
-    line-height: 1.7em;
-    color: #3F3B3B;
-    font-size: 13px;
+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;
+
+}
+body * {
+    position: relative;
 }
 
 a {
 	text-decoration: none;
-	color: #c33541;
+	color: #221E22;
 }
-a:hover, a:focus {
-    color: #a22430;
+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,
@@ -32,253 +74,257 @@ label {
     color: #3F3B3B;
 }
 
-.pure-img-responsive {
-    max-width: 100%;
-    height: auto;
+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;
 }
 
-/*
- * -- LAYOUT STYLES --
- * These are some useful classes which I will need
- */
-.l-box {
-    padding: 1em;
+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;
 }
 
-.l-box-lrg {
-    padding: 2em;
-    border-bottom: 1px solid rgba(0,0,0,0.1);
+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;
 }
 
-.is-center {
-    text-align: center;
+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;
+}
 
 /*
- * -- PURE FORM STYLES --
- * Style the form inputs and labels
+ * -- HEADER --
  */
-.pure-form label {
-    margin: 1em 0 0;
-    font-weight: bold;
-    font-size: 100%;
-}
+.header {
+    /* maximum z-index found */
+    z-index: 2;
+    position: fixed;
 
-.pure-form input[type] {
-    border: 2px solid #ddd;
-    box-shadow: none;
-    font-size: 100%;
+    font-size: 1.25rem;
+    background: #a22430;
     width: 100%;
-    margin-bottom: 1em;
-}
+    
+    top: 0;
+    left: 0;
+    padding: 0.5rem 1rem 0.5rem 1rem;
 
-/*
- * -- PURE BUTTON STYLES --
- * I want my pure-button elements to look a little different
- */
-.pure-button {
-    background-color: #1f8dd6;
-    color: white;
-    padding: 0.5em 2em;
-    border-radius: 5px;
+    -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);
 }
-
-a.pure-button-primary {
-    background: white;
-    color: #A22430;
-    border-radius: 5px;
-    font-size: 120%;
+.header ul {
+    list-style: none;
 }
+.header * {
+    font-size: inherit;
 
-
-/*
- * -- MENU STYLES --
- * I want to customize how my .pure-menu looks at the top of the page
- */
-
-.home-menu {
-    padding: 0.5em;
-    text-align: center;
-    box-shadow: 0 1px 1px rgba(0,0,0, 0.10);
+    height: 100vh;
+    max-height: 3rem;
+    
+    display: flex;
+    align-items: center;
 }
-.home-menu {
-    background: #fcfbfa;
-}
-.pure-menu.pure-menu-fixed {
-    /* Horizontal scroll when overflows */
-    overflow-x: auto;
-    /* Fixed menus normally have a border at the bottom. */
-    border-bottom: none;
-    /* I need a higher z-index here because of the scroll-over effect. */
-    z-index: 4;
+.header a:focus {
+    border-radius: 8px;
+    padding-left: 4px;
+    padding-right: 4px;
+    background-color: #F6F4F6;
+    color: #221E22;
+    transition: 500ms ease-in-out;
 }
 
-.home-menu .pure-menu-heading {
-    color: #3F3B3B;
-    font-weight: 400;
-    font-size: 120%;
+.home-menu {
+    display: flex;
+    justify-content: space-between;
 }
 
-.home-menu .pure-menu-selected a {
-    color: #817F7F;
+.menu-heading {
+    display: flex;
+    color: #F6F4F6;
 }
-.pure-menu-selected > .pure-menu-link, .pure-menu-selected > .pure-menu-link:visited {
-    color: #817F7F;
+.menu-heading b {
 }
-
-.home-menu a {
-    color: #c33541;
+.menu-heading img {
+    height: 1.25rem;
 }
-.home-menu li a:hover,
-.home-menu li a:focus {
-    background: none;
-    border: none;
-    color: #a22430;
+.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;
 }
-
 
 /*
- * -- SPLASH STYLES --
- * This is the blue top section that appears on the page.
+ * -- BODY --
  */
-
-.splash-container {
-    background: #E9EAED;
-    z-index: 1;
-    overflow: hidden;
-    /* The following styles are required for the "scroll-over" effect */
-    width: 100%;
-    height: 20em;
-    top: 0;
-    left: 0;
-    position: fixed !important;
+.body-wrapper {
+    top: 4rem;
+}
+.body-wrapper a {
+    font-weight: bold;
 }
 
+/*
+ * -- SPLASH --
+ */
 .splash {
-    /* absolute center .splash within .splash-container */
-    margin: auto;
-    position: absolute;
-    top: 4em; left: 0; bottom: 0; right: 0;
     text-align: center;
-    text-transform: uppercase;
+    padding: 3rem;
+    background-color: #F6F4F6;
 }
+.splash-head {
+    display: inline-flex;
+    flex-wrap: wrap;
+    width: border-box;
 
-/* This is the subheading that appears on the blue section */
-.splash-subhead {
-    color: #3F3B3B;
-    letter-spacing: 0.05em;
-    opacity: 0.8;
+    justify-content: center;
+    align-items: center;
+
+    font-size: 6rem;
+    color: #a22430;
+
+    cursor: default;
+    margin-bottom: 1rem;
 }
+.splash-head > * {
+
+}
+.splash-head img {
+    height: 6rem;
+    width: 6rem;
+    margin-right: 5px;
+}
+
 
 /*
- * -- CONTENT STYLES --
- * This represents the content area (everything below the blue section)
+ * -- CONTENT --
  */
-.content-wrapper {
-    /* These styles are required for the "scroll-over" effect */
-    position: absolute;
-    top: 20em;
-    width: 100%;
-    min-height: 12%;
+.content {
     z-index: 2;
-    background: white;
-
+    position: sticky;
+    top: 4rem;
+    padding: 2rem;
+    background-color: #e9eaed;
 }
-
-/* We want to give the content area some more padding */
-.content {
-    padding: 1em 3em 3em;
+.is-center {
+    text-align: center;
 }
-
-/* This is the class used for the main content headers (<h2>) */
-.content-head {
-    font-weight: 400;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    margin: 2em 0 1em;
+.content .g {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
 }
-
-/* This is a modifier class used when the content-head is inside a ribbon */
-.content-head-ribbon {
-    color: #3F3B3B;
+.content .g .l-box {
+    flex: 1;
+    text-align: justify-all;
+    padding-inline-end: 2rem;
+}
+.content-head {
 }
-
-/* This is the class used for the content sub-headers (<h3>) */
 .content-subhead {
-    color: #A22430;
 }
-    .content-subhead i {
-        margin-right: 7px;
-    }
+.content + * {
+    z-index: 3;
+    position: sticky;
+    top: 4rem;
+}
 
-/* This is the class used for the dark-background areas. */
+.ribbon-wrapper {
+    background-color: #F6F4F6;
+    padding: 2rem;
+}
 .ribbon {
-	background: #E9EAED;
-	color: #3F3B3B;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
-
-/* The footer */
-footer {
-    border-top: solid 1px #eeeeee;
-    background: #fbfbfb;
-    bottom: 0;
-    width: 100%;
+.ribbon img {
+    max-width: 25%;
+    max-height: 200px;
+    margin-right: 2rem;
+}
+.ribbon-content h2 {
+    margin-top: unset;
 }
 
-/*
- * -- TABLET (AND UP) MEDIA QUERIES --
- * On tablets and other medium-sized devices, we want to customize some
- * of the mobile styles.
- */
-@media (min-width: 48em) {
-
-    /* We increase the body font size */
-    body {
-        font-size: 16px;
-    }
-
-    /* We can align the menu header to the left, but float the
-    menu items to the right. */
-    .home-menu {
-        text-align: left;
-    }
-        .home-menu ul {
-            float: right;
-        }
-
-    /* We increase the height of the splash-container */
-/*    .splash-container {
-        height: 500px;
-    }*/
-
-    /* We decrease the width of the .splash, since we have more width
-    to work with */
-    .splash {
-        width: 50%;
-    }
-
-    .splash-head {
-        font-size: 250%;
-    }
-
-
-    /* We remove the border-separator assigned to .l-box-lrg */
-    .l-box-lrg {
-        border: none;
-    }
+.content-team {
+    z-index: 3;
+    position: sticky;
+    top: 4rem;
+    padding: 2rem;
+    background-color: #e9eaed;
+}
+.content-team .g {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
 
+.content-team .g .l-box-lrg {
+    text-align: justify-all;
+    padding-inline-end: 2rem;
+}
+.content-team .g .l-box-lrg:first-child {
+    flex: 1;
+    min-width: 20rem;
+}
+.content-team .g .l-box-lrg:nth-child(2) {
+    flex: 1;
+}
+.content-team .g .l-box-lrg:last-child {
+    flex: 0.5;
 }
 
-/*
- * -- DESKTOP (AND UP) MEDIA QUERIES --
- * On desktops and other large devices, we want to over-ride some
- * of the mobile and tablet styles.
- */
-@media (min-width: 78em) {
-    /* We increase the header font size even more */
-    .splash-head {
-        font-size: 300%;
-    }
+footer {
+    padding: 1rem;
+    background-color: #333333;
+    color: #e9eaed;
 }
+
+footer a {
+    font-weight: bold;
+    color: #e9eaed;
+}

assets/fonts/opensans/Apache License.txt

@@ -0,0 +1,201 @@
+Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

assets/fonts/opensans/opensans.css

@@ -0,0 +1,32 @@
+
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: url(OpenSans-Italic.ttf) format('ttf');
+}
+
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: bold;
+  src: url(OpenSans-SemiboldItalic.ttf) format('ttf');
+}
+
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(OpenSans-Regular.ttf) format('ttf');
+}
+
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: bold;
+  src: url(OpenSans-Semibold.ttf) format('ttf');
+}

assets/img/gnu-social-logo-invert.svg

@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24mm"
+   height="32mm"
+   viewBox="0 0 24 32"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="gnu-social-logo-invert.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1272"
+     inkscape:window-height="1370"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="4.1802625"
+     inkscape:cx="34.19964"
+     inkscape:cy="34.245384"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="text853"
+     inkscape:pagecheckerboard="true"
+     inkscape:document-rotation="0" />
+  <defs
+     id="defs2">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath859">
+      <use
+         x="0"
+         y="0"
+         xlink:href="#g855"
+         id="use861"
+         width="100%"
+         height="100%" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath859-6">
+      <use
+         x="0"
+         y="0"
+         xlink:href="#g855-5"
+         id="use861-7"
+         width="100%"
+         height="100%" />
+    </clipPath>
+  </defs>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="god"
+     style="display:inline"
+     transform="matrix(0.47865128,0,0,0.49161708,-14.705595,-398.94875)">
+    <g
+       id="g925"
+       transform="translate(-0.78308734,0.63723314)"
+       style="stroke:#000000;stroke-opacity:1">
+      <g
+         aria-label="G"
+         transform="matrix(1.1244589,0,0,1.0100747,-4.0043422,-41.191528)"
+         id="text853"
+         style="font-style:normal;font-weight:normal;font-size:62.4449px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.650468">
+        <path
+           d="m 57.519148,882.96567 15.136086,-0.34554 c 2.683308,32.77448 -38.469541,31.2716 -37.509928,1.14675 0.765452,-24.70233 28.91666,-31.98544 36.591541,-12.62905 l -8.609996,2.55008 c -2.217355,-7.40984 -15.919823,-6.7186 -18.887403,6.64234 -2.987313,20.18788 16.147591,22.80711 20.177199,10.75693 l -4.809555,-1.81516 z"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:62.4449px;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.650468"
+           id="path855"
+           sodipodi:nodetypes="ccccccccc" />
+      </g>
+      <g
+         id="layer1"
+         style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+         transform="matrix(2.4597335,0,0,2.2285081,17.450109,805.89108)">
+        <g
+           transform="matrix(0.26458333,0,0,0.26458333,23.293448,-84.126738)"
+           style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+           id="g4669">
+          <g
+             id="g4644"
+             transform="matrix(1.1438703,0,0,1.1748557,-102.13483,-617.9937)"
+             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.00091;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+            <g
+               id="g857"
+               clip-path="url(#clipPath859)"
+               transform="matrix(1.5815392,0,0,1.5815392,-36.266003,-486.77024)"
+               style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+              <g
+                 id="g855"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                <g
+                   id="g851"
+                   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
+              </g>
+            </g>
+          </g>
+        </g>
+        <path
+           id="path4611"
+           d="m 10.221803,2.7640969 c -1.7786174,0.1401817 -5.298108,9.1732331 2.008294,9.2604011 3.522746,-0.03369 3.68736,-2.4918871 3.68736,-2.4918871 0,0 0.09877,-2.1214767 -1.810756,-2.1214767 -1.909525,0 -1.282562,1.3806415 -2.798444,1.3806415 C 8.9024217,7.725778 10.547922,3.1080283 10.221803,2.7640969 Z"
+           style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.454216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+           sodipodi:nodetypes="cccscc" />
+      </g>
+      <g
+         id="g884"
+         style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+         transform="matrix(-2.2148845,0,0,2.1523642,91.41328,809.04412)">
+        <g
+           transform="matrix(0.26458333,0,0,0.26458333,23.293448,-84.126738)"
+           style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+           id="g880">
+          <g
+             id="g878"
+             transform="matrix(1.1438703,0,0,1.1748557,-102.13483,-617.9937)"
+             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.00091;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+            <g
+               id="g876"
+               clip-path="url(#clipPath859)"
+               transform="matrix(1.5815392,0,0,1.5815392,-36.266003,-486.77024)"
+               style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+              <g
+                 id="g874"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                <g
+                   id="g872"
+                   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+      <g
+         id="layer1-3"
+         style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+         transform="matrix(-2.4597335,0,0,2.2285081,95.97825,806.11208)">
+        <g
+           transform="matrix(0.26458333,0,0,0.26458333,23.293448,-84.126738)"
+           style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+           id="g4669-2">
+          <g
+             id="g4644-2"
+             transform="matrix(1.1438703,0,0,1.1748557,-102.13483,-617.9937)"
+             style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.00091;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+            <g
+               id="g857-1"
+               clip-path="url(#clipPath859-6)"
+               transform="matrix(1.5815392,0,0,1.5815392,-36.266003,-486.77024)"
+               style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+              <g
+                 id="g855-5"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                <g
+                   id="g851-3"
+                   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
+              </g>
+            </g>
+          </g>
+        </g>
+        <path
+           id="path4611-3"
+           d="m 10.221803,2.7640969 c -1.7786174,0.1401817 -5.298108,9.1732331 2.008294,9.2604011 3.522746,-0.03369 3.68736,-2.4918871 3.68736,-2.4918871 0,0 0.09877,-2.1214767 -1.810756,-2.1214767 -1.909525,0 -1.282562,1.3806415 -2.798444,1.3806415 C 8.9024217,7.725778 10.547922,3.1080283 10.221803,2.7640969 Z"
+           style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.454216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+           sodipodi:nodetypes="cccscc" />
+      </g>
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="not god"
+     transform="matrix(0.30264901,0,0,0.31084723,-3.7297254,-247.63757)" />
+</svg>

assets/img/gnu-social-logo.svg

@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32mm"
+   height="32mm"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   sodipodi:docname="gnu-social-logo.svg">
+  <defs
+     id="defs2">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 261.18107 : 1"
+       inkscape:vp_y="0 : 999.99994 : 0"
+       inkscape:vp_z="744.09447 : 261.18107 : 1"
+       inkscape:persp3d-origin="372.04724 : 85.787379 : 1"
+       id="perspective2888" />
+    <inkscape:perspective
+       id="perspective2859"
+       inkscape:persp3d-origin="0.5 : -264.66666 : 1"
+       inkscape:vp_z="0.99999998 : -264.49999 : 1"
+       inkscape:vp_y="0 : 999.99994 : 0"
+       inkscape:vp_x="0 : -264.49999 : 1"
+       sodipodi:type="inkscape:persp3d" />
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath859">
+      <use
+         x="0"
+         y="0"
+         xlink:href="#g855"
+         id="use861"
+         width="100%"
+         height="100%" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath859-6">
+      <use
+         x="0"
+         y="0"
+         xlink:href="#g855-5"
+         id="use861-7"
+         width="100%"
+         height="100%" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="31.153109"
+     inkscape:cy="63.414111"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g4644"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1343"
+     inkscape:window-height="908"
+     inkscape:window-x="0"
+     inkscape:window-y="502"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,21.355743,-86.198078)"
+       style="display:inline"
+       id="g4669">
+      <g
+         id="g4644"
+         transform="matrix(1.1438703,0,0,1.1748557,-102.38737,-617.48862)">
+        <path
+           sodipodi:nodetypes="ccsc"
+           inkscape:connector-curvature="0"
+           id="path4639"
+           d="m 96.925831,881.563 c -3.735488,21.79036 -38.392563,21.90151 -38.392563,21.90151 0,0 21.203396,-6.56966 19.750703,-22.34174 -1.327052,-14.408 18.64186,0.44023 18.64186,0.44023 z"
+           style="fill:#a22430;fill-opacity:1;stroke:none" />
+        <rect
+           style="fill:#a22430;fill-opacity:1;stroke:none"
+           id="rect3328"
+           width="89.521233"
+           height="77.451447"
+           x="27.052763"
+           y="805.25439"
+           ry="12.913471" />
+        <g
+           id="g1648"
+           transform="translate(-1.0511846,4.0452309)">
+          <path
+             d="m 75.610791,846.58166 15.657446,-0.32108 c 2.775732,30.4546 -39.794609,29.0581 -38.801944,1.06558 0.791819,-22.95383 29.91268,-29.72142 37.851922,-11.73514 l -8.906566,2.36958 c -2.29373,-6.88534 -16.468174,-6.24303 -19.537969,6.17219 -3.09021,18.75891 16.703785,21.19274 20.872192,9.99551 l -4.975219,-1.68668 z"
+             style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:62.4449px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Bold';display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.63773;stroke-opacity:1"
+             id="path855"
+             sodipodi:nodetypes="ccccccccc" />
+          <g
+             id="layer1-2"
+             style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+             transform="matrix(2.4407772,0,0,2.2113337,34.49393,805.56571)">
+            <g
+               transform="matrix(0.26458333,0,0,0.26458333,23.293448,-84.126738)"
+               style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+               id="g4669-8">
+              <g
+                 id="g4644-5"
+                 transform="matrix(1.1438703,0,0,1.1748557,-102.13483,-617.9937)"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.00091;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+                <g
+                   id="g857"
+                   clip-path="url(#clipPath859)"
+                   transform="matrix(1.5815392,0,0,1.5815392,-36.266003,-486.77024)"
+                   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                  <g
+                     id="g855"
+                     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                    <g
+                       id="g851"
+                       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
+                  </g>
+                </g>
+              </g>
+            </g>
+            <path
+               id="path4611"
+               d="m 10.221803,2.7640969 c -1.7786174,0.1401817 -5.298108,9.1732331 2.008294,9.2604011 3.522746,-0.03369 3.68736,-2.4918871 3.68736,-2.4918871 0,0 0.09877,-2.1214767 -1.810756,-2.1214767 -1.909525,0 -1.282562,1.3806415 -2.798444,1.3806415 C 8.9024217,7.725778 10.547922,3.1080283 10.221803,2.7640969 Z"
+               style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.454216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+               sodipodi:nodetypes="cccscc" />
+          </g>
+          <g
+             id="layer1-3"
+             style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+             transform="matrix(-2.4407772,0,0,2.2113337,111.75456,805.785)">
+            <g
+               transform="matrix(0.26458333,0,0,0.26458333,23.293448,-84.126738)"
+               style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1"
+               id="g4669-2">
+              <g
+                 id="g4644-2"
+                 transform="matrix(1.1438703,0,0,1.1748557,-102.13483,-617.9937)"
+                 style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.00091;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
+                <g
+                   id="g857-1"
+                   clip-path="url(#clipPath859-6)"
+                   transform="matrix(1.5815392,0,0,1.5815392,-36.266003,-486.77024)"
+                   style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                  <g
+                     id="g855-5"
+                     style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
+                    <g
+                       id="g851-3"
+                       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1" />
+                  </g>
+                </g>
+              </g>
+            </g>
+            <path
+               id="path4611-3"
+               d="m 10.221803,2.7640969 c -1.7786174,0.1401817 -5.298108,9.1732331 2.008294,9.2604011 3.522746,-0.03369 3.68736,-2.4918871 3.68736,-2.4918871 0,0 0.09877,-2.1214767 -1.810756,-2.1214767 -1.909525,0 -1.282562,1.3806415 -2.798444,1.3806415 C 8.9024217,7.725778 10.547922,3.1080283 10.221803,2.7640969 Z"
+               style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.454216;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
+               sodipodi:nodetypes="cccscc" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

index.html

@@ -3,74 +3,75 @@
 
 <head>
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>GNU social &mdash; a free software social networking platform</title>
+  <meta name="viewport" content= "width=device-width, initial-scale=1.0">  <title>GNU social &mdash; a free software social networking platform</title>
   <link rel="shortcut icon" href="favicon.ico">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
-  <link rel="stylesheet" href="/assets/css/style.css">
+  <link rel="stylesheet" href="assets/css/style.css">
+  <link rel='stylesheet' type='text/css' href="assets/fonts/opensans/opensans.css">
 </head>
 
 <body>
   <header class="header">
-    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
-      <a class="pure-menu-heading" href="#">GNU social</a>
-      <ul class="pure-menu-list">
-        <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Home</a></li>
-        <li class="pure-menu-item"><a href="v2/" class="pure-menu-link">Version 2</a></li>
-        <li class="pure-menu-item"><a href="v3/" class="pure-menu-link">Version 3</a></li>
+    <div class="home-menu menu menu-horizontal menu-fixed">
+      <a class="menu-heading" href="#">
+        <img src="assets/img/gnu-social-logo-invert.svg" alt="GNU social">
+      </a>
+      <ul class="menu-list">
+        <li class="menu-item menu-selected"><a href="#" class="menu-link">Home</a></li>
+        <li class="menu-item"><a href="v2/" class="menu-link">Version 2</a></li>
+        <li class="menu-item"><a href="v3/" class="menu-link">Version 3</a></li>
       </ul>
     </div>
   </header>
-  <div class="splash-container">
+  <div class="body-wrapper">
+    <div class="splash-container">
     <div class="splash">
-      <h1 class="splash-head">
-        <a href="#"><img src="/assets/img/logo.png" alt="GNU social"></a>
-      </h1>
+      <div class="splash-head">
+        <img src="assets/img/gnu-social-logo.svg" alt="GNU social">
+        <b>gnu</b>social
+      </div>
       <p class="splash-subhead">
         The free software social networking platform.
       </p>
       <!--
-      <a href="communities/" class="pure-button pure-button-primary">Join</a>
-      <a href="v2/" class="pure-button pure-button-primary">Version 2</a>
+      <a href="communities/" class="button button-primary">Join</a>
+      <a href="v2/" class="button button-primary">Version 2</a>
       -->
     </div>
   </div>
   <div class="content-wrapper">
     <div class="content">
 
-      <h2 class="content-head is-center">Features</h2>
+      <h1 class="content-head">Features</h1>
 
-      <div class="pure-g">
-        <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
+      <div class="g">
+        <div class="l-box u-1 u-md-1-2 u-lg-1-4">
 
           <h3 class="content-subhead">
-            <i class="fa fa-rocket"></i> Versatile
+            Versatile
           </h3>
           <p>
             GNU social supports both single-user and community modes and can be used in an intranet environment or as part of the wider Free Network.
           </p>
         </div>
-        <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
+        <div class="l-box u-1 u-md-1-2 u-lg-1-4">
           <h3 class="content-subhead">
-            <i class="fa fa-mobile"></i> Accessible
+            Accessible
           </h3>
           <p>
             Follows AnyBrowser and A11Y guidelines. It runs virtually anywhere you can run a common piece of web software, such as WordPress or Drupal. JavaScript is optional.
           </p>
         </div>
-        <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
+        <div class="l-box u-1 u-md-1-2 u-lg-1-4">
           <h3 class="content-subhead">
-            <i class="fa fa-th-large"></i> Customizable
+            Customizable
           </h3>
           <p>
             True to the Unix-philosophy of small programs to do a small job, GNU social can be easily expanded and customized via its simple plugin API.
           </p>
         </div>
-        <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
+        <div class="l-box u-1 u-md-1-2 u-lg-1-4">
           <h3 class="content-subhead">
-            <i class="fa fa-check-square-o"></i> Privacy focused
+            Privacy focused
           </h3>
           <p>
             GNU social is part of the GNU project, it's 100% free software, with no malicious features or spyware.
@@ -78,27 +79,25 @@
         </div>
       </div>
     </div>
-    <div class="ribbon l-box-lrg pure-g">
-      <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
-        <img width="300" alt="File Icons" class="pure-img-responsive" src="/assets/img/connections-gordon-johnson-pixabay.svg">
-      </div>
-      <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
-
-        <h2 class="content-head content-head-ribbon">Where can I join GNU social?</h2>
+    <div class="ribbon-wrapper">
+      <div class="ribbon">
+        <img alt="Decentralized social network." src="assets/img/connections-gordon-johnson-pixabay.svg">
+        <div class="ribbon-content">
+          <h1 class="content-head content-head-ribbon">Where can I join GNU social?</h1>
 
-        <p>There are many kinds of GNU social server instances online right now!</p>
-        <p><a href="communities/">Click here</a> to see a list of popular GNU social sites you can join!</p>
-        <strong>Disclaimer: </strong><i>Please note that the GNU social development team is not responsible for
-        the operation or content of sites that run its software.</i>
+          <p>There are many kinds of GNU social server instances online right now!</p>
+          <p><a href="communities/">Click here</a> to see a list of popular GNU social sites you can join!</p>
+          <em><b>Disclaimer:</b> Please note that the GNU social development team is not responsible for
+          the operation or content of sites that run its software.</em>
+        </div>
       </div>
     </div>
 
-    <div class="content">
-      <h2 class="content-head is-center">Support GNU social</h2>
-      <p>Support the team making GNU social possible!</p>
-      <div class="pure-g">
-        <div class="l-box-lrg pure-u-1 pure-u-md-1-3">
-          <h4>Who makes GNU social?</h4>
+    <div class="content-team">
+      <h1>Support the team making GNU social possible!</h1>
+      <div class="g">
+        <div class="l-box-lrg u-1 u-md-1-3">
+          <h3>Who makes GNU social?</h3>
           <p>Many developers have been involved in the making of GNU social. It's hard to keep a precise record of so many valuable contributions.</p>
           <p>Version 3 development is being maintained by <a href="https://www.diogo.site/">Diogo Cordeiro</a>, <a href="https://hsal.es/">Hugo Sales</a> and <a href="https://eliseuama.ro/">Eliseu Amaro</a>.</p>
           <p>Version 2 development was maintained by <a href="https://www.diogo.site/">Diogo Cordeiro</a> with many important contributions from <a href="https://loadaverage.org/XRevan86">Alexei Sorokin</a> and the help of <a href="soc/">Summer of Code students</a>.</p>
@@ -106,8 +105,8 @@
           <p>A list of contributors is available <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/experimental/CREDITS.md">here</a>.</p>
         </div>
 
-        <div class="l-box-lrg pure-u-1 pure-u-md-1-3">
-          <h4>Discuss</h4>
+        <div class="l-box-lrg u-1 u-md-1-3">
+          <h3>Discuss</h3>
           <p>Discuss the project on:<br>
             XMPP: <a
               href="xmpp:gnusocial@conference.bka.li?join">xmpp:gnusocial@conference.bka.li?join</a>,<br>
@@ -120,8 +119,8 @@
           <p>If you are a student you can also apply to <a href="/soc">GNU social's Summer of Code</a>.</p>
         </div>
 
-        <div class="l-box-lrg pure-u-1 pure-u-md-1-3">
-          <h4>Tell Others</h4>
+        <div class="l-box-lrg u-1 u-md-1-3">
+          <h3>Tell Others</h3>
           <p><a href="assets/tgz/logos.tar.gz">gs-logos.tar.gz</a> (14.2 kB)</p>
         </div>
       </div>
@@ -131,6 +130,8 @@
       This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
     </footer>
   </div>
+  </div>
+  
 </body>
 
 </html>

v3/.header.template

@@ -5,8 +5,5 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">

v3/all_tags.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>All tags - GNU social V3</title>

v3/feed.rss

@@ -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, 17 Aug 2021 01:00:10 +0100</lastBuildDate>
-<pubDate>Tue, 17 Aug 2021 01:00:10 +0100</pubDate>
+<lastBuildDate>Wed, 18 Aug 2021 13:42:44 +0100</lastBuildDate>
+<pubDate>Wed, 18 Aug 2021 13:42:44 +0100</pubDate>
 <atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
 <item><title>
 Updates: V3 blog
@@ -24,6 +24,12 @@ forget to subscribe!</p>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-v3-blog.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-v3-blog.html</guid>
@@ -54,6 +60,12 @@ functionality with more stability.</p>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-implement-storeremotemedia-for-v3-and-port-embed.html</guid>
@@ -93,6 +105,12 @@ any remote URL being shared in a note.</li>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-improve-the-attachments-system.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-improve-the-attachments-system.html</guid>
@@ -112,6 +130,12 @@ Updates: Finish the Avatar component
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-finish-the-avatar-component.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-finish-the-avatar-component.html</guid>
@@ -159,6 +183,12 @@ is properly tested, we have the
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-documentation-and-tests-infrastructure.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-documentation-and-tests-infrastructure.html</guid>
@@ -210,6 +240,12 @@ The main ones are:</p>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-port-media-handling-from-v2.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-port-media-handling-from-v2.html</guid>

v3/index.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Blog - GNU social V3</title>

v3/milestone-documentation-and-tests-infrastructure.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Milestone: Documentation and Tests Infrastructure - GNU social V3</title>
@@ -82,6 +79,12 @@ is properly tested, we have the
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-port-media-handling-from-v2.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Milestone: Port Media handling from v2 - GNU social V3</title>
@@ -86,6 +83,12 @@ The main ones are:</p>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-finish-the-avatar-component.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Updates: Finish the Avatar component - GNU social V3</title>
@@ -54,6 +51,12 @@ GNU social development team
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Updates: Implement StoreRemoteMedia for v3 and port Embed - GNU social V3</title>
@@ -65,6 +62,12 @@ functionality with more stability.</p>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-improve-the-attachments-system.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Updates: Improve the Attachments system - GNU social V3</title>
@@ -74,6 +71,12 @@ any remote URL being shared in a note.</li>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-v3-blog.html

@@ -5,9 +5,6 @@
   <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="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
-  <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-min.css">
-  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
   <link rel="stylesheet" href="/assets/css/style.css">
   <link rel="stylesheet" href="/v3/blog.css">
 <title>Updates: V3 blog - GNU social V3</title>
@@ -59,6 +56,12 @@ forget to subscribe!</p>
 
 
 
+
+
+
+
+
+
 <!-- text end -->
 <!-- entry end -->
 </div>