index.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <!DOCTYPE html>
  2. <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  6. <!--
  7. Copyright 2021, 2024, 5 Mode
  8. This file is part of Faceborg.
  9. Faceborg is free software: you can redistribute it and/or modify
  10. it under the terms of the GNU General Public License as published by
  11. the Free Software Foundation, either version 3 of the License, or
  12. (at your option) any later version.
  13. Faceborg is distributed in the hope that it will be useful,
  14. but WITHOUT ANY WARRANTY; without even the implied warranty of
  15. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  16. GNU General Public License for more details.
  17. You should have received a copy of the GNU General Public License
  18. along with Faceborg. If not, see <https://www.gnu.org/licenses/>.
  19. -->
  20. <title>Faceborg: everyone its puzzle.</title>
  21. <link rel="shortcut icon" href="Public/favicon.ico" />
  22. <meta name="description" content="Welcome to Faceborg! Let everyone own its colorful posts."/>
  23. <meta name="author" content="5 Mode"/>
  24. <meta name="robots" content="index,follow"/>
  25. <meta name="keywords" content="Faceborg,blog,cards,gallery,on,premise,solution"/>
  26. <script src="Public/js/jquery-3.6.0.min.js" type="text/javascript"></script>
  27. <script src="Public/js/common.js" type="text/javascript"></script>
  28. <script src="Public/js/bootstrap.min.js" type="text/javascript"></script>
  29. <link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">
  30. <link href="Public/css/style.css?v=1631827555" type="text/css" rel="stylesheet">
  31. <script>
  32. function hideTitle() {
  33. $("#myh1").hide("slow");
  34. }
  35. function startApp() {
  36. $("#HCsplash").css("display","none");
  37. //$("#HCsplash").hide("slow");
  38. $(document.body).css("background","#ffffff");
  39. //$("#originsDisplay").show();
  40. $("#frmHC").show();
  41. }
  42. function _startApp() {
  43. setTimeout("startApp()", 1000);
  44. }
  45. function setOriginsPos() {
  46. h=parseInt(window.innerHeight);
  47. w=parseInt(window.innerWidth);
  48. mytop = parseInt(window.innerHeight - ($("#originsDisplay").height() + 60));
  49. $("#originsDisplay").css("top", mytop+"px");
  50. setTimeout("hideOrigins()",15000);
  51. }
  52. function hideOrigins() {
  53. $("#originsDisplay").css("visibility","hidden");
  54. }
  55. window.addEventListener("load", function() {
  56. $("#frmHC").hide();
  57. setTimeout("setOriginsPos()", 500);
  58. //Splash
  59. $("#HCsplash").show();
  60. }, true);
  61. window.addEventListener("load", function() {
  62. // Fisnished the Intro load the app..
  63. //document.getElementById("vplayer").onended=_startApp;
  64. setTimeout("_startApp()", 6000);
  65. });
  66. </script>
  67. </head>
  68. <body style="background:#0d0d0d;">
  69. <div id="HCsplash" style="padding-top: 40px; text-align:center;co-lor:#d4b0dc;color:#FFFFFF;font-family:'Press Start 2P';">
  70. <div id="myh1" style="position:relative; top:0px;"><H1>Faceborg</H1></div><br><br>
  71. <img src="Public/res/AFlogo.png" style="width:310px;">
  72. </div>
  73. <form id="frmHC" method="POST" target="_self" enctype="multipart/form-data" style="display:none;">
  74. <div class="header" style="margin-top:18px;margin-bottom:18px;">
  75. <a href="http://faceborg.5mode-foss.eu" target="_self" style="color:#000000; text-decoration: none;">&nbsp;<img src="Public/res/AFlogo.png" style="width:22px;">&nbsp;Faceborg</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/par7133/Faceborg" style="color:#000000;"><span style="color:#119fe2">on</span> github</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:posta@elettronica.lol" style="color:#000000;"><span style="color:#119fe2">for</span> feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel:+39-378-0812391" style="font-size:13px;background-color:#15c60b;border:2px solid #15c60b;color:#000000;height:27px;text-decoration:none;">&nbsp;&nbsp;get support&nbsp;&nbsp;</a>
  76. </div>
  77. <div style="clear:both; float:left; padding:8px; width:15%; height:750px; border-right: 1px solid #2c2f34; text-align:center;">
  78. <div style="padding-left:10px;text-align: left;">
  79. <a href="https://github.com/par7133/Faceborg/archive/refs/tags/v1.4.0.zip">Rel. 1.4.0 (zip)</a><br>
  80. <a href="https://github.com/par7133/Faceborg/archive/refs/tags/v1.4.0.tar.gz">Rel. 1.4.0 (tar.gz)</a><br>
  81. </div>
  82. <br><br>
  83. <img src="Public/res/AFgenius.png" alt="AG Genius" title="AG Genius" style="position:relative; left:+6px; width:90%; border: 1px dashed #EEEEEE;">
  84. &nbsp;<br><br><br>
  85. <br><br><br>
  86. </div>
  87. <div style="float:left; width:85%;height:100%; padding:8px;">
  88. <div id="splash" style="border-radius:20px; position:relative; left:+3px; width:98%; background-color:#f0f8fb; padding: 20px; margin-bottom:8px;">
  89. <button type="button" class="close" aria-label="Close" onclick="close-Splash();" style="position:relative; left:-10px;">
  90. <span aria-hidden="true">&times;</span>
  91. </button>
  92. Hello and welcome to Faceborg!<br><br>
  93. Faceborg is a light, simple, software on premise to build and own your blog by colorful cards.<br><br>
  94. Faceborg is released under GPLv3 license, it is supplied AS-IS and we do not take any responsibility for its misusage.<br><br>
  95. First step, use the password box and salt fields to create the hash to insert in the config file. Remember to manually set there also the salt value.<br><br>
  96. As you are going to run Faceborg in the PHP process context, using a limited web server or phpfpm user, you must follow some simple directives for an optimal first setup:<br>
  97. <ol>
  98. <li>Check the write permissions of your "data" folder in your web app Private path; and set its path in the config file.</li>
  99. <li>Set the default Locale.</li>
  100. <li>Set FILE_MAX_SIZE (remember that some PHP settings could limit the upload behaviour of Faceborg too)</li>
  101. <li>Set BLOG_MAX_POSTS to limit the number of visible posts in the blog.</li>
  102. <li>Set PAGINATION true or false to give more public access to your data.</li>
  103. </ol>
  104. <br>
  105. You can access your avatar by http://yourdomain.com/&lt;your_avatar&gt;. Login with the password for the admin view. Drag-n-drop all your resources in the browser window.<br><br>
  106. <a href="/Public/res/screenshot1.png" target="_blank"><img src="/Public/res/screenshot1.png" style="height:230px;width:350px;margin-top:7px;"></a>&nbsp;&nbsp;<a href="/Public/res/screenshot2.png" target="_blank"><img src="/Public/res/screenshot2.png" style="height:230px;width:350px;margin-top:7px;"></a><br><br>
  107. Feedback: <a href="mailto:posta@elettronica.lol">posta@elettronica.lol</a>
  108. <br><br><br><br><br><br><br>
  109. </div>
  110. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  111. </div>
  112. </form>
  113. <div id="originsDisplay" style="display:none;">
  114. <br>
  115. &nbsp;<span class="originLabel">Coding:</span>&nbsp;Italy<br>
  116. &nbsp;<span class="originLabel">Server:</span>&nbsp;United States&nbsp;<br>
  117. &nbsp;<span class="originLabel"><a href="http://metrica.yandex.com" class="bbb">Metrics</a>:</span>&nbsp;Russia&nbsp;<br>
  118. <br>
  119. </div>
  120. <div class="footer">
  121. <div id="footerCont">&nbsp;</div>
  122. <div id="footer"><span style="background:#E1E1E1;color:black;opacity:1.0;margin-right:10px;">&nbsp;&nbsp;<a href="https://5mode.com/dd.html">Disclaimer</a>&nbsp;&nbsp;A <a href="http://5mode.com">5 Mode</a> project and <a href="http://demo.5mode.com">WYSIWYG</a> system. CC&nbsp;&nbsp;</span></div>
  123. </div>
  124. <script>
  125. function setFooterPos2() {
  126. if (document.getElementById("footerCont")) {
  127. //if ($("#Password").val() === "") {
  128. // tollerance = 48;
  129. // } else {
  130. // tollerance = 15;
  131. //}
  132. tollerance = 22;
  133. $("#footerCont").css("top", parseInt( window.innerHeight - $("#footerCont").height() - tollerance ) + "px");
  134. $("#footer").css("top", parseInt( window.innerHeight - $("#footer").height() - tollerance + 6) + "px");
  135. }
  136. }
  137. setFooterPos2();
  138. //window.addEventListener("load", function() {
  139. //
  140. // setTimeout("setFooterPos2()", 4000);
  141. //
  142. //}, true);
  143. </script>
  144. </body>
  145. </html>