@@ -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; | |||
} |
@@ -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. |
@@ -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'); | |||
} |
@@ -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> |
@@ -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> |
@@ -3,74 +3,75 @@ | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | |||
<title>GNU social — a free software social networking platform</title> | |||
<meta name="viewport" content= "width=device-width, initial-scale=1.0"> <title>GNU social — 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> |
@@ -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"> |
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||
@@ -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> | |||