5mode
/
AvatarFree


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
							<!DOCTYPE html>
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
	
  <meta charset="UTF-8"/>
  
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  
<!--
    Copyright 2021, 2024, 5 Mode

    This file is part of Avatar Free.

    Avatar Free is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Avatar Free is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Avatar Free. If not, see <https://www.gnu.org/licenses/>.
 -->
     
  <title>Avatar Free: everyone its social presence.</title>
	
  <link rel="shortcut icon" href="Public/favicon.ico" />
    
  <meta name="description" content="Welcome to Avatar Fee! Let everyone own its social presence."/>
  <meta name="author" content="5 Mode"/> 
  <meta name="robots" content="index,follow"/>
  <meta name="keywords" content="Avatar Free,social,presence,avatarfree.5mode-foss.eu,on,premise,solution"/>
  
  <script src="Public/js/jquery-3.6.0.min.js" type="text/javascript"></script>
  <script src="Public/js/common.js" type="text/javascript"></script>
  <script src="Public/js/bootstrap.min.js" type="text/javascript"></script>
  
  <link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">
  <link href="Public/css/style.css?v=1631827555" type="text/css" rel="stylesheet">

  <script>

/*
 *  Display the current hash for the config file
 *  
 *  @returns void
 */
function showEncodedPassword() {
  if ($("#Password").val() === "") {
    $("#Password").addClass("emptyfield");
    return;  
  }
  //if ($("#Salt").val() === "") {
  //  $("#Salt").addClass("emptyfield");
  //  return;  
  //}	   	
  passw = encryptSha2( $("#Password").val() + $("#Salt").val());
  msg = "Please set your hash in the config file with this value";
  alert(msg + "\n\n" + passw);	
}
	  
  function hideTitle() {
    $("#myh1").hide("slow");
  }
  
  function startApp() {
    
    $("#HCsplash").css("display","none");
    //$("#HCsplash").hide("slow");
    $(document.body).css("background","#ffffff");
	
    $("#originsDisplay").show();  
	  
    $("#frmHC").show();
  }			

  function _startApp() {
    setTimeout("startApp()", 1000);    
  }

  function setOriginsPos() {
    h=parseInt(window.innerHeight);
    w=parseInt(window.innerWidth);
    mytop = parseInt(window.innerHeight - ($("#originsDisplay").height() + 60));
    $("#originsDisplay").css("top", mytop+"px");
    setTimeout("hideOrigins()",15000);
  }

  function hideOrigins() {
    $("#originsDisplay").css("visibility","hidden");
  }  
	  
  window.addEventListener("load", function() {
	
    $("#frmHC").hide();
    
    setTimeout("setOriginsPos()", 500);	  
	  
    //Splash
    $("#HCsplash").show();	

  }, true);

  window.addEventListener("load", function() {
      
    // Fisnished the Intro load the app..
    //document.getElementById("vplayer").onended=_startApp;
    setTimeout("_startApp()", 6000);
  
  });

  </script>    
       
</head>
<body style="background:#0d0d0d;">

<div id="HCsplash" style="padding-top: 40px; text-align:center;co-lor:#d4b0dc;color:#FFFFFF;font-family:'Press Start 2P';">
    <div id="myh1" style="position:relative; top:0px;"><H1>Avatar Free</H1></div><br><br>
    <img src="Public/res/AFlogo.png" style="width:310px;">
</div>  
  
<form id="frmHC" method="POST" target="_self" enctype="multipart/form-data" style="display:none;">

<div class="header" style="margin-top:18px;margin-bottom:18px;">
   <a href="http://avatarfree.5mode-foss.eu" target="_self" style="color:#000000; text-decoration: none;">&nbsp;<img src="Public/res/AFlogo.png" style="width:22px;">&nbsp;AvatarFree</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/par7133/AvatarFree" style="color:#000000;"><span style="color:#119fe2">on</span> github</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:code@gaox.io" 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>
</div>
	
