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,12 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social &mdash; Some public communities</title>
<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">
<style> <style>
.content-wrapper {
top: 2em;
}
#nodes { #nodes {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
border-collapse: collapse; border-collapse: collapse;
@ -30,20 +36,7 @@
color: white; color: white;
} }
</style> </style>
</head> <?php
<body>
<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(' $query = urlencode('
{ {
nodes(platform: "gnusocial") { nodes(platform: "gnusocial") {
@ -62,8 +55,25 @@
}); });
// garbage collect // garbage collect
unset($query_result); unset($query_result);
?> ?>
<h2>Try GNU social</h2> </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"><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">
<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 <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> 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 <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>. 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> 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> </html>

View File

@ -1,29 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social</title> <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/pure-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/grids-responsive-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="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>
<header> <header>
<div class="header"> <div class="header">
<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed"> <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<a class="pure-menu-heading" href="">GNU social</a> <a class="pure-menu-heading" href="#">GNU social</a>
<ul class="pure-menu-list"> <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 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="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> <li class="pure-menu-item"><a href="v3/" class="pure-menu-link">Version 3</a></li>
</ul> </ul>
</div> </div>
</header> </header>
<div class="splash-container"> <div class="splash-container">
<div class="splash"> <div class="splash">
<h1 class="splash-head"><a href="#"><img src="https://gnusocial.network/assets/img/logo.png" alt="GNU social"></a></h1> <h1 class="splash-head">
<a href="#"><img src="https://gnusocial.network/assets/img/logo.png" alt="GNU social"></a>
</h1>
<p class="splash-subhead"> <p class="splash-subhead">
The free software social networking platform. The free software social networking platform.
</p> </p>
@ -31,8 +35,8 @@
<a href="https://notabug.org/diogo/gnu-social/src/nightly/INSTALL.md" class="pure-button pure-button-primary">Own</a> <a href="https://notabug.org/diogo/gnu-social/src/nightly/INSTALL.md" class="pure-button pure-button-primary">Own</a>
</p> </p>
</div> </div>
</div> </div>
<div class="content-wrapper"> <div class="content-wrapper">
<div class="content"> <div class="content">
<h2 class="content-head is-center">Features</h2> <h2 class="content-head is-center">Features</h2>
@ -41,28 +45,23 @@
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4"> <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead"> <h3 class="content-subhead">
<i class="fa fa-rocket"></i> <i class="fa fa-rocket"></i> Versatile
Versatile
</h3> </h3>
<p> <p>
GNU social supports both single-user and community modes and can be used in 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.
an intranet environment or as part of the wider Free Network.
</p> </p>
</div> </div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4"> <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead"> <h3 class="content-subhead">
<i class="fa fa-mobile"></i> <i class="fa fa-mobile"></i> Accessible
Accessible
</h3> </h3>
<p> <p>
Follows AnyBrowser and A11Y guidelines. It runs virtually anywhere you 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.
can run a common piece of web software, such as WordPress or Drupal. JavaScript is optional.
</p> </p>
</div> </div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4"> <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead"> <h3 class="content-subhead">
<i class="fa fa-th-large"></i> <i class="fa fa-th-large"></i> Customizable
Customizable
</h3> </h3>
<p> <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. 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.
@ -70,16 +69,14 @@
</div> </div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4"> <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead"> <h3 class="content-subhead">
<i class="fa fa-check-square-o"></i> <i class="fa fa-check-square-o"></i> Privacy focused
Privacy focused
</h3> </h3>
<p> <p>
GNU social is part of the GNU project, it's 100% free software, with GNU social is part of the GNU project, it's 100% free software, with no malicious features or spyware.
no malicious features or spyware.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div class="ribbon l-box-lrg pure-g"> <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"> <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"> <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">
@ -101,10 +98,7 @@
<div class="pure-g"> <div class="pure-g">
<div class="l-box-lrg pure-u-1 pure-u-md-1-3"> <div class="l-box-lrg pure-u-1 pure-u-md-1-3">
<h4>Who makes GNU social?</h4> <h4>Who makes GNU social?</h4>
<p>The current development team is lead by <a href="https://www.diogo.site/">Diogo Cordeiro</a>. A <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>,
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="https://en.wikipedia.org/wiki/Evan_Prodromou">Evan Prodromou</a> and
<a href="http://mmn-o.se">Mikael Nordfeldth</a>. <a href="http://mmn-o.se">Mikael Nordfeldth</a>.
</p> </p>
@ -112,10 +106,8 @@
<div class="l-box-lrg pure-u-1 pure-u-md-1-3"> <div class="l-box-lrg pure-u-1 pure-u-md-1-3">
<h4>Discuss</h4> <h4>Discuss</h4>
<p>Discuss the project on our IRC channel <a <p>Discuss the project on our IRC channel <a href="https://webchat.freenode.net/?channels=#social">#social</a> on irc.freenode.net</p>
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>Contribute code, report bugs and request features on our <a
href="https://notabug.org/diogo/gnu-social">repository</a>.
</p> </p>
<p>If you are a student you can also apply to <a href="/soc">GNU social's Summer of Code</a>. <p>If you are a student you can also apply to <a href="/soc">GNU social's Summer of Code</a>.
</p> </p>
@ -128,9 +120,11 @@
</div> </div>
</div> </div>
</div> </div>
<footer class="l-box is-center"> <footer class="l-box is-center">
This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>. This site's source is <a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
</footer> </footer>
</div> </div>
</body> </body>
</html> </html>

View File

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

View File

@ -1,24 +1,39 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social</title> <title>GNU social &mdash; Version 3</title>
</head> <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.5/build/pure-min.css">
<body> <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> <header>
<h1>GNU social</h1> <div class="header">
<aside>The free/libre software social networking platform.</aside> <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<nav> <a class="pure-menu-heading" href="/">GNU social</a>
<ul> <ul class="pure-menu-list">
<li><a href="https://code.gnusocial.rocks/">Repository</a></li> <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Version 3</a></li>
<li><a href="https://docs.gnusocial.rocks/">Documentation</a></li> <li class="pure-menu-item"><a href="https://code.gnusocial.rocks/" class="pure-menu-link">Repository</a></li>
<li><a href="https://agile.gnusocial.rocks/">Wiki</a></li> <li class="pure-menu-item"><a href="https://docs.gnusocial.rocks/" class="pure-menu-link">Documentation</a></li>
<li><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463">Roadmap</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> </ul>
</nav> </div>
</header> </header>
<h2>Version 3</h2> <div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">Version 3</h2>
<h3>Abstract</h3> <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. 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.
@ -46,5 +61,12 @@
<li>New Groups specification</li> <li>New Groups specification</li>
<li>Better timelines</li> <li>Better timelines</li>
</ul> </ul>
</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> </html>