Masonstrap 4 navbar all gtg

- looking fine might I add

srctweb/_includes/footer.html

@@ -35,30 +35,6 @@
   </small>
 </div>
 
-<script src="/assets/js/bootstrap.min.js"></script>
-
-<script>
-  /*
-     @licstart  The following is the entire license notice for the 
-     JavaScript code in this page.
-
-     Copyright (C) 2014 Mason SRCT
-
-     The JavaScript code in this page is free software: you can
-     redistribute it and/or modify it under the terms of the GNU
-     General Public License (GNU GPL) as published by the Free Software
-     Foundation, either version 3 of the License, or (at your option)
-     any later version.  The code is distributed WITHOUT ANY WARRANTY;
-     without even the implied warranty of MERCHANTABILITY or FITNESS
-     FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
-
-     As additional permission under GNU GPL version 3 section 7, you
-     may distribute non-source (e.g., minimized or compacted) forms of
-     that code without the copy of the GNU GPL normally required by
-     section 4, provided you include this license notice and a URL
-     through which recipients can access the Corresponding Source.
-
-     @licend  The above is the entire license notice
-     for the JavaScript code in this page.
-   */
-</script>
\ No newline at end of file
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

srctweb/_includes/head.html

@@ -26,11 +26,7 @@
 <meta name="twitter:image" content="{{ site.url }}/assets/img/SRCT_sq_white_shadow.png">
 
 <!-- Load stylesheets -->
-<link href="/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
-<link href="/assets/css/bootstrap-theme.min.css" rel="stylesheet">
-<link href="/assets/css/font-awesome.min.css" rel="stylesheet">
+<link rel="stylesheet" href="https://srct.gmu.io/masonstrap/css/masonstrap.min.css" />
 <link href="/assets/css/style.css" rel="stylesheet">
 <!-- Load favicon -->
 <link rel="icon" href="/assets/img/favicon.ico">
-
-<script src="/assets/js/jquery-2.0.3.min.js"></script>
\ No newline at end of file

srctweb/_includes/navbar.html

-<nav class="navbar navbar-inverse navbar-fixed-top">
+<!-- Navbar -->
+<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary">
   <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-      </button>
-      <a class="navbar-brand xolonium" href="/"><img src="/assets/img/SRCT_square.svg" width=24 height=24 alt=""/>&nbsp;&nbsp;Mason SRCT</a>
-    </div>
 
-    <div class="navbar-right collapse navbar-collapse navbar-ex1-collapse">
-      <ul class="nav navbar-nav">
+    <!-- Brand -->
+    <a class="navbar-brand my-2 my-lg-0 xolonium" href="/">
+      <img src="/assets/img/SRCT_square.svg" width="30" height="30" class="d-inline-block align-top" alt="Mason SRCT">
+      &nbsp;Mason SRCT&nbsp;
+    </a>
+
+    <!-- Collapse button -->
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapse"
+      aria-controls="collapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <!-- Collapse -->
+    <div class="collapse navbar-collapse" id="collapse">
+      <ul class="navbar-nav ml-auto">
         {% for link in site.data.navigation.main %}
           {% if link.children == null %}
-            <li><a href="{{ link.url }}">{{ link.title }}</a></li>
+            <li class="nav-item">
+              <a class="nav-link" href="{{ link.url }}">{{ link.title }}</a>
+            </li>
           {% else %}
-            <li class="dropdown">
-              <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">{{ link.title }} <b class="caret"></b></a>
-              <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" id="dropdown-link"
+                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                  {{ link.title }} 
+              </a>
+              <div class="dropdown-menu">
                 {% for childLink in link.children %}
-                  <li role="presentation"><a role="menuitem" tabindex="-1" href="{{ childLink.url }}">{{ childLink.title }}</a></li>
+                  <a class="dropdown-item" href="{{ childLink.url }}">{{ childLink.title }}</a>          
                 {% endfor %}
-              </ul>
+              </div>
             </li>
           {% endif %}
         {% endfor %}
       </ul>
     </div>
   </div>
-</nav>
+</nav>
\ No newline at end of file

srctweb/assets/css/bootstrap-theme.min.css

-body{padding-top:45px}
-#banner{border-bottom:none}
-.page-header h1{font-size:4em}
-.bs-docs-section{margin-top:8em}
-footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}
-footer p{clear:left;margin-bottom:0}
-.splash{background-color:#1c2533;background:-webkit-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-o-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-ms-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-moz-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:linear-gradient(20deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background-attachment:fixed;padding:6em 0 2em;color:#fff;text-align:center}.splash .alert{margin:4em 0 2em}
-.splash h1{font-size:4em}
-.splash #social{margin-top:6em}
-.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}
-.section-tout p{margin-bottom:3em}
-.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}
-.section-preview .preview .options{text-align:center;padding:0 2em 2em}.section-preview .preview .options p{margin-bottom:2em}
-.section-preview .dropdown-menu{text-align:left}
-.section-preview .lead{margin-bottom:2em}
-@media (max-width:767px){.section-preview .image img{width:100%}}
-.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important}
-.bsa .one .bsa_it_p{display:none}