-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #105 from ruchidesai/fix-paralax
Merged fix for issue #44
- Loading branch information
Showing
9 changed files
with
245 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| /* ============================================================================================== | ||
| This copyright notice must be kept untouched in the stylesheet at all times. | ||
| The original version of this stylesheet and the associated (x)html | ||
| is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/ | ||
| Copyright (c) Script Tutorials. All rights reserved. | ||
| This stylesheet and the associated (x)html may be modified in any way to fit your requirements. | ||
| ================================================================================================= */ | ||
|
|
||
| /* padded section */ | ||
| .pad-section { | ||
| padding: 50px 0; | ||
| } | ||
|
|
||
| /* additional sections */ | ||
| #home { | ||
| background: url(/static/img/bottles.jpg) no-repeat center center fixed; | ||
| display: table; | ||
| height: 50vh; | ||
| position: relative; | ||
| width: 100%; | ||
| -webkit-background-size: cover; | ||
| -moz-background-size: cover; | ||
| -o-background-size: cover; | ||
| background-size: cover; | ||
| } | ||
|
|
||
| #about { | ||
| } | ||
|
|
||
| #services { | ||
| background-color: #a51a11; | ||
| color: #ffffff; | ||
| } | ||
|
|
||
| #services .glyphicon { | ||
| border: 2px solid #FFFFFF; | ||
| border-radius: 50%; | ||
| display: inline-block; | ||
| font-size: 60px; | ||
| height: 140px; | ||
| line-height: 140px; | ||
| text-align: center; | ||
| vertical-align: middle; | ||
| width: 140px; | ||
| } | ||
|
|
||
| #information { | ||
| background: url(/static/img/oil.jpg) no-repeat center center fixed; | ||
| display: table; | ||
| height: 300px; | ||
| position: relative; | ||
| width: 100%; | ||
| background-size: cover; | ||
| } | ||
| #information .panel { | ||
| opacity: 0.85; | ||
| } |
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,100 @@ | ||
| {% extends "layout.html" %} | ||
| {% import 'macros.html' as macros %} | ||
|
|
||
| {% block login %} | ||
| {% call macros.render_form(form, | ||
| action_url=url_for('index'), | ||
| action_text='Login', | ||
| btn_class='btn btn-default', | ||
| class_='navbar-form navbar-right') %} | ||
| {{ macros.render_field(form.email, | ||
| label_visible=false, | ||
| placeholder='Email Address', | ||
| autocomplete='on', | ||
| type='email') }} | ||
| {{ macros.render_field(form.password, | ||
| label_visible=false, | ||
| placeholder='Password', | ||
| type='password') }} | ||
| {{ macros.render_field(form.next, | ||
| value=next_page, | ||
| type='hidden') }} | ||
| {{ macros.render_field(form.next, | ||
| value=next_page, | ||
| type='hidden') }} | ||
| {% endcall %} | ||
| {% endblock %} | ||
|
|
||
| {% block content %} | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-6"> | ||
| <div class="starter-template"> | ||
| <h1>Welcome! </h1> | ||
| <p class="lead">Please Sign In.</p> | ||
|
|
||
| <!-- first section - login --> | ||
| <div id="home"> | ||
| </div> | ||
| <!-- /first section --> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-xs-12 col-md-4 col-sm-4 col-sm-offset-4 col-md-offset-4 | ||
| col-lg-4 col-lg-offset-4"> | ||
| {% call macros.render_form(form, | ||
| action_url=url_for('index'), | ||
| action_text='Login', | ||
| btn_class='btn btn-danger', | ||
| class_='login-form') %} | ||
| {{ macros.render_field(form.email, | ||
| label_visible=false, | ||
| placeholder='Emai Address', | ||
| autocomplete='on', | ||
| type='email') }} | ||
| {{ macros.render_field(form.password, | ||
| label_visible=false, | ||
| placeholder='Password', | ||
| type='password') }} | ||
| {{ macros.render_field(form.next, | ||
| value=next_page, | ||
| type='hidden') }} | ||
| {{ macros.render_field(form.next, | ||
| value=next_page, | ||
| type='hidden') }} | ||
|
|
||
| {% endcall %} | ||
| <!-- second section - About --> | ||
| <div id="about" class="pad-section"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12 text-center"> | ||
| <h2>What is RED-I Dropper?</h2> | ||
| <p class="lead"> | ||
| RED-I Dropper is a web-based application used to assist in the secure transport of data from one location to another. This transfer can include both sensitive and non-sensitive data.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- /second section --> | ||
|
|
||
| <!-- third section - Services --> | ||
| <div id="services" class="pad-section"> | ||
| <div class="container"> | ||
| <h2 class="text-center">Dropper Resources</h2> <hr /> | ||
| <div class="row text-center"> | ||
| <div class="col-sm-4 col-xs-6"> | ||
| <i class="glyphicon glyphicon-cloud"> </i> | ||
| <h4>Getting Started</h4> | ||
| <p></p> | ||
| </div> | ||
| <div class="col-sm-4 col-xs-6"> | ||
| <i class="glyphicon glyphicon-phone-alt"> </i> | ||
| <h4>Support</h4> | ||
| <p></p> | ||
| </div> | ||
| <div class="col-sm-4 col-xs-6"> | ||
| <i class="glyphicon glyphicon-bullhorn"> </i> | ||
| <h4>FAQ</h4> | ||
| <p></p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-6 text-center"> | ||
| <h2>What is RED-I Dropper?</h2> | ||
| <p class="lead"> | ||
| RED-I Dropper is a web-based application used to assist in the secure transport of data from one location to another. This transfer can include both sensitive and non-sensitive data.</p> | ||
| </div> | ||
| <!-- /third section --> | ||
|
|
||
| <!-- fourth section - Information --> | ||
| <div id="information" class="pad-section"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12"> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h2 class="panel-title">STAR</h2> | ||
| </div> | ||
| <div class="panel-body lead"> | ||
| RED-I Dropper is a component of the Software Toolset for Alzheimer's | ||
| Research (STAR) system created in conjunction with the Alzheimer's | ||
| Disease Research Consortium. STAR is a cloud of technology services | ||
| created by CTSI-IT that serves to orchestrate the capture of data and | ||
| metadata as it flows from each consortium member to form a dataset | ||
| for analysis that will advance the understanding of Alzheimer's | ||
| Disease. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- /fourth section --> | ||
|
|
||
|
|
||
| {% endblock %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,84 @@ | ||
| {% extends "layout.html" %} | ||
| {% import 'macros.html' as macros %} | ||
|
|
||
| {% block login %} | ||
| {% call macros.render_form(form, | ||
| action_url=url_for('shibb_redirect'), | ||
| action_text='Login', | ||
| btn_class='btn btn-default', | ||
| class_='navbar-right') %} | ||
| {% endcall %} | ||
| {% endblock %} | ||
|
|
||
| {% block content %} | ||
|
|
||
| <div class="starter-template"> | ||
| <h1>Welcome! </h1> | ||
| <p class="lead">This is the REDI Dropper Application. Please login.</p> | ||
| </div> | ||
| <!-- first section - Home --> | ||
| <div id="home"> | ||
| </div> | ||
| <!-- /first section --> | ||
|
|
||
| <!-- second section - About --> | ||
| <div id="about" class="pad-section"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12 text-center"> | ||
| <h2>What is RED-I Dropper?</h2> | ||
| <p class="lead"> | ||
| RED-I Dropper is a web-based application used to assist in the secure transport of data from one location to another. This transfer can include both sensitive and non-sensitive data.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- /second section --> | ||
|
|
||
| <!-- third section - Services --> | ||
| <div id="services" class="pad-section"> | ||
| <div class="container"> | ||
| <h2 class="text-center">Dropper Resources</h2> <hr /> | ||
| <div class="row text-center"> | ||
| <div class="col-sm-4 col-xs-6"> | ||
| <i class="glyphicon glyphicon-cloud"> </i> | ||
| <h4>Getting Started</h4> | ||
| <p></p> | ||
| </div> | ||
| <div class="col-sm-4 col-xs-6"> | ||
| <i class="glyphicon glyphicon-phone-alt"> </i> | ||
| <h4>Support</h4> | ||
| <p></p> | ||
| </div> | ||
| <div class="col-sm-4 col-xs-6"> | ||
| <i class="glyphicon glyphicon-bullhorn"> </i> | ||
| <h4>FAQ</h4> | ||
| <p></p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- /third section --> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-xs-12 col-md-4 col-sm-4 col-sm-offset-4 col-md-offset-4 | ||
| col-lg-4 col-lg-offset-4"> | ||
| {% call macros.render_form(form, | ||
| action_url=url_for('shibb_redirect'), | ||
| action_text='Login', | ||
| btn_class='btn btn-danger', | ||
| class_='login-form') %} | ||
| {% endcall %} | ||
| <!-- fourth section - Information --> | ||
| <div id="information" class="pad-section"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-sm-12"> | ||
| <div class="panel panel-default"> | ||
| <div class="panel-heading"> | ||
| <h2 class="panel-title">STAR</h2> | ||
| </div> | ||
| <div class="panel-body lead"> | ||
| RED-I Dropper is a component of the Software Toolset for Alzheimer's | ||
| Research (STAR) system created in conjunction with the Alzheimer's | ||
| Disease Research Consortium. STAR is a cloud of technology services | ||
| created by CTSI-IT that serves to orchestrate the capture of data and | ||
| metadata as it flows from each consortium member to form a dataset | ||
| for analysis that will advance the understanding of Alzheimer's | ||
| Disease. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- /fourth section --> | ||
|
|
||
| {% endblock %} |