...
 
Commits (19)
# Description
*GNU social* is the largest decentralized **social network** on the web.
*GNU social* is a free and libre social networking platform.
This *web site* is aimed to provide a landing page with basic *information* about the service.
# Contribute
## report instance/node
- Please clone this repository
- Add your instance here https://gnusocial.network/try/
- Pull request to this repository
or
- *contact* @dalme at gnusocial.cc
This *web site* is aimed to provide a landing page with basic *information* about it.
## l10n
*Internationalization* proccess is made per folder, so you can contribute translating to your language by:
*Internationalization* proccess is made per directory, so you can contribute translating to your language by:
- cloning this repository.
- adding a folder using your language code for every *html* page.
- adding a directory using your language code.
- put required files inside this new folder.
- update relative links to your language.
- insert your language on the footpage.
You **must** recreate the whole website using the proposed structure.
*Report* bugs or suggestions to the respective translators here (add yourself):
- Catalan
- English - @dalme at gnusocial.cc
- Vasque
- Galician - @xosem at mstdn.io
- Spanish - @aab at khp.ignorelist.com
- Galician - @xosem at mstdn.io
- Portuguese - @diogo at loadaverage.org
or
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>What is GNU social?</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU social:</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/social">Home</a></li>
<li><a href="/social/about/">About</a></li>
<li><a href="/social/contact/">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/social/resources/">Mailing List</a></li>
<li><a href="/social/resources/code/">Download source code</a></li>
<li><a href="/social/resources/who/">Who's who?</a></li>
<li><a href="/social/resources/faq/">FAQ</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/social/resources/code">Download GNU social</a>
<a type="submit" class="btn btn-warning" href="/social/resources/">Join the list</a>
<a type="submit" class="btn btn-success" href="/social/try/">Sign up</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>What is GNU social?</h1>
</div>
</div>
<div class="container">
<div class="span8">
<p>Started in 2010 as an off-shoot of the GNU FM project, GNU social
began as a set of simple PHP scripts for joining groups and posting
messages across servers, developed as a prototype for Software Freedom
Day 2010 in Boston.</p>
<p>Initial work on GNU social was slow, until a local free software
developer, Craig Andrews suggested we build our work using the
existing StatusNet software, and offered to donate all of his work on
StatusNet to the Free Software Foundation. From this point onward, GNU
social worked alongside StatusNet &mdash; two projects sharing a
codebase, and it was very difficult to explain exactly what GNU social
was (or wasn't). We continued this way for sometime, until a meeting
with Evan Prodromou at LibrePlanet 2012. At this meeting, Evan
announced that wanted to merge his StatusNet project into our
fledgling project!</p>
<p>Over a year later, in June 2013 we were finally ready to tell the
world &mdash; StatusNet is now GNU social! Merging with both StatusNet
and Mikael Nordfeldth's Free Social project, the future work on this
project would be known as GNU social.</p>
</div>
</div>
<hr/>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>What is GNU social?</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU social:</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/social">Home</a></li>
<li><a href="/social/about/">About</a></li>
<li><a href="/social/contact/">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/social/resources/">Mailing List</a></li>
<li><a href="/social/resources/code/">Download source code</a></li>
<li><a href="/social/resources/who/">Who's who?</a></li>
<li><a href="/social/resources/faq/">FAQ</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/social/resources/code">Download GNU social</a>
<a type="submit" class="btn btn-warning" href="/social/resources/">Join the list</a>
<a type="submit" class="btn btn-success" href="/social/try/">Sign up</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>What is GNU social?</h1>
</div>
</div>
<div class="container">
<div class="span8">
<p>Started in 2010 as an off-shoot of the GNU FM project, GNU social
began as a set of simple PHP scripts for joining groups and posting
messages across servers, developed as a prototype for Software Freedom
Day 2010 in Boston.</p>
<p>Initial work on GNU social was slow, until a local free software
developer, Craig Andrews suggested we build our work using the
existing StatusNet software, and offered to donate all of his work on
StatusNet to the Free Software Foundation. From this point onward, GNU
social worked alongside StatusNet &mdash; two projects sharing a
codebase, and it was very difficult to explain exactly what GNU social
was (or wasn't). We continued this way for sometime, until a meeting
with Evan Prodromou at LibrePlanet 2012. At this meeting, Evan
announced that wanted to merge his StatusNet project into our
fledgling project!</p>
<p>Over a year later, in June 2013 we were finally ready to tell the
world &mdash; StatusNet is now GNU social! Merging with both StatusNet
and Mikael Nordfeldth's Free Social project, the future work on this
project would be known as GNU social.</p>
</div>
</div>
<hr/>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>What is GNU social?</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU social:</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/social">Home</a></li>
<li><a href="/social/about/">About</a></li>
<li><a href="/social/contact/">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/social/resources/">Mailing List</a></li>
<li><a href="/social/resources/code/">Download source code</a></li>
<li><a href="/social/resources/who/">Who's who?</a></li>
<li><a href="/social/resources/faq/">FAQ</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/social/resources/code">Download GNU social</a>
<a type="submit" class="btn btn-warning" href="/social/resources/">Join the list</a>
<a type="submit" class="btn btn-success" href="/social/try/">Sign up</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>What is GNU social?</h1>
</div>
</div>
<div class="container">
<div class="span8">
<p>Started in 2010 as an off-shoot of the GNU FM project, GNU social
began as a set of simple PHP scripts for joining groups and posting
messages across servers, developed as a prototype for Software Freedom
Day 2010 in Boston.</p>
<p>Initial work on GNU social was slow, until a local free software
developer, Craig Andrews suggested we build our work using the
existing StatusNet software, and offered to donate all of his work on
StatusNet to the Free Software Foundation. From this point onward, GNU
social worked alongside StatusNet &mdash; two projects sharing a
codebase, and it was very difficult to explain exactly what GNU social
was (or wasn't). We continued this way for sometime, until a meeting
with Evan Prodromou at LibrePlanet 2012. At this meeting, Evan
announced that wanted to merge his StatusNet project into our
fledgling project!</p>
<p>Over a year later, in June 2013 we were finally ready to tell the
world &mdash; StatusNet is now GNU social! Merging with both StatusNet
and Mikael Nordfeldth's Free Social project, the future work on this
project would be known as GNU social.</p>
</div>
</div>
<hr/>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>Que é GNU social?</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU social:</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/social">Inicio</a></li>
<li><a href="/social/about/">Acerca de</a></li>
<li><a href="/social/contact/">Contacto</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Recursos <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/social/resources/">Lista de correo</a></li>
<li><a href="/social/resources/code/">Descargue código fonte</a></li>
<li><a href="/social/resources/who/">Quen é quen?</a></li>
<li><a href="/social/resources/faq/">PMF</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/social/resources/code">Descargue GNU social</a>
<a type="submit" class="btn btn-warning" href="/social/resources/">Únase a lista</a>
<a type="submit" class="btn btn-success" href="/social/try/">Rexístrese</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Que é GNU social?</h1>
</div>
</div>
<div class="container">
<div class="span8">
<p>Iniciado en 2010 como unha rama do proxecto GNU FM, GNU social
comezou como un conxunto simple de scripts PHP para unir grupos e publicar
mensaxes entre servidores, desenvolto como un prototipo para o Día da Libertade
do Software de 2010 en Boston.</p>
<p>O traballo inicial en GNU social foi lento, ata que un desenvolvedor local
de software libre, Craig Andrews, suxeriu que construísemos o software aproveitando o
software StatusNet existente, e ofrecendo doar todo o seu traballo en StatusNet a
Free Software Fundation. Desde este punto, GNU social traballou xunto con StatusNet &mdash;
dous proxectos compartindo a base do código polo que era complicado explicar exactamente
que era GNU social (ou non era). Continuamos de este xeito durante un tempo, ate unha
reunión con Evan Prodromou no LibrePlanet de 2012. En esta reunión, Evan anunciou
que quería unir o seu proxecto StatusNet dentro do noso proxecto emerxente!</p>
<p>Un ano máis tarde, en xuño de 2013 estábamos finalmente preparadas para
dicir ben alto &mdash; StatusNet é agora GNU social! Xuntando tanto StatusNet como
o proxecto Free Social de Mikael Nordfeldth, o traballo futuro en este proxecto
sería recoñecido como GNU social.</p>
</div>
</div>
<hr/>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>What is GNU social?</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU social:</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/social">Home</a></li>
<li><a href="/social/about/">About</a></li>
<li><a href="/social/contact/">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/social/resources/">Mailing List</a></li>
<li><a href="/social/resources/code/">Download source code</a></li>
<li><a href="/social/resources/who/">Who's who?</a></li>
<li><a href="/social/resources/faq/">FAQ</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/social/resources/code">Download GNU social</a>
<a type="submit" class="btn btn-warning" href="/social/resources/">Join the list</a>
<a type="submit" class="btn btn-success" href="/social/try/">Sign up</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>What is GNU social?</h1>
</div>
</div>
<div class="container">
<div class="span8">
<p>Started in 2010 as an off-shoot of the GNU FM project, GNU social
began as a set of simple PHP scripts for joining groups and posting
messages across servers, developed as a prototype for Software Freedom
Day 2010 in Boston.</p>
<p>Initial work on GNU social was slow, until a local free software
developer, Craig Andrews suggested we build our work using the
existing StatusNet software, and offered to donate all of his work on
StatusNet to the Free Software Foundation. From this point onward, GNU
social worked alongside StatusNet &mdash; two projects sharing a
codebase, and it was very difficult to explain exactly what GNU social
was (or wasn't). We continued this way for sometime, until a meeting
with Evan Prodromou at LibrePlanet 2012. At this meeting, Evan
announced that wanted to merge his StatusNet project into our
fledgling project!</p>
<p>Over a year later, in June 2013 we were finally ready to tell the
world &mdash; StatusNet is now GNU social! Merging with both StatusNet
and Mikael Nordfeldth's Free Social project, the future work on this
project would be known as GNU social.</p>
</div>
</div>
<hr/>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
This diff is collapsed.
/* Move down content because we have a fixed navbar that is 50px tall */
body {
padding-top: 50px;
padding-bottom: 20px;
}
.command {padding: 1em 2em; font-size: 80%; background: #111; color: lime; margin-top: 1em; font-family: monospace; }
.jumbotron .container {text-align: center; width: 50%; margin: 0 auto;}
\ No newline at end of file
/* Copyright (C) 2019 Free Software Foundation, Inc.
Authors:
* Gonçalo Oliveira <goncalo.oli@outlook.com>
* Diogo Cordeiro <diogo@fc.up.pt>
This file is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This file is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details. */
@charset UTF-8;
*,
::after,
::before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-moz-selection,
::selection {
background: rgba(255, 255, 0, .3);
color: #000;
}
:after,
:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: inherit;
}
body {
background: #E9EAED;
display: flex;
flex-direction: column;
font-family: "fira sans", 'Helvetica Neue', Helvetica, Arial, sans-serif, sans;
overflow-y: scroll;
margin: auto;
line-height: 1.4;
font-size: 17px;
color: #3F3B3B;
}
a {
text-decoration: none;
color: #A22430;
}
#intro-section {
text-align: center;
padding: inherit;
border-bottom: 0.0625em solid #B9BCC6;
}
#intro-section img {
max-width: 100%;
height: auto;
}
#intro-section h2 {
margin: 0 auto;
margin-bottom: 0.625em;
font-size: 40px;
line-height: 1.3em;
margin-top: 1.25em;
font-weight: 400;
max-width: 47.5em;
}
#intro-section .cta {
margin-top: 2.5em;
margin-bottom: 1em;
}
#intro-section .cta a {
font-size: 20px;
background-color: #A22430;
color: white;
display: inline;
padding: 15px 30px;
border-radius: 4px;
margin-right: 0.625em;
border: 0.0625em solid #7D1C25;
}
#intro-section .cta a:hover {
background-color: #7D1C25;
}
section,
article {
margin: 0 15px;
display: block;
word-wrap: break-word;
}
section,
article {
margin-bottom: 1em;
}
section p,
article p {
margin: 0 0 16px;
text-indent: 0;
vertical-align: baseline;
white-space: normal;
}
@media (min-width: 568px) {
section,
article {
margin: 0 auto;
width: 90%;
max-width: 1200px;
}
}
header {
color: #3F3B3B;
text-align: left;
}
.footer {
text-align: center;
border-top: 0.0625em solid #B9BCC6;
}
.container {
padding: 40px 0;
width: 960px;
margin: 0 auto;
overflow: auto;
}
.footer .container>div {
width: 430px;
float: left;
}
.footer .left {
text-align: left;
}
.footer .right {
text-align: right;
}
/*
* FSF header
*/
header nav {
background: #F2EFE4;
border-bottom: 1px solid #D4CBB6;
padding: 8px;
margin-bottom: 20px;
text-align: center;
font-size: .9em;
font-weight: 400;
}
header nav a {
color: #3F3D32;
padding: 0.625em;
}
header nav a:hover {
color: #3F3D32;
text-decoration: underline;
}
header nav.gnu-nav {
margin: 0;
background: #fcfbfa;
}
header nav.gnu-nav .gnu-logo {
padding: 0;
}
header nav.gnu-nav .gnu-logo img {
height: 2.125em;
vertical-align: bottom;
}
header nav.gnu-nav a {
color: #817F7F;
font-size: .9em;
padding: 0;
}
header nav.gnu-nav a:hover {
color: #525151;
text-decoration: none;
}
header nav.gnu-nav a:after {
content: '\30FB';
padding: 0 0.3125em;
color: #817F7F;
font-size: .9em;
}
header nav.gnu-nav a:last-child:after {
content: '';
padding: 0;
}
header nav.gnu-nav a:first-child:after {
content: '';
}
header nav.gnu-nav a.join-fsf {
text-align: center;
border-radius: 20px;
display: inline-block;
padding: 5px 18px 2px 18px;
background: #817F7F;
color: white;
text-decoration: none;
}
header nav.gnu-nav a.join-fsf:hover {
background: #525151;
}
header .container {
padding-top: 2.5em;
padding-bottom: 2.5em;
position: relative;
overflow: hidden;
}
header .logo {
overflow: hidden;
text-align: center;
z-index: 1;
}
header .logo img {
max-height: 6.25em;
vertical-align: top;
}
header p {
margin: 0 auto;
text-align: center;
max-width: 47.5em;
font-weight: 300;
font-size: 1.2em;
}
header a {
text-decoration: none;
}
header a.learn-more {
color: rgb(240, 255, 135);
text-decoration: none;
}
header a.learn-more:hover {
color: rgb(240, 255, 135);
text-decoration: none;
}
/*
* FSF footer
*/
.fsf-banner {
background: #b11107;
border-top: 4px solid #840902;
color: white;
overflow: hidden;
padding: 10px 0;
}
.fsf-logo {
display: inline-block;
}
.fsf-banner .left {
float: left;
width: 50%;
}
.fsf-banner .right {
float: right;
width: 50%;
}
.fsf-banner img {
float: left;
}
.fsf-banner p {
font-style: italic;
}
#join-fsf {
margin: 20px 0 0 0;
width: auto;
}
#join-fsf a {
margin: 20px 0 0 0;
background: #ddd;
display: inline-block;
border-radius: 16px;
padding: 10px 20px;
color: #b11107;
font-weight: bold;
text-decoration: none;
border: 4px solid white;
font-size: 1.4em;
}
#fssbox {
padding-top: 20px;
}
#fssbox form {
margin-bottom: 40px;
margin-top: 20px;
}
#fssbox p {
margin-left: 0;
margin-bottom: 5px;
margin-right: 20px;
font-style: normal;
}
#fssbox p a {
font-weight: bold;
color: white;
}
#fssbox input[type='text'] {
border: 2px solid #840902;
border-radius: 8px;
padding: 5px 10px;
}
#fssbox input[type='submit'] {
background: #ddd;
margin-left: 5px;
display: inline-block;
border-radius: 16px;
padding: 2px 8px;
font-weight: bold;
color: #b11107;
font-weight: bold;
text-decoration: none;
border: 4px solid white;
}
/*
* Footer
*/
.footer {
border-top: 4px solid #333;
padding-top: 15px;
background: #434342;
color: #888;
}
.footer h3 {
font-size: 1.3em;
}
.fsf-banner .container,
.footer .container {
padding: 5px;
font-size: 0.8em;
overflow: hidden;
}
.fsf-banner .container {
padding: 20px;
}
.footer .left {
text-align: left;
}
.footer .right {
text-align: right;
}
.footer p {
margin: 5px 0;
}
.footer a {
color: #ccc;
text-decoration: none;
}
.footer a:hover {
color: rgb(204, 99, 99);
}
/*
* Columns
*
* Two columns utilizing the golden ratio
*/
.col-wide,
.col-narrow {
display: block;
}
@media (min-width: 568px) {
.col-wide {
display: table-cell;
width: 61.8%;
vertical-align: top;
}
.col-narrow {
display: table-cell;
width: 38.2%;
padding-left: 6%;
vertical-align: top;
}
}
/* Begin of Responsiveness instructions */
@media screen and (max-width: 999px) {
.container {
width: 90%;
padding: 40px 5%;
}
header .container {
padding-bottom: 0;
}
header h2,
header p {
max-width: 100%;
}
header {
left: 0;
position: relative;
max-width: 100%;
}
.fsf-banner a {
display: block;
text-align: center;
margin-bottom: 10px;
}
.fsf-banner img {
float: none;
}
.fsf-banner p {
text-align: center;
width: auto;
margin-bottom: 10px;
}
.footer,
.footer .container>.left,
.footer .container>.right {
float: none;
text-align: center;
width: auto;
}
.footer .container>div:last-child {
margin-left: 0;
}
}
@media screen and (max-width: 840px) {
.fsf-banner .right,
.fsf-banner .left {
float: none;
width: auto;
}
}
@media screen and (max-width: 639px) {
body {
font-size: 1em;
}
header .container {
text-align: center;
padding-top: 0;
}
header .logo {
text-align: center;
}
header .logo h1,
header .logo img {
float: none;
}
header .logo h1 {
display: block;
font-size: 3em;
line-height: 2em;
margin-left: 5px;
}
header h2 {
margin-top: 10px;
margin-bottom: 30px;
font-size: 1.8em;
}
header nav {
display: none;
padding: 0;
}
header nav a {
padding: 10px;
display: block;
text-align: left;
border-top: 1px solid #999;
font-size: 1.2em;
font-weight: 400;
}
header nav.gnu-nav a {
border-color: #ccc;
}
.fsf-banner img {
max-width: 100%;
}
.fsf-banner p {
margin-left: 0;
text-align: center;
}
.fsf-banner .right {
text-align: left;
float: left;
}
#join-fsf {
text-align: center;
width: 100%;
}
}
@media screen and (max-width: 550px) {
header .links li {
float: none;
width: auto;
padding: 5px;
}
header,
header {
text-align: center;
margin: 0;
width: auto;
}
}
/* End of Responsiveness instructions */
This diff is collapsed.
This diff is collapsed.
/*
HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
This diff is collapsed.
/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document);
/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
(function(a){"use strict";function x(){u(!0)}var b={};a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,b.mediaQueriesSupported;var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var a=m.shift();v(a.href,function(b){p(b,a.href,a.media),h[a.href]=!0,setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(a){var b="clientWidth",h=d[b],k="CSS1Compat"===c.compatMode&&h||c.body[b]||h,m={},n=l[l.length-1],o=(new Date).getTime();if(a&&q&&i>o-q)return clearTimeout(r),r=setTimeout(u,i),void 0;q=o;for(var p in e)if(e.hasOwnProperty(p)){var v=e[p],w=v.minw,x=v.maxw,y=null===w,z=null===x,A="em";w&&(w=parseFloat(w)*(w.indexOf(A)>-1?t||s():1)),x&&(x=parseFloat(x)*(x.indexOf(A)>-1?t||s():1)),v.hasquery&&(y&&z||!(y||k>=w)||!(z||x>=k))||(m[v.media]||(m[v.media]=[]),m[v.media].push(f[v.rules]))}for(var B in g)g.hasOwnProperty(B)&&g[B]&&g[B].parentNode===j&&j.removeChild(g[B]);for(var C in m)if(m.hasOwnProperty(C)){var D=c.createElement("style"),E=m[C].join("\n");D.type="text/css",D.media=C,j.insertBefore(D,n.nextSibling),D.styleSheet?D.styleSheet.cssText=E:D.appendChild(c.createTextNode(E)),g.push(D)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)})(this);
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>GNU social &mdash; a free federated social network</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU Social Network</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<!-- <li class="active"><a href="/">Home</a></li>-->
<!-- <li><a href="/resources/faq/">FAQ</a></li>-->
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/resources/code">Download GNU social</a>
<a type="submit" class="btn btn-success" href="/try/">Sign up</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<div class="container">
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<img src="/assets/img/gnu.png" class="img-responsive pull-right" />
<h1>Control your own social network</h1>
<p>GNU social is the largest decentralized social network on the web.</p>
<p><a class="btn btn-success btn-lg" href="/try">Join us</a></p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<p>GNU social is web software you can use to run your own social network, either privately or publicly.</p>
<ul>
<li>The software supports both single-user and community modes and can be used in an intranet environment or as part of the wider GNU social federated social network.</li>
<li>The software has been used in production environments for over
five years and is very stable. GNU social also easily
communicates with other GNU social servers, and traditional
social networks such as Twitter.</li>
<li>Because GNU social is written in the de-facto web standards of
PHP and MySQL, it runs virtually anywhere you can run a common
piece of web software, such as WordPress or Drupal.</li>
<li>And because GNU social is part of the GNU project, it's 100% free software, with no malicious features, spyware or advertising.</p>
</ul>
<p><a class="btn btn-primary btn-lg" href="/try/">Try GNU social today &raquo;</a></p>
</div>
<div class="row">
<div class="col-md-6">
<h2>Run your own server!</h2>
<ol>
<li>Pick a web host. Any GNU/Linux or *BSD host with modern PHP and MySQL/MariaDB is fine.</li>
<li><a href="/resources/code/">Download the code</a>; we recommend using Git, but you can download a zip archive if you prefer.</li>
<li>Follow the <a href="https://git.gnu.io/gnu/gnu-social/blob/master/INSTALL">installation guide</a> and you'll be up and running in 15-minutes.</li>
</ol>
</div>
<div class="col-md-6">
<h2>Developers!</h2>
<ul>
<li><tt>git clone https://git.gnu.io/gnu/gnu-social</tt></li>
<li><a href="https://git.gnu.io/gnu/gnu-social/issues">GNU social bug tracker</a></li>
<li>See you on #social on irc.freenode.net!</li>
<li>See you on gnusocial@conference.bka.li on XMPP!</li>
</ul>
</div>
</div>
</div>
<div class="footer well">
<div class="container">
<p>This website is maintained by <a href="https://dalme.net">DalmeGNU</a>. Follow me on GNU social: <a href="https://gnusocial.cc/dalme">@dalme</a>.</p>
<!-- l10n , alphabetical order.
It may be better just put international language code, like "en".
-->
<p> <a href="#">Català</a> &mdash; <a href="../index.html">English</a> &mdash; <a href="../es/index.html">Español</a> &mdash; <a href="../eu/index.html">Euskera</a> &mdash; <a href="../gl/index.html">Galego</a> </p>
<!-- en of l10n links -->
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>Contact GNU social</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/assets/js/html5shiv.js"></script>
<script src="/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">GNU social:</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/social">Home</a></li>
<li><a href="/social/about/">About</a></li>
<li><a href="/social/contact/">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/social/resources/">Mailing List</a></li>
<li><a href="/social/resources/code/">Download source code</a></li>
<li><a href="/social/resources/who/">Who's who?</a></li>
<li><a href="/social/resources/faq/">FAQ</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-right">
<a type="submit" class="btn btn-primary" href="/social/resources/code">Download GNU social</a>
<a type="submit" class="btn btn-warning" href="/social/resources/">Join the list</a>
<a type="submit" class="btn btn-success" href="/social/try/">Sign up</a>
</form>
</div><!--/.navbar-collapse -->
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Contact us</h1>
</div>
</div>
<div class="container">
<div class="span8">
<p>We have many ways to contact the project:</p>
<ul>
<li><a href="/social/resources/">Via the GNU social mailing list and IRC channel (#social on freenode)</li>
<li>Write to Matt Lee, the project founder directly <a href="mailto:mattl@gnu.org">mattl@gnu.org</a></li>
<li>Submit bug reports pr feature requests via <a href="https://bugz.foocorp.net/project/view/3/">our issue tracker</a></li>
<li>Coming soon: talk to us directly via GNU social</li>
</ul>
</div>
</div>
<hr/>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="/assets/ico/favicon.png">
<title>Contact GNU social</title>
<!-- Bootstrap core CSS -->
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/assets/css/jumbotron.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->