Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-22 12:09:21 +00:00
Code Issues Projects Releases Wiki Activity

Updated home page

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 431 KiB

After

Width:  |  Height:  |  Size: 394 KiB

12
assets/js/pages/home/landingPage.js
View File

@ -17,16 +17,14 @@ ComunicWeb.pages.home.landingPage = {
document.title = "Comunic, a transparent social network";
//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
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);
}
};

6
assets/templates/pages/home/landingPage/home.tpl
View File

@ -13,7 +13,7 @@
<h3>Free social network that respect your privacy.</h3>
<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>
</div>
</div>
@ -23,13 +23,15 @@
<!-- Page styles -->
<style type="text/css">
#homeLandingScreen{
background-image: url("{backgroundImage}");
background-position: 0% 50%;
width: 100%;
height: 100%;
position: fixed;
text-align: center;
padding: 10px;
background-position: 50% 50%;
display: table;
top: 0;
}