index.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  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="style" content="day1"/>
  6. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  7. <!--
  8. Copyright 2021, 2024 5 Mode
  9. This file is part of Homomm.
  10. Homomm is free software: you can redistribute it and/or modify
  11. it under the terms of the GNU General Public License as published by
  12. the Free Software Foundation, either version 3 of the License, or
  13. (at your option) any later version.
  14. Homomm is distributed in the hope that it will be useful,
  15. but WITHOUT ANY WARRANTY; without even the implied warranty of
  16. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  17. GNU General Public License for more details.
  18. You should have received a copy of the GNU General Public License
  19. along with Homomm. If not, see <https://www.gnu.org/licenses/>.
  20. -->
  21. <title>Homomm: every person its messages..</title>
  22. <link rel="shortcut icon" href="Public/static/res/favicon.ico" />
  23. <meta name="description" content="Welcome to Homomm"/>
  24. <meta name="author" content="5 Mode"/>
  25. <meta name="keywords" content="multimedia,messanging,message,exchange,on,premise,solution"/>
  26. <script src="Public/static/js/jquery-3.1.0.min.js" type="text/javascript"></script>
  27. <script src="Public/static/js/jquery-ui.1.12.1.min.js" type="text/javascript"></script>
  28. <script src="Public/static/js/common.js" type="text/javascript"></script>
  29. <script src="Public/static/js/bootstrap.min.js" type="text/javascript"></script>
  30. <script src="Public/static/js/sha.js" type="text/javascript"></script>
  31. <script src="Public/static/js/home.js" type="text/javascript" defer></script>
  32. <link href="Public/static/css/bootstrap.min.css" type="text/css" rel="stylesheet">
  33. <link href="Public/static/css/jquery-ui.1.12.1.css" type="text/css" rel="stylesheet">
  34. <link href="Public/static/css/style.css?v=1631827555" type="text/css" rel="stylesheet">
  35. <script>
  36. function hideTitle() {
  37. $("#myh1").hide("slow");
  38. }
  39. function startApp() {
  40. $("#HCsplash").hide("slow");
  41. $(document.body).css("background","#ffffff");
  42. $("#frmHC").show();
  43. }
  44. window.addEventListener("load", function() {
  45. $(document.body).css("background","#000000");
  46. $("#HCsplash").show("slow");
  47. setTimeout("hideTitle()", 2000);
  48. setTimeout("startApp()", 4000);
  49. }, true);
  50. </script>
  51. </head>
  52. <body>
  53. <div id="HCsplash" style="padding-top: 160px; text-align:center;color:#ffffff;display:none;">
  54. <div id="myh1"><H1>Homomm</H1></div><br>
  55. <img src="./Public/static/res/HMMlogo2.png" style="width:310px;">
  56. </div>
  57. <form id="frmHC" method="POST" target="_self" enctype="multipart/form-data" style="display:none;">
  58. <div class="header">
  59. <a href="http://homomm.org" target="_self" style="color:#000000; text-decoration: none;"><img src="./Public/static/res/HMMlogo2.png" style="width:45px;">&nbsp;Homomm</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/par7133/Homomm" style="color:#000000;"><span style="color:#119fe2">on</span> github</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:info@homomm.org" style="color:#000000;"><span style="color:#119fe2">for</span> feedback</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel:+39-331-4029415" 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>
  60. </div>
  61. <div style="clear:both; float:left; padding:8px; width:15%; height:100%; text-align:center;">
  62. <div style="padding-left:10px;text-align: left;">
  63. &nbsp;Download<br>
  64. &nbsp;<a href="https://github.com/par7133/Homomam/archive/refs/tags/v1.0.5.zip">Release 1.0.5 (zip)</a><br>
  65. &nbsp;<a href="https://github.com/par7133/Homomm/archive/refs/tags/v1.0.5.tar.gz">Release 1.0.5 (tar.gz)</a><br>
  66. </div>
  67. <br><br>
  68. <img src="Public/static/res/HMMgenius.png" alt="HC Genius" title="HMM Genius" style="position:relative; left:+6px; width:90%; border: 1px dashed #EEEEEE;">
  69. &nbsp;<br><br><br>
  70. &nbsp;<input type="text" id="Password" name="Password" placeholder="password" style="font-size:10px; background:#393939; color:#ffffff; width: 90%; border-radius:3px;" value="" autocomplete="off"><br>
  71. &nbsp;<input type="text" id="Salt" placeholder="salt" style="position:relative; top:+5px; font-size:10px; background:#393939; color:#ffffff; width: 90%; border-radius:3px;" autocomplete="off"><br>
  72. &nbsp;<a href="#" onclick="showEncodedPassword();" style="position:relative; left:-2px; top:+5px; color:#000000; font-size:12px;">Hash Me!</a>
  73. <br><br><br>
  74. </div>
  75. <div style="float:left; width:85%;height:100%; padding:8px; border-left: 1px solid #2c2f34;">
  76. <?php if (APP_SPLASH): ?>
  77. <?php if ($hideSplash !== PHP_STR): ?>
  78. <div id="splash" style="border-radius:20px; position:relative; left:+3px; width:98%; background-color: #33aced; padding: 20px; margin-bottom:8px;">
  79. <button type="button" class="close" aria-label="Close" onclick="close-Splash();" style="position:relative; left:-10px;">
  80. <span aria-hidden="true">&times;</span>
  81. </button>
  82. Hello and welcome to Homomm!<br><br>
  83. Homomm is a light and simple software on premise to exchange multimedia messages with friends.<br><br>
  84. Homomm is released under GPLv3 license, it is supplied AS-IS and we do not take any responsibility for its misusage.<br><br>
  85. Homomm name comes from the two words, "homines" meaning our choise to give chance to the human beings to come first,
  86. and "mm" for "multimedia messaging".<br><br>
  87. Homomm doesn't want to be a replacement of Whats App, Telegram, Wechat, etc. but simply want to be their alter ago.<br><br>
  88. First step, use the left side panel password and salt fields to create the hash to insert in the config file. Remember to manually set there also the salt value.<br><br>
  89. As you are going to run Homomm 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>
  90. <ol>
  91. <li>Check the permissions of your "Repo" folder in your web app private path; and set its path in the config file.</li>
  92. <li>In the Repo path create a "user" folder for each user and give to this folder the write permission. Set it appropriately in the config file.</li>
  93. <li>In the config file, set every "user" information appropriately like in the examples given.</li>
  94. <li>Configure your Twilio account information appropriately to send out sms notification.</li>
  95. <li>Configure the max history items and max recall history items as required (default: 50).</li>
  96. </ol>
  97. <br>
  98. Hope you can enjoy it and let us know about any feedback: <a href="mailto:info@homemm.org" style="color:#e6d236;">info@homemm.org</a>
  99. </div>
  100. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  101. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  102. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  103. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  104. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  105. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  106. </div>
  107. <div class="footer">
  108. <div id="footerCont">&nbsp;</div>
  109. <div id="footer"><span style="background:#E1E1E1;color:black;opacity:1.0;margin-right:10px;">&nbsp;&nbsp;<a href="dd.html">Disclaimer</a>&nbsp;&nbsp;A <a href="http://5mode.com">5 Mode</a> project and <a href="http://wysiwyg.systems">WYSIWYG</a> system. Some rights reserved.</span></div>
  110. </div>
  111. </form>
  112. <script>
  113. function setFooterPos2() {
  114. if (document.getElementById("footerCont")) {
  115. //if ($("#Password").val() === "") {
  116. // tollerance = 48;
  117. // } else {
  118. // tollerance = 15;
  119. //}
  120. tollerance = 22;
  121. $("#footerCont").css("top", parseInt( window.innerHeight - $("#footerCont").height() - tollerance ) + "px");
  122. $("#footer").css("top", parseInt( window.innerHeight - $("#footer").height() - tollerance + 6) + "px");
  123. }
  124. }
  125. window.addEventListener("load", function() {
  126. setTimeout("setFooterPos2()", 4000);
  127. }, true);
  128. </script>
  129. <!-- Yandex.Metrika counter -->
  130. <script type="text/javascript" >
  131. (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
  132. m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
  133. (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
  134. ym(86188692, "init", {
  135. clickmap:true,
  136. trackLinks:true,
  137. accurateTrackBounce:true
  138. });
  139. </script>
  140. <noscript><div><img src="https://mc.yandex.ru/watch/86188692" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  141. <!-- /Yandex.Metrika counter -->
  142. </body>
  143. </html>