Expand css to other pages

This commit is contained in:
Diogo Peralta Cordeiro 2021-03-31 13:26:32 +01:00
parent 8c9badc487
commit 347579d4bc
4 changed files with 254 additions and 222 deletions

View File

@ -1,69 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; a free software social networking platform</title>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; Some public communities</title>
<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="../styles.css">
<style>
.content-wrapper {
top: 2em;
}
#nodes {
font-family: Helvetica, Arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
<style>
#nodes {
font-family: Helvetica, Arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
#nodes td, #nodes th {
border: 1px solid #ddd;
padding: 8px;
}
#nodes td, #nodes th {
border: 1px solid #ddd;
padding: 8px;
}
#nodes tr:nth-child(even){background-color: #f2f2f2;}
#nodes tr:nth-child(even){background-color: #f2f2f2;}
#nodes tr:hover {background-color: #ddd;}
#nodes tr:hover {background-color: #ddd;}
#nodes th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A22430;
color: white;
}
</style>
<?php
$query = urlencode('
{
nodes(platform: "gnusocial") {
openSignups
name
host
countryCode
}
}
');
$query_result = json_decode(file_get_contents("https://the-federation.info/graphql?query={$query}"), true);
$query_result = $query_result['data']['nodes'];
// Filter out instances with closed signups
$nodes = array_filter($query_result, function ($node) {
return $node['openSignups'];
});
// garbage collect
unset($query_result);
?>
</head>
#nodes th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #A22430;
color: white;
}
</style>
</head>
<body>
<body>
<header>
<div 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"><a href="/" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="https://gnusocial.network/" class="pure-menu-link">Version 2</a></li>
<li class="pure-menu-item"><a href="/v3" class="pure-menu-link">Version 3</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="content">
<header>
<h1>GNU social</h1>
<aside>The free/libre software social networking platform.</aside>
<nav>
<ul>
<li><a href="/">Home</a></li>
</ul>
</nav>
</header>
<body>
<?php
$query = urlencode('
{
nodes(platform: "gnusocial") {
openSignups
name
host
countryCode
}
}
');
$query_result = json_decode(file_get_contents("https://the-federation.info/graphql?query={$query}"), true);
$query_result = $query_result['data']['nodes'];
// Filter out instances with closed signups
$nodes = array_filter($query_result, function ($node) {
return $node['openSignups'];
});
// garbage collect
unset($query_result);
?>
<h2>Try GNU social</h2>
<h2 class="content-head is-center">Some public GNU social communities</h2>
<p>Please note that the servers listed here are not run by us and we are not responsible for their operation or
their content. They are listed here as a service to the community.</p>
@ -91,5 +101,11 @@
<p><br>This table's data comes from <a href="https://the-federation.info/">the federation - a statistics hub</a>, if
you want to be listed here, please go to https://the-federation.info/register/<yournode.tld>.
After some seconds, you should see your node added.</p>
</body>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</div>
</body>
</html>

View File

@ -1,136 +1,130 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social</title>
<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="styles.css">
</head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; a free software social networking platform</title>
<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="styles.css">
</head>
<body>
<header>
<div 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="https://gnusocial.network/" class="pure-menu-link">Version 2</a></li>
<li class="pure-menu-item"><a href="v3/" class="pure-menu-link">Version 3</a></li>
</ul>
</div>
</header>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head"><a href="#"><img src="https://gnusocial.network/assets/img/logo.png" alt="GNU social"></a></h1>
<p class="splash-subhead">
The free software social networking platform.
</p>
<a href="communities/" class="pure-button pure-button-primary">Join</a>
<a href="https://notabug.org/diogo/gnu-social/src/nightly/INSTALL.md" class="pure-button pure-button-primary">Own</a>
</p>
</div>
</div>
<div class="content-wrapper">
<header>
<div 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="https://gnusocial.network/" class="pure-menu-link">Version 2</a></li>
<li class="pure-menu-item"><a href="v3/" class="pure-menu-link">Version 3</a></li>
</ul>
</div>
</header>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head">
<a href="#"><img src="https://gnusocial.network/assets/img/logo.png" alt="GNU social"></a>
</h1>
<p class="splash-subhead">
The free software social networking platform.
</p>
<a href="communities/" class="pure-button pure-button-primary">Join</a>
<a href="https://notabug.org/diogo/gnu-social/src/nightly/INSTALL.md" class="pure-button pure-button-primary">Own</a>
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">Features</h2>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h2 class="content-head is-center">Features</h2>
<h3 class="content-subhead">
<i class="fa fa-rocket"></i>
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">
<h3 class="content-subhead">
<i class="fa fa-mobile"></i>
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">
<h3 class="content-subhead">
<i class="fa fa-th-large"></i>
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">
<h3 class="content-subhead">
<i class="fa fa-check-square-o"></i>
Privacy focused
</h3>
<p>
GNU social is part of the GNU project, it's 100% free software, with
no malicious features or spyware.
</p>
</div>
</div>
</div>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
<i class="fa fa-rocket"></i> 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">
<h3 class="content-subhead">
<i class="fa fa-mobile"></i> 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">
<h3 class="content-subhead">
<i class="fa fa-th-large"></i> 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">
<h3 class="content-subhead">
<i class="fa fa-check-square-o"></i> Privacy focused
</h3>
<p>
GNU social is part of the GNU project, it's 100% free software, with no malicious features or spyware.
</p>
</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="https://cdn.pixabay.com/photo/2017/02/25/23/52/connections-2099068_960_720.png">
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
<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="https://cdn.pixabay.com/photo/2017/02/25/23/52/connections-2099068_960_720.png">
</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>
<h2 class="content-head content-head-ribbon">Where can I join GNU social?</h2>
<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>
</div>
<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>
</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>
<p>The current development team is lead by <a href="https://www.diogo.site/">Diogo Cordeiro</a>. A
list containing the current devs and other contributors is
available <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/experimental/CREDITS.md">here</a>.
The founders of the GNU social project were <a href="https://mat.tl/">Matt Lee</a>,
<a href="https://en.wikipedia.org/wiki/Evan_Prodromou">Evan Prodromou</a> and
<a href="http://mmn-o.se">Mikael Nordfeldth</a>.
</p>
</div>
<div class="l-box-lrg pure-u-1 pure-u-md-1-3">
<h4>Discuss</h4>
<p>Discuss the project on our IRC channel <a
href="https://webchat.freenode.net/?channels=#social">#social</a> on irc.freenode.net</p>
<p>Contribute code, report bugs and request features on our <a
href="https://notabug.org/diogo/gnu-social">repository</a>.
</p>
<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>
<p><a href="assets/zip/logos.tar.gz">gs-logos.tar.gz</a> (14.2 kB)</p>
</p>
</div>
<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>
<p>The current development team is lead by <a href="https://www.diogo.site/">Diogo Cordeiro</a>. A list containing the current devs and other contributors is available <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/experimental/CREDITS.md">here</a>. The founders of the GNU social project were <a href="https://mat.tl/">Matt Lee</a>,
<a href="https://en.wikipedia.org/wiki/Evan_Prodromou">Evan Prodromou</a> and
<a href="http://mmn-o.se">Mikael Nordfeldth</a>.
</p>
</div>
<div class="l-box-lrg pure-u-1 pure-u-md-1-3">
<h4>Discuss</h4>
<p>Discuss the project on our IRC channel <a href="https://webchat.freenode.net/?channels=#social">#social</a> on irc.freenode.net</p>
<p>Contribute code, report bugs and request features on our <a href="https://notabug.org/diogo/gnu-social">repository</a>.
</p>
<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>
<p><a href="assets/zip/logos.tar.gz">gs-logos.tar.gz</a> (14.2 kB)</p>
</p>
</div>
</div>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</div>
</div>
</body>
</html>

View File

@ -114,7 +114,7 @@ a.pure-button-primary {
}
.home-menu .pure-menu-heading {
color: #817F7F;
color: #3F3B3B;
font-weight: 400;
font-size: 120%;
}

View File

@ -1,50 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social</title>
</head>
<body>
<header>
<h1>GNU social</h1>
<aside>The free/libre software social networking platform.</aside>
<nav>
<ul>
<li><a href="https://code.gnusocial.rocks/">Repository</a></li>
<li><a href="https://docs.gnusocial.rocks/">Documentation</a></li>
<li><a href="https://agile.gnusocial.rocks/">Wiki</a></li>
<li><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463">Roadmap</a></li>
</ul>
</nav>
</header>
<h2>Version 3</h2>
<h3>Abstract</h3>
GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>
<h3>Milestones</h3>
<ul>
<li>Initial test and documentation infrastructure</li>
<li>Expand our support for tags, be it in posts and in actors (people, groups, etc)</li>
<li>Port over the v2 federation stack to v3</li>
<li>New functionality:
<ul>
<li>Implement Companies/Celebrities actor type as Service</li>
<li>Pinned Activities (plugin)</li>
<li>More sorting options</li>
<li>Publication language with defaults per group and easy switch on posting</li>
<li>Album of Images and Videos</li>
<li>Markdown</li>
<li>Server-side rendered-to-svg LaTeX</li>
<li>Posts with titles</li>
</ul>
<li>Media handling, such as thumbnails, compression, and quota and permission checking</li>
<li>External APIs.</li>
<li>New Groups specification</li>
<li>Better timelines</li>
</ul>
</body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; Version 3</title>
<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="../styles.css">
<style>
.content-wrapper {
top: 2em;
}
</style>
</head>
<body>
<header>
<div 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">Version 3</a></li>
<li class="pure-menu-item"><a href="https://code.gnusocial.rocks/" class="pure-menu-link">Repository</a></li>
<li class="pure-menu-item"><a href="https://docs.gnusocial.rocks/" class="pure-menu-link">Documentation</a></li>
<li class="pure-menu-item"><a href="https://agile.gnusocial.rocks/" class="pure-menu-link">Wiki</a></li>
<li class="pure-menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="pure-menu-link">Roadmap</a></li>
</ul>
</div>
</header>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3>
GNU social is the eldest free social networking platform for public and private communications used in federated social networks. It's versatile, extensible and privacy focused. We've been modernizing the existing codebase, ensuring inter-operationality as defined by the IndieWeb and we're developing a modern frontend. This makes GNU social accessible: easy to install and use, and follows AnyBrowser and A11Y guidelines.
Our objective is to further differentiate GNU social from the alternative software available, either FOSS or Proprietary/Centralized while setting an example of how a secure, performant and plug-and-play software should be in modern day's web.
<p>We are being supported by <a href="https://nlnet.nl/project/GNUSocial/">NLnet</a>.</p>
<h3>Milestones</h3>
<ul>
<li>Initial test and documentation infrastructure</li>
<li>Expand our support for tags, be it in posts and in actors (people, groups, etc)</li>
<li>Port over the v2 federation stack to v3</li>
<li>New functionality:
<ul>
<li>Implement Companies/Celebrities actor type as Service</li>
<li>Pinned Activities (plugin)</li>
<li>More sorting options</li>
<li>Publication language with defaults per group and easy switch on posting</li>
<li>Album of Images and Videos</li>
<li>Markdown</li>
<li>Server-side rendered-to-svg LaTeX</li>
<li>Posts with titles</li>
</ul>
<li>Media handling, such as thumbnails, compression, and quota and permission checking</li>
<li>External APIs.</li>
<li>New Groups specification</li>
<li>Better timelines</li>
</ul>
</div>
<footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer>
</div>
</body>
</html>