<!-- Home landing page @author Pierre HUBERT --> <div id="homeLandingScreen"> <div id="homeMessageContainer"> <div id="homeMessage"> <h1>Comunic</h1> <h3>[[_landing_main_caption]]</h3> <a class="btn btn-lg btn-primary" target="create_account">[[_landing_signup_link]]</a> <a class="btn btn-lg btn-success" href="{about_url}">[[landing_page_learn_more]]</a> </div> </div> </div> <!-- 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; display: table; top: 0; } #homeMessageContainer { display: table-cell; vertical-align: middle; } #homeMessage { background-color: rgba(244, 244, 244, 0.38); max-width: 400px; padding: 30px; margin: auto; border-radius: 5px; } #homeMessage .learn_more a { color: black; font-size: 110%; } </style>