Rework "download" and "try it" (Issue 9430) #8

Merged
MrPetovan merged 2 commits from fabrixxm/friendica-wp-theme:issue/9430 into master 2020-10-20 13:36:18 +02:00
4 changed files with 44 additions and 9 deletions

View file

@ -1902,6 +1902,13 @@
justify-content: space-between; justify-content: space-between;
} }
.flex.center {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.flex.flex-2 article { .flex.flex-2 article {
width: 47%; width: 47%;
} }

View file

@ -1,4 +1,3 @@
<?php <?php
add_action('after_setup_theme', 'friendica_setup'); add_action('after_setup_theme', 'friendica_setup');

View file

@ -62,5 +62,5 @@
?> ?>
</span> </span>
</h1> <p><?php echo esc_html(get_bloginfo('description')); ?></p> </h1> <p><?php echo esc_html(get_bloginfo('description')); ?></p>
<p><a href="https://github.com/friendica/friendica/releases" class="button special">Download</a> <a href="http://dir.friendica.social/servers" class="button">Try It</a></p> <p><a href="#try" class="button special">Try It!</a></p>
</section> </section>

View file

@ -1,7 +1,8 @@
<?php get_header("home"); ?> <?php get_header("home"); ?>
<!-- One -->
<section id="one" class="wrapper"> <!-- intro -->
<section class="wrapper">
<div class="inner"> <div class="inner">
<div class="flex flex-3"> <div class="flex flex-3">
<article> <article>
@ -35,8 +36,9 @@
</div> </div>
</section> </section>
<!-- Two -->
<section id="two" class="wrapper style1 special"> <!-- more key feature -->
<section class="wrapper style1 special">
<div class="inner"> <div class="inner">
<header> <header>
<h2>A decentralized social network</h2> <h2>A decentralized social network</h2>
@ -78,8 +80,25 @@
</div> </div>
</section> </section>
<!-- Three --> <!-- try friendica -->
<section id="three" class="wrapper special"> <section id="try" class="wrapper style1 special">
<div class="inner">
<header>
<h2>Try Friendica</h2>
</header>
<div class="flex center flex-3">
<article>
<p>Do you want to try Friendica but don't have the technical knowledge to install your server?
You can create an account on one of the many servers out there which accept new users!</p>
</article>
</div>
<p><a href="https://dir.friendica.social/servers" class="button">Have a look at the list of public servers</a></p>
</div>
</section>
<!-- technical -->
<section class="wrapper special">
<div class="inner"> <div class="inner">
<header class="align-center"> <header class="align-center">
<h2>Free software &mdash; Free protocols</h2> <h2>Free software &mdash; Free protocols</h2>
@ -113,11 +132,21 @@
</footer> </footer>
</article> </article>
</div> </div>
</div>
</section>
<section id="run">
<div class="inner">
<header class="align-center">
<h2>Run your own server</h2>
<p>Be part of the network, host a Friendica server for you, your family and your friends!</p>
<p><a href="/resources/installation/" class="button special">Installation guide</a></p>
</header>
</div> </div>
</section> </section>
<hr> <hr>
<!-- Four -->
<!-- Last news -->
<?php <?php
$args = array( $args = array(
'post_type' => "post" 'post_type' => "post"