WordPress theme for Friendica site at https://friendi.ca
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

179 lines
8.9 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
  1. <?php get_header("home"); ?>
  2. <!-- One -->
  3. <section id="one" class="wrapper">
  4. <div class="inner">
  5. <div class="flex flex-3">
  6. <article>
  7. <header>
  8. <h3>Decentralization</h3>
  9. </header>
  10. <p>Decentralized architecture with no central authority or ownership.</p>
  11. <p>Relationships can be made across any compatible system, creating a network of Internet scale made up of smaller sites.</p>
  12. <p>Seamless wall-to-wall posts and remote comments, even across different network nodes.</p>
  13. </article>
  14. <article>
  15. <header>
  16. <h3>Privacy</h3>
  17. </header>
  18. <p>Access lists for every item.</p>
  19. <p>Private conversation groups &mdash; on these pages all communications are restricted to group members.</p>
  20. <p>One-to-one private messaging on supported protocols.</p>
  21. <p>Optionally "expire" old content after a certain period of time.</p>
  22. <p>Download your personal data. It all belongs to you.</p>
  23. </article>
  24. <article>
  25. <header>
  26. <h3>Interoperability</h3>
  27. </header>
  28. <p>Built-in support for StatusNet, GNU social, Quitter, and diaspora*.</p>
  29. <p>Support for email contacts and communications (two-way) via IMAP4rev1/ESMTP.</p>
  30. <p>Import arbitrary websites and blogs into your social stream via RSS/Atom feeds.</p>
  31. <p>Support for other services via plugins.</p>
  32. </article>
  33. </div>
  34. </div>
  35. </section>
  36. <!-- Two -->
  37. <section id="two" class="wrapper style1 special">
  38. <div class="inner">
  39. <header>
  40. <h2>A personal social network</h2>
  41. <p>Keep in contact with people you care about.</p>
  42. </header>
  43. <div class="flex flex-4">
  44. <div class="box person">
  45. <div class="image round">
  46. <i class="fa fa-file-text" aria-hidden="true"></i>
  47. </div>
  48. <h3>Posts</h3>
  49. <p>Write your thoughts, edit them if you want. Comment, Like and Dislike posts from your contacts.</p>
  50. </div>
  51. <div class="box person">
  52. <div class="image round">
  53. <i class="fa fa-picture-o" aria-hidden="true"></i>
  54. </div>
  55. <h3>Photos</h3>
  56. <p>Share your holiday photos, but only with people you want.</p>
  57. </div>
  58. <div class="box person">
  59. <div class="image round">
  60. <i class="fa fa-calendar" aria-hidden="true"></i>
  61. </div>
  62. <h3>Events</h3>
  63. <p>Organize the next meeting of your reading group, or let everybody know about your cool party!</p>
  64. </div>
  65. <div class="box person">
  66. <div class="image round">
  67. <i class="fa fa-users" aria-hidden="true"></i>
  68. </div>
  69. <h3>Profiles</h3>
  70. <p>Like in real life, have a public profile and private aspects only for your closest friends. Or keep everything private!</p>
  71. </div>
  72. </div>
  73. <footer>
  74. <a href="/features/" class="button">More features</a> <a href="/screenshots/" class="button">Screenshots</a>
  75. </footer>
  76. </div>
  77. </section>
  78. <!-- Three -->
  79. <section id="three" class="wrapper special">
  80. <div class="inner">
  81. <header class="align-center">
  82. <h2>Free software &mdash; Free protocols</h2>
  83. <p>Friendica is free software and use free protocols.</p>
  84. </header>
  85. <div class="flex flex-2">
  86. <article>
  87. <div class="image fit">
  88. <img src="<?php echo get_template_directory_uri(); ?>/images/pic2.png" alt="Stack">
  89. </div>
  90. <header>
  91. <h3>PHP &amp; MySQL</h3>
  92. </header>
  93. <p>Run your personal Friendica node on shared hosts.</p>
  94. <p>Friendica runs on PHP with MySQL as a database. If you can run WordPress, you can run Friendica.</p>
  95. <footer>
  96. <a href="/requirements/" class="button special">More</a>
  97. </footer>
  98. </article>
  99. <article>
  100. <div class="image fit">
  101. <img src="<?php echo get_template_directory_uri(); ?>/images/pic1.png" alt="Plugin">
  102. </div>
  103. <header>
  104. <h3>Extensible</h3>
  105. </header>
  106. <p>Extensible via third-party plugins and themes.</p>
  107. <p>Add functionality, personalize the look and feel, connect to third-party services.</p>
  108. <footer>
  109. <a href="https://github.com/friendica/friendica-addons" class="button special">More</a>
  110. </footer>
  111. </article>
  112. </div>
  113. </div>
  114. </section>
  115. <hr>
  116. <!-- Four -->
  117. <?php
  118. $args = array(
  119. 'post_type' => "post"
  120. );
  121. $the_query = new WP_Query( $args );
  122. ?>
  123. <section id="four" class="wrapper special">
  124. <div class="inner">
  125. <header class="align-center">
  126. <h2>Last News</h2>
  127. </header>
  128. <div class="row">
  129. <!-- article 1 -->
  130. <?php
  131. if ($the_query->have_posts()) {
  132. $the_query->the_post();
  133. get_template_part( 'entry', 'home' );
  134. }
  135. ?>
  136. <div class="6u 12u$(medium)">
  137. <!-- article 2-5 -->
  138. <div class="row">
  139. <?php
  140. if ($the_query->have_posts()) {
  141. $the_query->the_post();
  142. get_template_part( 'entry', 'home' );
  143. }
  144. ?>
  145. <?php
  146. if ($the_query->have_posts()) {
  147. $the_query->the_post();
  148. get_template_part( 'entry', 'home' );
  149. }
  150. ?>
  151. </div>
  152. <hr>
  153. <div class="flex flex-2">
  154. <?php
  155. if ($the_query->have_posts()) {
  156. $the_query->the_post();
  157. get_template_part( 'entry', 'home' );
  158. }
  159. ?>
  160. <?php
  161. if ($the_query->have_posts()) {
  162. $the_query->the_post();
  163. get_template_part( 'entry', 'home' );
  164. }
  165. ?>
  166. </div>
  167. </div>
  168. <div>
  169. </div>
  170. </section>
  171. <?php wp_reset_query(); ?>
  172. <?php get_footer(); ?>