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>
<html lang="en">
<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>
<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;
@ -30,20 +36,7 @@
color: white;
}
</style>
</head>
<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
<?php
$query = urlencode('
{
nodes(platform: "gnusocial") {
@ -62,8 +55,25 @@
});
// garbage collect
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
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,29 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<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/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>
<body>
<header>
<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>
<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">
</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>
<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>
@ -31,8 +35,8 @@
<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>
<div class="content-wrapper">
<div class="content">
<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">
<h3 class="content-subhead">
<i class="fa fa-rocket"></i>
Versatile
<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.
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
<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.
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
<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.
@ -70,16 +69,14 @@
</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
<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.
GNU social is part of the GNU project, it's 100% free software, with no malicious features or spyware.
</p>
</div>
</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">
@ -101,10 +98,7 @@
<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>,
<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>
@ -112,10 +106,8 @@
<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>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>
@ -128,9 +120,11 @@
</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,24 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GNU social</title>
</head>
<body>
<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>
<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>
<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>
</nav>
</div>
</header>
<h2>Version 3</h2>
<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.
@ -46,5 +61,12 @@
<li>New Groups specification</li>
<li>Better timelines</li>
</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>