<div style="clear:both; float:left; padding:8px; width:15%; height:750px; border-right: 1px solid #2c2f34; text-align:center;">
	<div style="padding-left:10px;text-align: left;">
          <a href="https://github.com/par7133/AvatarFree/archive/refs/tags/v1.5.8.zip">Rel. 1.5.8 (zip)</a><br>
	  <a href="https://github.com/par7133/AvatarFree/archive/refs/tags/v1.5.8.tar.gz">Rel. 1.5.8 (tar.gz)</a><br>
	</div>
    <br><br>
    <div style="float:left;width:210px;text-align:left;">
    &nbsp;<input type="text" id="Password" name="Password" placeholder="password" style="font-size:10px; background:#ffffff; color:#000000; width: 90%; height:30px; border-radius:3px;" value="" autocomplete="off"><br>
    &nbsp;<input type="text" id="Salt" placeholder="salt" style="position:relative; top:+5px; font-size:10px; background:#ffffff; color:#000000; width: 90%; height:30px; border-radius:3px;" autocomplete="off"><br>
    &nbsp;<a href="#" onclick="showEncodedPassword();" style="position:relative; top:+5px; color:#000000; font-size:12px;">Hash Me!</a>
	</div>	
	&nbsp;<br><br><br>
    <br><br><br>
</div>

<div style="float:left; width:85%;height:100%; padding:8px;">
	
	<div id="splash" style="border-radius:20px; position:relative; left:+3px; width:98%; background-color:#f0f8fb; padding: 20px; margin-bottom:8px;">	
	
	   <button type="button" class="close" aria-label="Close" onclick="close-Splash();" style="position:relative; left:-10px;">
        <span aria-hidden="true">&times;</span>
     </button>
	
	   Hello and welcome to Avatar Free!<br><br>
	   
	   Avatar Free is a light, simple, software on premise to build and own your social presence.<br><br>
	   
	   Avatar Free is released under GPLv3 license, it is supplied AS-IS and we do not take any responsibility for its misusage.<br><br>
	   
        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>
	   
	   As you are going to run Avatar Free 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>
	   <ol>
	   <li>Check the write permissions of your "data" folder in your web app Private path; and set its path in the config file.</li>
        <li>Set the default Locale.</li>
        <li>Set FILE_MAX_SIZE (remember that some PHP settings could limit the upload behaviour of Avatar Free too)</li>
	<li>Set BLOG_MAX_POSTS to limit the number of visible posts in the blog.</li>	   
	   </ol> 
         
	   <br>	
		
           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>
		
	   <a href="/Public/res/screenshot1.png" target="_blank"><img src="/Public/res/screenshot1.png" style="width:230px;margin-top:7px;"></a>&nbsp;&nbsp;<a href="/Public/res/screenshot2.png" target="_blank"><img src="/Public/res/screenshot2.png" style="width:230px;margin-top:7px;"></a><br><br>
	
	Hope you can enjoy it and let us know about any feedback: <a href="mailto:code@gaox.io">code@gaox.io</a>
	
        <br><br><br><br><br><br><br>
     
	</div>	
  	
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>		
	
</div>

</form>

<div id="originsDisplay" style="display:none">
      <br>
       &nbsp;<span class="originLabel">Coding:</span>&nbsp;Italy<br>         
       &nbsp;<span class="originLabel">Server:</span>&nbsp;United States&nbsp;<br>
       &nbsp;<span class="originLabel"><a href="http://metrica.yandex.com" class="bbb">Metrics</a>:</span>&nbsp;Russia&nbsp;<br>
      <br>
</div>   
	
<div class="footer">
<div id="footerCont">&nbsp;</div>
<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</span></div>	
</div>	
	
<script>
  
function setFooterPos2() {
  if (document.getElementById("footerCont")) {
    //if ($("#Password").val() === "") {  
    //    tollerance = 48;
    //  } else {
    //  tollerance = 15;
    //}
    tollerance = 22;  	  
    $("#footerCont").css("top", parseInt( window.innerHeight - $("#footerCont").height() - tollerance ) + "px");
    $("#footer").css("top", parseInt( window.innerHeight - $("#footer").height() - tollerance + 6) + "px");
  }
}
setFooterPos2();

//window.addEventListener("load", function() {
//    
//  setTimeout("setFooterPos2()", 4000);
//
//}, true);
  
</script>  

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   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)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(90189010, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/90189010" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

</body>	 
</html>