Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- CSS:
- `
- @import ''_palette'';
- $body-bg: #505050;
- $navbar-inverse-bg: $color-primary-0;
- $navbar-inverse-link-active-color: lighten($color-primary-1, 15%); //Active link
- $navbar-inverse-link-color: $color-primary-1;
- $link-color: $color-secondary-2-0;
- $link-hover-color: lighten($link-color, 15%);
- $text-color: $color-secondary-2-2;
- $headings-color: $color-secondary-2-3; //h1, h2, h3...
- @import ''{reywood:bootstrap3-sass}/bootstrap'';
- body {
- padding-top: 50px;
- }
- #wrap{
- padding: 40px 15px;
- min-height: 100%;
- height: auto !important;
- height: 100%;
- /* Negative indent footer by its height */
- margin: 0 auto -60px;
- /* Pad bottom by footer height */
- padding: 0 0 60px;
- }
- .container {
- text-align: center;
- }
- #player-btns {
- padding-top: 1.5%;
- }
- /* Set the fixed height of the footer here */
- #footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- height: 60px;
- padding-left: 15px;
- padding-right: 15px;
- text-align: center;
- background: $body-bg;
- }
- `
- Footer:
- `
- <template name="Footer">
- <div class="container" id="footer">
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-1"></div>
- <div class="col-md-3"></div>
- <div class="col-md-4 " id="player-btns" >
- <!-- <div class="col-xs-4"><i class="fa fa-fast-backward fa-2x"></i></div> -->
- {{#if isTime}}
- <!--Only displays if it's between 9PM-12AM on Saturday -->
- <div id="play-btn" class="col-xs-12">
- <i id='icon' class="fa fa-play fa-2x"></i>
- <audio id= "source" src="http://wrek.org" ></audio>
- </div>
- {{else}}
- <p>Check back Saturday between 9PM-midnight!</p>
- {{/if}}
- <!-- <div class="col-xd-4"><i class="fa fa-fast-forward fa-2x"></i></div> -->
- </div>
- <div class="col-md-3">
- <div id="vol"></div>
- </div>
- <div class="col-xs-1"></div>
- </div>
- </div>
- </div>
- </template>
- `
- Relevant part of the main template:
- `
- <template name="frame">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <title>EDMSS: {{title}}</title>
- ...
- <!-- Site -->
- <div class="container">
- <div class="starter-template">
- {{>yield}}
- </div>
- </div><!-- /.container -->
- {{>Footer}}
- <!-- Bootstrap core JavaScript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- </body>
- </template>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement