Difference between revisions of "Template:BUHW2016"

@@ Line 3: / Line 3: @@
 <head>
+<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
+<script type="text/javascript">
+ $(function () {
+    $("#myModal").modal({show:false});
+});
+</script>
 </head>
@@ Line 14: / Line 31: @@
 /********************************* DEFAULT WIKI SETTINGS  ********************************/
-	#sideMenu, #top_title {display:none;}
+#sideMenu, #top_title {display:none;}
 	#content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 	body {background-color:white; }
 	#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 /*!
@@ Line 24: / Line 46: @@
   * For details, see http://www.apache.org/licenses/LICENSE-2.0.
   */
 /* Global Styles */
 * {
-     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+     font-family: 'Open Sans', Open-Sans, sans-serif, 'Helvetica Neue', Arial, sans-serif;
 }
 html,
 body {
      width: 100%;
-     height: 100%;
 }
+/*
 body {
-     font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
+     font-family:  'Open Sans', sans-serif, "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
 }
+*/
 .text-vertical-center {
@@ Line 48: / Line 77: @@
      padding-top: 30px;
 }
 .text-vertical-center h1 {
-     margin: 0;
+     margin: 15px;
-     padding: 0;
+     padding: 30px;
      font-size: 4.5em;
      font-weight: 700;
 font-color: white;
 }
 /* Custom Button Styles */
-.btn-dark {
-    border-radius: 0;
-    color: #ffffff;
-    background-color: rgba(0,0,0,0.4);
-}
-.btn-dark:hover,
-.btn-dark:focus,
-.btn-dark:active {
-    border-radius: 0;
-    color: #ffffff;
-    background-color: rgba(0,0,0,0.7);
-}
 .btn-light {
@@ Line 94: / Line 116: @@
 }
-/* Side Menu */
+hr.medium {
+     max-width: 245px;
-#sidebar-wrapper {
+     margin: auto;
-     z-index: 1000;
-    position: fixed;
-    right: 0;
-    width: 250px;
-    height: 100%;
-     margin-right: -250px;
-    overflow-y: auto;
-    background: #222;
-    -webkit-transition: all 0.4s ease 0s;
-    -moz-transition: all 0.4s ease 0s;
-    -ms-transition: all 0.4s ease 0s;
-    -o-transition: all 0.4s ease 0s;
-    transition: all 0.4s ease 0s;
 }
-.sidebar-nav {
-    position: absolute;
-    top: 0;
-    width: 250px;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-#sidebar-wrapper.active {
-    right: 250px;
-    width: 250px;
-    -webkit-transition: all 0.4s ease 0s;
-    -moz-transition: all 0.4s ease 0s;
-    -ms-transition: all 0.4s ease 0s;
-    -o-transition: all 0.4s ease 0s;
-    transition: all 0.4s ease 0s;
-}
-.toggle {
-    margin: 5px 5px 0 0;
-}
 /* Header */
@@ Line 144: / Line 134: @@
      background: url('https://static.igem.org/mediawiki/2016/8/8e/BUHW2016_skyline.png') no-repeat center center scroll;
      background-size: 100% 100%;
-}
-/* About */
-.about {
-    padding: 50px 0;
 }
-/* Services */
-.services {
-    padding: 50px 0;
-}
-.service-item {
-    margin-bottom: 30px;
-}
-.sidebar-nav li {
-    text-indent: 20px;
-    line-height: 40px;
-}
-.sidebar-nav li a {
-    display: block;
-    text-decoration: none;
-    color: #999;
-}
-.sidebar-nav li a:hover {
-    text-decoration: none;
-    color: #fff;
-    background: rgba(255,255,255,0.2);
-}
-.sidebar-nav li a:active,
-.sidebar-nav li a:focus {
-    text-decoration: none;
-}
-.sidebar-nav > .sidebar-brand {
-    height: 55px;
-    font-size: 18px;
-    line-height: 55px;
-}
-.sidebar-nav > .sidebar-brand a {
-    color: #999;
-}
-.sidebar-nav > .sidebar-brand a:hover {
-    color: #fff;
-    background: none;
-}
-/* Callout */
-.callout {
-    display: table;
-    width: 100%;
-    height: 400px;
-    color: #fff;
-    background: url(../img/callout.jpg) no-repeat center center scroll;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    background-size: cover;
-    -o-background-size: cover;
-}
-/* Portfolio */
-.portfolio {
-    padding: 50px 0;
-}
-.portfolio-item {
-    margin-bottom: 30px;
-}
-.img-portfolio {
-    margin: 0 auto;
-}
-.img-portfolio:hover {
-    opacity: 0.8;
-}
-/* Call to Action */
-.call-to-action {
-    padding: 50px 0;
-}
-.call-to-action .btn {
-    margin: 10px;
-}
-/* Map */
-.map {
-    height: 500px;
-}
-@media(max-width:768px) {
-    .map {
-        height: 75%;
-    }
-}
-/* Footer */
-footer {
-    padding: 100px 0;
-}
@@ Line 268: / Line 158: @@
      background-color: white;
      border-color: rgba(34, 34, 34, 0.05);
