Difference between revisions of "Team:Sydney Australia/templates/Footer"

Line 10: Line 10:
  
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
 
<script>
 
<script>
−
$(window).on('load resize', function() {
+
</script>
−
  $('iframe[src*="open.spotify.com"]').each( function() {
+
−
    $(this).css('width', $(this).parent().css('width'));
+
−
    $(this).attr('src', $(this).attr('src'));
+
−
    $(this).removeClass('loaded');
+
−
   
+
−
    $(this).on('load', function(){
+
−
      $(this).addClass('loaded');
+
−
    });
+
−
  });
+
−
});
+
−
</script>
+
 
<style>
 
<style>
−
#sideMenu, #top_title {display:none;}
+
.footer-distributed{
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0%;, margin-right: 0%}
+
background-color: #e2e2e2;
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
 
+
−
.footer {
+
−
background:#e2e2e2;
+
−
position:absolute;
+
−
height:200px;
+
−
margin-left:0;
+
−
margin-right:0;
+
−
bottom:0;
+
−
color:white;
+
−
width:100%;
+
 
box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
 
box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
 
  -moz-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
 
  -moz-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
 
  -webkit-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
 
  -webkit-box-shadow: 0px 0px 15px rgba(33,62,83,0.7) inset;
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 80px;
 +
}
 +
.fa {color:#3e3f3f}
 +
 +
.footer-distributed .footer-right{
 +
float: right;
 +
margin-top: 6px;
 +
max-width: 400px;
 +
}
 +
 +
.images {
 +
            margin: 2.5px;
 +
            width: 200px;
 +
        }
 +
 +
@media (max-width: 600px) {
 +
 +
.footer-distributed .footer-left,
 +
.footer-distributed .footer-right{
 +
text-align: center;
 +
}
 +
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
 +
 +
.footer-distributed .footer-left p.footer-links{
 +
line-height: 1.8;
 
}
 
}
−
#disco, #uni, #spot {
 
−
    top: 20%;
 
−
    bottom: 20%;
 
−
    left: 0;
 
−
    right: 0;
 
−
    display: flex; /* add */
 
−
    justify-content: center; /* add to align horizontal */
 
−
    align-items: center; /* add to align vertical */
 
 
}
 
}
  
−
.fa {color:#3e3f3f}
 
−
#media_links {
 
−
left:5px;
 
−
right:5px;
 
−
    display: flex;
 
−
    justify-content: space-between;
 
−
    top:50%
 
−
    }
 
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
<footer class="footer footer-distributed row">
+
<footer class="footer-distributed">
−
<div class="col-xs-2" id="disco">
+
<div class="footer-right">
−
<img class=" img-center" src="https://static.igem.org/mediawiki/2017/f/fe/T--Sydney_Australia--footer_logo.png" style="width:100%; max-height:160px;vertical-align:middle"/>
+
−
</div>
+
−
<div class="col-xs-3" id="uni" >
+
−
<img id="uni_logo" class="img-center" src="https://static.igem.org/mediawiki/2016/9/96/T--Sydney_Australia--newusydlogo.png" style="width:100%;vertical-align:middle"/>
+
−
</div>
+
−
<div class="col-xs-3" id="media_links" >
+
 
<a target="_blank" href="mailto:igem.usyd.17@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a>  
 
<a target="_blank" href="mailto:igem.usyd.17@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a>  
 
<a target="_blank" href="https://www.instagram.com/igem_usyd/"><i class="fa fa-instagram fa-2x"></i></a>  
 
<a target="_blank" href="https://www.instagram.com/igem_usyd/"><i class="fa fa-instagram fa-2x"></i></a>  
 
<a target="_blank" href="https://www.facebook.com/iGEM.usyd"><i class="fa fa-facebook fa-2x"></i></a>  
 
<a target="_blank" href="https://www.facebook.com/iGEM.usyd"><i class="fa fa-facebook fa-2x"></i></a>  
 
  <a target="_blank" href="https://twitter.com/igem_usyd"><i class="fa fa-twitter fa-2x"></i></a>  
 
  <a target="_blank" href="https://twitter.com/igem_usyd"><i class="fa fa-twitter fa-2x"></i></a>  
−
 
+
−
</div>
+
−
<div class="col-xs-3" id="spot">
+
 
<iframe src="https://open.spotify.com/embed/user/1236373175/playlist/0pkcR2DG7l6KRx6fHZcxbc" frameborder="0" allowtransparency="true"></iframe>
 
<iframe src="https://open.spotify.com/embed/user/1236373175/playlist/0pkcR2DG7l6KRx6fHZcxbc" frameborder="0" allowtransparency="true"></iframe>
−
</div>
+
 
−
<div class="col-xs-1"></div>
+
</div>
−
</footer>
+
<div class="footer-left">
 +
<img class="images" src="https://static.igem.org/mediawiki/2017/f/fe/T--Sydney_Australia--footer_logo.png"/>
 +
<img id="uni_logo" class="images" src="https://static.igem.org/mediawiki/2016/9/96/T--Sydney_Australia--newusydlogo.png"/>
 +
 
 +
</div>
 +
</footer>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 00:20, 13 October 2017