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.

167 lines
6.7KB

  1. <?php error_reporting (E_ALL); ?>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="semantic.min.css"/>
  5. <link rel="stylesheet" href="index.css"/>
  6. <meta charset="UTF-8"/>
  7. <title>Fricloud forening</title>
  8. <?php $thispage = "home"; ?>
  9. </head>
  10. <!--
  11. -->
  12. <body>
  13. <?php include($_SERVER['DOCUMENT_ROOT'].'/includes/navbar.php'); ?>
  14. <div class="image-segment">
  15. <div class="ui text container">
  16. <h1 class="ui inverted header">
  17. <img src="images/logo_sky_fricloud_hvid.svg" alt="Fricloud" style="width: 300px;"/>
  18. </h1>
  19. <h2 class="ui inverted header" style="margin-top: 2em !important; font-size: 2em;">
  20. Bliv medlem af foreningen
  21. </h2>
  22. <p class=image-p" style="color: white; font-size: 1.3em; padding-bottom: 2em;">
  23. Fricloud forening er for os der mener vores privatliv ikke skal være til salg. Medlemskab, der giver adgang til alle tjenester på foreningens servere, vil koste et mindre beløb om måneden.
  24. </p>
  25. <!--<a class="ui huge inverted button" href="#">
  26. Bliv medlem
  27. </a>-->
  28. <?php
  29. $f = fopen("/var/emails", 'a');
  30. $email = '';
  31. if (isset($_POST['email'])) $email = $_POST['email'];
  32. $emailErr = true;
  33. if (filter_var($email, FILTER_VALIDATE_EMAIL)) {
  34. $emailErr = false;
  35. fwrite($f, $email . "\n");
  36. }
  37. fclose($f);
  38. ?>
  39. <div class="ui form">
  40. <form method="post" action="#">
  41. <?php
  42. if ($email != '') {
  43. if ($emailErr) {
  44. echo "<div class=\"ui negative message\"><p>Invalid e-mail adresse</p></div>";
  45. } else {
  46. echo "<div class=\"ui positive message\"><p>Vi har modtaget din e-mail adresse!</p></div>";
  47. }
  48. }
  49. ?>
  50. <div class="field">
  51. <input type="text" name="email" placeholder="E-mail"/>
  52. </div>
  53. <button class="ui button" type="submit">Send mig en mail når Fricloud er klar</button>
  54. </form>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="ui stripe vertical segment" style="padding: 3em 0em;">
  59. <div class="ui three column center aligned divided relaxed stackable grid container">
  60. <div class="row">
  61. <div class="column">
  62. <h3>
  63. Tag dit privatliv tilbage
  64. </h3>
  65. <p>
  66. Internettet som vi kender det er i stykker. For at bruge centrale tjenester som e-mail eller online drev, går vi hver dag på kompromis med vores rettingheder. Hos Fricloud tror vi på at kampen endnu ikke er tabt, og at ansvaret for forandring ligger i vores egne hænder. Fricloud forening er et forsøg på de første skridt mod fælles frihed.
  67. </p>
  68. <a href="about">
  69. <p>Læs mere om foreningen ></p>
  70. <!--<i class="angle right icon"></i>-->
  71. </a>
  72. </div>
  73. <div class="column">
  74. <h3>
  75. Hvad er Fricloud?
  76. </h3>
  77. <p>
  78. Det centale ved Fricloud er tjenesterne vi tilbyder. Teknologien bag tjenesterne er frit tilgængeligt for alle, men de kræver tid, serverplads og IT-kyndighed at adminstre. Hos Fricloud mener vi at ingen skal tvinges til at opgive deres rettigheder på nettet, og tilbyder derfor at udføre denne adminstration for alle medlemmer.
  79. </p>
  80. <a href="services/nextcloud">
  81. <p>Læs mere om tjenesterne ></p>
  82. <!--<i class="angle right icon"></i>-->
  83. </a>
  84. </div>
  85. <div class="column">
  86. <h3>
  87. Sikkerhed frem for profit
  88. </h3>
  89. <p>
  90. Kun når vi selv driver og styrer de internettjenester vi bruger, kan vi stole på dem. Kun når dette er gældende er vi sikre på at målet aldrig er at høste personoplysninger for profit, men at stille de bedste tjenester til rådighed.
  91. </p>
  92. <a href="about/#privacy">
  93. <p>Læs om vores privatliv på nettet ></p>
  94. <!--<i class="angle right icon"></i>-->
  95. </a>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="ui alternate stripe vertical segment" style="padding: 4em 0em;">
  101. <div class="ui center aligned container">
  102. <h3 class="ui header" style="font-size: 2rem; font-weight: normal;">
  103. Tjenester vi tilbyder
  104. </h3>
  105. <p>
  106. Her ses alle tjenesterne Fricloud lige nu tilbyder vores medlemmer. Klik på en af tjenesterne for at læse mere om den.
  107. </p>
  108. </div>
  109. <div class="ui six column center aligned relaxed stackable grid container">
  110. <div class="middle aligned row" style="padding-top: 4em;">
  111. <div class="column">
  112. <a href="/services/nextcloud">
  113. <img src="images/logos/nextcloud.png" alt="Nextcloud" style="width: 100px;"/>
  114. </a>
  115. </div>
  116. <div class="column">
  117. <a href="/services/matrix">
  118. <img src="images/logos/matrix.png" alt="Matrix" style="width: 100px;"/>
  119. </a>
  120. </div>
  121. <div class="column">
  122. <a href="/services/gitea">
  123. <img src="images/logos/gitea.svg" alt="Gitea" style="width: 80px;"/>
  124. </a>
  125. </div>
  126. <div class="column">
  127. <a href="/services/email" style="color: Black; display: relative;">
  128. <i class="big envelope outline icon" style="display: table-cell; vertical-align: middle; padding-right: 4px;"></i>
  129. <label style="font-size: 1.5rem; font-weight: bold; display: table-cell; vertical-align: middle;">E-mail</label>
  130. </a>
  131. </div>
  132. <!--
  133. <div class="column">
  134. <a href="#">
  135. <img src="images/logos/mastodon.png" alt="Mastodon" style="width: 130px;"/>
  136. </a>
  137. </div>
  138. -->
  139. </div>
  140. </div>
  141. </div>
  142. <div class="ui stripe vertical segment" style="padding: 10em;">
  143. <a class="anchor" id="guides" style="top: -152;"></a>
  144. <div class="ui center aligned container">
  145. <h3 class="ui header" style="font-size: 2rem; font-weight: normal;">
  146. Guides
  147. </h3>
  148. <p>
  149. Vi arbejder på diverse guides man kan følge for at sikre sit privatliv når man bruger nettet. Dette kommer til f.eks. at være hvordan man installere en password manager, hvordan man vælger en sikker browser, og hvilke browser plug-ins vi anbefaler. Hvis du allerede vil vide mere om disse ting nu, kan du besøge <a class="link" target="_blank" rel="noopener noreferrer" href="https://www.privacytools.io/">Privacytools.io <i class="external icon"></i></a>.
  150. </p>
  151. </div>
  152. </div>
  153. <?php include($_SERVER['DOCUMENT_ROOT'].'/includes/footer.php'); ?>
  154. </body>
  155. <!--
  156. <div class="section bg-primary text-light text-center form-group form-horizontal">
  157. <div class="input-group" style="width: 60%; text-align: center; display: inline-flex;">
  158. <form style="display: inherit; margin: auto;" onsubmit="submitMail()" action="#">
  159. <input class="form-input" id="email-input" type="email" placeholder="Email" pattern="[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$" data-_extension-text-contrast="" data-kpxc-id="input-example-8">
  160. <button class="btn btn-primary input-group-btn btn-lg">Send mig en mail når FriCloud er klar</button>
  161. </form>
  162. </div>
  163. </div>
  164. -->
  165. </html>