-     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+     font-family: OpenSans, 'Helvetica Neue', Arial, sans-serif;
      -webkit-transition: all 0.35s;
      -moz-transition: all 0.35s;
@@ Line 275: / Line 165: @@
 .navbar-default .navbar-header .navbar-brand {
-     color: #c0392b;
+     color:#222222;
-     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+     font-family:  'Open Sans', sans-serif, 'Helvetica Neue', Arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase;
@@ Line 283: / Line 173: @@
 .navbar-default .navbar-header .navbar-brand:hover,
 .navbar-default .navbar-header .navbar-brand:focus {
-     color: #c0392b;
+     color: #222222;
 }
@@ Line 301: / Line 191: @@
 .navbar-default .nav > li.active > a,
 .navbar-default .nav > li.active > a:focus {
-     color: #c0392b !important;
+     color: #222222 !important;
      background-color: transparent;
 }
@@ Line 335: / Line 225: @@
    }
    .navbar-default.affix .navbar-header .navbar-brand {
-       color: #c0392b;
+       color: #222222;
-       font-size: 14px;
+       font-size: 18px;
    }
    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
-       color: #c0392b;
+       color: #222222;
    }
    .navbar-default.affix .nav > li > a,
@@ Line 348: / Line 238: @@
    .navbar-default.affix .nav > li > a:hover,
    .navbar-default.affix .nav > li > a:focus:hover {
-       color: #c0392b;
+       color: #222222;
    }
 }
@@ Line 357: / Line 247: @@
+ul.nav li.dropdown:hover > ul.dropdown-menu {
+    display: block;
+}
+section {
+padding-bottom: 70px;
+}
@@ Line 366: / Line 267: @@
 <body>
@@ Line 378: / Line 280: @@
                  <span class="icon-bar"></span>
              </button>
-             <a class="navbar-brand page-scroll" href="#page-top">BU HW 2016</a>
+             <a class="navbar-brand page-scroll" href="https://2016.igem.org/Team:BostonU_HW">BU HW 2016</a>
          </div>
@@ Line 397: / Line 299: @@
                          <li><a href="https://2016.igem.org/Team:BostonU_HW/Description">Overview</a></li>
                          <li><a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a></li>
-                         <li><a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Fabrication</a></li>
+                         <li><a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Build</a></li>
                          <li><a href="https://2016.igem.org/Team:BostonU_HW/Proof">Application</a></li>
                          <li><a href="https://2016.igem.org/Team:BostonU_HW/Design">Documentation</a></li>
@@ Line 432: / Line 334: @@
                          <li><a href="https://2016.igem.org/Team:BostonU_HW/Model">Model</a></li>
                      </ul>
-                </li>
-                <li>
-                    <a class="page-scroll" href="#awards">Awards</a>
                  </li>
              </ul>
@@ Line 442: / Line 341: @@
          <!-- /.container-fluid -->
 </nav>
@@ Line 456: / Line 354: @@
    <!-- Latest compiled and minified JavaScript -->
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
@@ Line 473: / Line 369: @@
   * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
   */
 (function($) {
      "use strict"; // Start of use strict
-    // jQuery for page scrolling feature - requires jQuery Easing plugin
-    $('a.page-scroll').bind('click', function(event) {
-        var $anchor = $(this);
-        $('html, body').stop().animate({
-            scrollTop: ($($anchor.attr('href')).offset().top - 50)
-        }, 1250, 'easeInOutExpo');
-        event.preventDefault();
-    });
-    // Closes the Responsive Menu on Menu Item Click
-    $('.navbar-collapse ul li a:not(.dropdown-toggle)').click(function() {
-        $('.navbar-toggle:visible').click();
-    });
      // Offset for Main Navigation
@@ Line 499: / Line 381: @@
          }
      })
+})(jQuery); // End of use strict
-    // Initialize and Configure Scroll Reveal Animation
-    window.sr = ScrollReveal();
-    sr.reveal('.sr-icons', {
-        duration: 600,
-        scale: 0.3,
-        distance: '0px'
-    }, 200);
-    sr.reveal('.sr-button', {
-        duration: 1000,
-        delay: 200
-    });
-    sr.reveal('.sr-contact', {
-        duration: 600,
-        scale: 0.3,
-        distance: '0px'
-    }, 300);
-    // Initialize and Configure Magnific Popup Lightbox Plugin
+</script>
-    $('.popup-gallery').magnificPopup({
-        delegate: 'a',
-        type: 'image',
-        tLoading: 'Loading image #%curr%...',
-        mainClass: 'mfp-img-mobile',
-        gallery: {
-            enabled: true,
-            navigateByImgClick: true,
-            preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
-        },
-        image: {
-            tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
-        }
-    });
-})(jQuery); // End of use strict
-</script>
@@ Line 542: / Line 392: @@
 </body>
 </html>

Latest revision as of 20:40, 11 July 2016

BU HW 2016

Team
- Us
- Collaborations
Project
Notebook
Human Practices
Awards