Updated home page

This commit is contained in:
Pierre 2018-05-05 10:55:36 +02:00
parent ae445af083
commit 66a67d1491
3 changed files with 9 additions and 9 deletions

BIN
assets/img/pages/home/landingPage/img_background.jpg Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 431 KiB

After

Width:  |  Height:  |  Size: 394 KiB

View File

@ -17,16 +17,14 @@ ComunicWeb.pages.home.landingPage = {
document.title = "Comunic, a transparent social network"; document.title = "Comunic, a transparent social network";
//Prepare additional data //Prepare additional data
var additionalData = {}; var additionalData = {
//Background image URL
backgroundImage: ComunicWeb.__config.assetsURL + "img/pages/home/landingPage/img_background.jpg"
//Preparing next actions
var afterParsingTemplate = function(){
//Change home background
byId("homeLandingScreen").style.backgroundImage = "url('"+ComunicWeb.__config.assetsURL + "img/pages/home/landingPage/img_background.jpg')";
}; };
//Apply template //Apply template
ComunicWeb.common.page.getAndShowTemplate(targetElement, additionalData, "pages/home/landingPage/home.tpl", afterParsingTemplate, true); ComunicWeb.common.page.getAndShowTemplate(targetElement, additionalData, "pages/home/landingPage/home.tpl", false, true);
} }
}; };

View File

@ -13,7 +13,7 @@
<h3>Free social network that respect your privacy.</h3> <h3>Free social network that respect your privacy.</h3>
<br /> <br />
<a class="btn btn-lg btn-primary" target="create_account">Create account</a> <a class="btn btn-lg btn-primary" target="create_account">Sign up</a>
<a class="btn btn-lg btn-success" target="login">Sign in</a> <a class="btn btn-lg btn-success" target="login">Sign in</a>
</div> </div>
</div> </div>
@ -23,13 +23,15 @@
<!-- Page styles --> <!-- Page styles -->
<style type="text/css"> <style type="text/css">
#homeLandingScreen{ #homeLandingScreen{
background-image: url("{backgroundImage}");
background-position: 0% 50%;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
background-position: 50% 50%;
display: table; display: table;
top: 0; top: 0;
} }