bozon_ynh/sources/templates/default/home.php

<div id="home">
   
  <div id="center">
  	<h1><?php e('BoZoN is a simple filesharing app.'); ?></h1>
  	<p><?php e('Easy to install, free and opensource'); ?></p>
  	<p><?php e('Just copy BoZoN\'s files on your server. That\'s it.'); ?> </p>
  	<p id="logos">
  		<img src="<?php echo THEME_PATH;?>img/home/logo_php.png" alt="logo php"/>
  		<img src="<?php echo THEME_PATH;?>img/home/logo_js.png" alt="logo js"/>
  		<img src="<?php echo THEME_PATH;?>img/home/logo_css.png" alt="logo css"/>
  		<img src="<?php echo THEME_PATH;?>img/home/logo_html.png" alt="logo css"/>
  	</p>
  	
    <div id="agpl">
  	  <p><?php e('You can freely fork BoZoN and use it as specified in the AGPL licence'); ?> (<a title="AGPL 3" href="http://www.gnu.org/licenses/agpl-3.0.fr.html" target="_blank"><?php e('More info'); ?></a>)</p>
  	  <p class="img"><img src="<?php echo THEME_PATH; ?>img/home/logo_agpl.png" alt="logo agpl" /></p>
  	</div>
  </div>
  
  <div id="easy">
  	<h2><?php e('Easy to use!'); ?></h2>
  	<div id="notes">
  		<div>
        <img class="big" src="<?php echo THEME_PATH;?>img/home/tosend.png" alt="" />
        <p><?php e('Drag the file you want to share to upload it on the server'); ?></p>
      </div>
  		<div>
        <img class="big" src="<?php echo THEME_PATH; ?>img/home/toshare.png" alt="" />
        <p><?php e('Share the link with your friends'); ?></p></div>
  	</div>
  	
  	<div id="more">
  	<h2><?php e('BoZoN can do more!'); ?></h2>
  	<ul>
	  	<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/nodb.png" alt="lock icon"/></span>
	        <span class="text"><?php e('No database: easy to backup or move to a new server.'); ?></span>
	    </li>
	  	<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/locked.png" alt="lock icon"/></span>
	        <span class="text"><?php e('Lock the access to the file/folder with a password.'); ?></span>
	    </li>
	  	<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/burn.png" alt="burn icon"/></span>
	        <span class="text"><?php e('Share a file or a folder with a unique acces link with the «burn mode»:'); ?></span>
	    </li>
	  		<li>
	        <span class="img"><img class="medium" src="<?php echo THEME_PATH; ?>img/home/renew.png" alt="renew icon"/></span>
	        <span class="text"><?php e('Renew a share link with a single clic'); ?></span>
	    </li>
	  	<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/zipfolder.png" alt="upload zip folder icon"/></span>
	        <span class="text"><?php e('Download a folder content into a zip'); ?></span>
	    </li>
	    <li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/smartphone.png" alt="smartphone icon"/></span>
	        <span class="text"><?php e('Acces to BoZoN on smartphone without any specific app: your browser is enougth'); ?></span>
	    </li>
	  		<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/qrcode.png" alt="qrcode icon"/></span>
	        <span class="text"><?php e('Use a qrcode to share your link with smartphone users.'); ?></span>
	    </li>
	    <li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/users.png" alt="users icon"/></span>
	        <span class="text"><?php e('Add, remove users and manage their rights'); ?></span>
	    </li>
	  		<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/unzipfolder.png" alt="unzip folder icon"/></span>
	        <span class="text"><?php e('To upload a folder, just zip and upload it: with one clic it will be turned into a folder on the server.'); ?></span>
	    </li>
	  	<li>
	        <span class="img"><img src="<?php echo THEME_PATH; ?>img/home/design.png" alt="design icon"/></span>
	        <span class="text"><?php e('Modify the templates & style to make your own BoZoN'); ?></span>
	    </li>
  	</ul>
  </div>
</div>