Commit f800f936 authored by David Haynes's avatar David Haynes 🙆

Comments and such

- working on the navbar
parent f4808194
Pipeline #1528 passed with stage
in 27 seconds
// Masonstrap 4.0 Variables
$mason_green: #006633;
\ No newline at end of file
// PRIMARY PALETTE -- SIGNATURE COLORS
/*
Mason Green is a cool color that can represent nature, prosperity, renewal,
growth, calm, and strength. Many of these attributes tie in with the themes
and tone of the wording in the Message Map. The color may be used for either
large areas of color or as an accent color.
*/
$mason_green: #006633;
/*
Mason Gold is a very bold warm color that can represent optimism,
enthusiasm, fun, clarity, and confidence — again many of the attributes
described in the message map. Because it is such a dominant color, with few
exceptions, a little Mason Gold goes a long way. The color is very effective
used solely or with Mason green on publications and merchandise targeted at
enhancing school spirit. Otherwise, it should be used primarily as an accent
color and, with very rare exception, never as a type color.
*/
$mason_gold: #FFCC33;
// DEFAULT => PRIMARY + UNIVERSAL SUPPORTING COLORS
/*
The secondary palette colors work well as accent colors or as subtle
backgrounds behind typography or graphics. Darker colors may be used behind
light-colored typography. Screens or tints of the supporting colors may be
used to achieve the desired effect but should be used cautiously, as
screening certain colors may result in undesirable pastels.
*/
......@@ -39,94 +39,31 @@
<!-- Body content -->
<body>
<!-- Define the navbar with the primary background color -->
<nav class="navbar navbar-toggleable-sm navbar-inverse bg-primary fixed-top">
<!-- Responsive toggle button -->
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target=".dual-collapse">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Containter for main navbar content -->
<div class="container">
<!-- Brand logo + title -->
<a class="navbar-brand d-flex mx-auto" href="#">
<img src="assets/img/SRCT_square.svg" width="30" height="30" class="d-inline-block align-top">&nbsp;&nbsp;Masonstrap&nbsp;&nbsp;
</a>
<!-- Elements that will be collapsed in responsive mode -->
<div class="navbar-collapse collapse dual-collapse">
<!-- Unordered list of elements -->
<ul class="navbar-nav mr-auto">
<!-- Example dropdown including links to source files -->
<li class="nav-item dropdown">
<!-- Dropdown for source files -->
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Source files<span class="caret"></span>
</a>
<!-- Rounded dropdown-menu -->
<div class="rounded dropdown-menu">
<!-- Example dropdown-item -->
<a class="dropdown-item" href="#">Open in JSFiddle (TODO)</a>
<!-- Divider divides content in the dropdown-menu -->
<div class="dropdown-divider"></div>
<!-- Example dropdown-item -->
<a class="dropdown-item" href="masonstrap/masonstrap.min.css" target="_blank">masonstrap.min.css
</a>
<!-- Example dropdown-item -->
<a class="dropdown-item" href="masonstrap/masonstrap.css" target="_blank">masonstrap.css
</a>
<!-- Divider divides content in the dropdown-menu -->
<div class="dropdown-divider"></div>
<!-- Example dropdown-item -->
<a class="dropdown-item" href="masonstrap/_variables.scss" target="_blank">_variables.scss
</a>
<!-- Example dropdown-item -->
<a class="dropdown-item" href="masonstrap/_masonstrap.scss" target="_blank">_masonstrap.scss
</a>
</div>
</li>
</ul>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="/assets/img/SRCT_square.svg" width="30" height="30" class="d-inline-block align-top" alt="">
Masontrap
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</nav>
<!-- Begin giant container for the entirety of the page content -->
<div class="container">
<div class="rounded jumbotron" style="background-color: rgba(214, 218, 217, 0.95);">
<h1 class="display-4">
<span class="fa-stack fa-md hidden-sm-down">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-paint-brush fa-stack-1x fa-inverse"></i>
</span> Masonstrap</h1>
<p class="lead hidden-sm-down" style="padding-left: 6.5em;">Easily provide any web project with Mason branding.</p>
<p class="lead hidden-md-up">Easily provide any web project with Mason branding.</p>
<hr />
<div class="row">
<p style="padding-left: 1rem;"><a class="rounded btn btn-outline-primary btn-lg" href="demo.html" target="_blank">Demo</a></p>
<p style="padding-left: 1rem;"><a class="rounded btn btn-outline-info btn-lg" href="https://git.gmu.edu/srct/masonstrap/builds/artifacts/master/download?job=build_css">Download</a></p>
</div>
<br />
<p>A project of <a href="https://srct.gmu.edu/">GMU<strong> SRCT</strong></a></p>
<p>Code released under <a href="https://git.gmu.edu/srct/masonstrap/blob/master/LICENSE"><strong>MIT license</strong></a></p>
<p>Contribute to the open source repo at <a href="https://git.gmu.edu/srct/masonstrap"><strong>git.gmu.edu/srct/masonstrap</strong></a></p>
<p>Based on the <a href="https://bootswatch.com/yeti/"><strong>Bootswatch</strong> Yeti</a> theme which is based on <a href="https://getbootstrap.com/"><strong>Bootstrap</strong></a></p>
</div>
</div>
<!-- load in external js -->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/popper.min.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment