friendica-wp-theme/page-home.php

209 lines
10 KiB
PHP
Raw Normal View History

<?php get_header("home"); ?>
<!-- intro -->
<section class="wrapper">
<div class="inner">
<div class="flex flex-3">
<article>
<header>
<h3>Decentralization</h3>
</header>
<p>Decentralized architecture with no central authority or ownership.</p>
<p>Relationships can be made across any compatible system, creating a network of Internet scale made up of smaller sites.</p>
<p>Seamless wall-to-wall posts and remote comments, even across different network nodes.</p>
</article>
<article>
<header>
<h3>Privacy</h3>
</header>
<p>Access lists for every item.</p>
<p>Private conversation groups &mdash; on these pages all communications are restricted to group members.</p>
<p>One-to-one private messaging on supported protocols.</p>
<p>Optionally "expire" old content after a certain period of time.</p>
<p>Download your personal data. It all belongs to you.</p>
</article>
<article>
<header>
<h3>Interoperability</h3>
</header>
<p>Built-in support for ActivityPub (e.g. Funkwhale, Hubzilla, Mastodon, Pleroma, Pixelfed), OStatus (e.g. StatusNet, GNU social, Quitter) and diaspora* protocols.</p>
<p>Support for email contacts and communications (two-way) via IMAP4rev1/ESMTP.</p>
<p>Import arbitrary websites and blogs into your social stream via RSS/Atom feeds.</p>
<p>Support for other services via plugins.</p>
</article>
</div>
</div>
</section>
<!-- more key feature -->
<section class="wrapper style1 special">
<div class="inner">
<header>
<h2>A decentralized social network</h2>
<p>Keep in contact with people you care about.</p>
</header>
<div class="flex flex-4">
<div class="box person">
<div class="image round">
<i class="fa fa-file-text" aria-hidden="true"></i>
</div>
<h3>Posts</h3>
<p>Write your thoughts, edit them if you want. Comment, Like and Dislike posts from your contacts.</p>
</div>
<div class="box person">
<div class="image round">
<i class="fa fa-picture-o" aria-hidden="true"></i>
</div>
<h3>Photos</h3>
<p>Share your holiday photos, but only with people you want.</p>
</div>
<div class="box person">
<div class="image round">
<i class="fa fa-calendar" aria-hidden="true"></i>
</div>
<h3>Events</h3>
<p>Organize the next meeting of your reading group, or let everybody know about your cool party!</p>
</div>
<div class="box person">
<div class="image round">
<i class="fa fa-users" aria-hidden="true"></i>
</div>
<h3>Profiles</h3>
<p>Like in real life, have a public profile and private aspects only for your closest friends. Or keep everything private!</p>
</div>
</div>
<footer>
<a href="/features/" class="button">More features</a> <a href="/screenshots/" class="button">Screenshots</a>
</footer>
</div>
</section>
<!-- try friendica -->
<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">
<header class="align-center">
<h2>Free software &mdash; Free protocols</h2>
<p>Friendica is free software and use free protocols.</p>
</header>
<div class="flex flex-2">
<article>
<div class="image fit">
<img src="<?php echo get_template_directory_uri(); ?>/images/pic2.png" alt="Stack">
</div>
<header>
<h3>PHP &amp; MySQL</h3>
</header>
<p>Run your personal Friendica node on shared hosts.</p>
<p>Friendica runs on PHP with MySQL as a database. If you can run WordPress, you can run Friendica.</p>
<footer>
<a href="/requirements/" class="button special">More</a>
</footer>
</article>
<article>
<div class="image fit">
<img src="<?php echo get_template_directory_uri(); ?>/images/pic1.png" alt="Plugin">
</div>
<header>
<h3>Extensible</h3>
</header>
<p>Extensible via third-party plugins and themes.</p>
<p>Add functionality, personalize the look and feel, connect to third-party services.</p>
<footer>
<a href="https://github.com/friendica/friendica-addons" class="button special">More</a>
</footer>
</article>
</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>
</section>
<hr>
<!-- Last news -->
<?php
$args = array(
'post_type' => "post"
);
$the_query = new WP_Query( $args );
?>
<section id="four" class="wrapper special">
<div class="inner">
<header class="align-center">
<h2>Last News</h2>
</header>
<div class="row">
<!-- article 1 -->
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
<div class="6u 12u$(medium)">
<!-- article 2-5 -->
<div class="row">
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
</div>
<hr>
<div class="flex flex-2">
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
</div>
</div>
<div>
</div>
</section>
<?php wp_reset_query(); ?>
<?php get_footer(); ?>