Put the server list on a single fixed-width column

This commit is contained in:
Hypolite Petovan 2017-10-22 17:04:01 -04:00
parent 386e70fd1f
commit 20a5e3678d
2 changed files with 25 additions and 19 deletions

View File

@ -147,6 +147,11 @@ nav#links a {
cursor: pointer; cursor: pointer;
} }
.sites {
max-width: 600px;
margin: 0 auto;
}
nav#links a, nav#links a,
.sub-menu-outer a { .sub-menu-outer a {
text-decoration: none; text-decoration: none;

View File

@ -1,24 +1,25 @@
<div class="search-results"> <div class="search-results">
<div class="sites"> <div class="sites">
<h1>Public servers</h1> <h1>Public servers</h1>
<p class="intro"> <p class="intro">
If you are not interested in <a href="http://friendi.ca/installation/">hosting your own server</a>, you can still use Friendica. If you are not interested in <a href="http://friendi.ca/installation/">hosting your own server</a>, you can still use Friendica.
Here are some public server run by enthousiasts that you can join. Here are some public server run by enthusiasts that you can join.
We recommend these based on their <abbr title="Decent speed, proper security, recent version, etc.">health</abbr>. We recommend these based on their <abbr title="Decent speed, proper security, recent version, etc.">health</abbr>.
</p> </p>
<p class="intro"> <p class="intro">
Keep in mind that different servers may support different features like communicating with additional networks besides Friendica. Keep in mind that different servers may support different features like communicating with additional networks besides Friendica.
It's best to pick the one that best suits your needs. It's best to pick the one that best suits your needs.
</p> </p>
<div class="feeling-lucky"> <div class="feeling-lucky">
<a class="btn surprise" href="/servers/surprise">Surprise me &raquo;</a> <a class="btn surprise" href="/servers/surprise">Surprise me &raquo;</a>
</div> </div>
<h3>Recommending <?php echo $total; ?> public servers</h3> <h3>Recommending <?php echo $total; ?> public servers</h3>
<?php <?php
foreach ($sites as $site) foreach ($sites as $site) {
echo $this->view('_site', array('site'=>$site)); echo $this->view('_site', array('site'=>$site));
?> }
?>
</div> </div>
</div> </div>