index.html 5.38 KB
Newer Older
1
<!DOCTYPE html>
David Haynes's avatar
David Haynes committed
2

3
<html lang="en">
4

5 6 7 8 9 10 11 12
  <head>
    <!-- Metatags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- Chrome on Android navbar color -->
    <meta name="theme-color" content="#006633">
    <!-- Opengraph tags -->
David Haynes's avatar
David Haynes committed
13
    <meta property="og:url" content="https://srct.gmu.io/masonstrap/">
14 15
    <meta property="og:type" content="website">
    <meta property="og:title" content="SRCT Masonstrap">
16
    <meta property="og:image" content="https://srct.gmu.io/masonstrap/img/masonstrap.png">
17 18 19 20 21 22 23 24
    <meta property="og:description" content="Easily provide any web project with Mason branding.">
    <meta property="og:site_name" content="SRCT Masonstrap">
    <meta property="og:locale" content="en_US">
    <meta property="article:author" content="SRCT">
    <!-- Twitter card tags -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@MasonSRCT">
    <meta name="twitter:creator" content="@MasonSRCT">
David Haynes's avatar
David Haynes committed
25
    <meta name="twitter:url" content="https://srct.gmu.io/masonstrap/">
26 27
    <meta name="twitter:title" content="SRCT Masonstrap">
    <meta name="twitter:description" content="Easily provide any web project with Mason branding.">
28
    <meta name="twitter:image" content="https://srct.gmu.io/masonstrap/img/masonstrap.png">
29 30

    <!-- Title -->
31
    <title>Masonstrap 4 &bull; Home</title>
32 33

    <!-- Load in static content -->
34 35
    <link rel="icon" href="./img/favicon.ico" sizes="16x16">
    <link rel="stylesheet" href="./css/masonstrap.min.css" media="screen">
36 37
  </head>

38
  <!-- Navbar -->
39
  <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
40 41
    <div class="container">
      <a class="navbar-brand d-flex mx-auto mr-2" href="./index.html">
David Haynes's avatar
David Haynes committed
42
        <img src="./img/SRCT_square.svg" width="30" height="30" class="d-inline-block align-top mr-2" alt="SRCT Masonstrap"> Masonstrap
43
      </a>
44

45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
        aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink"
              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Source Files
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <h6 class="dropdown-header">CSS</h6>
              <a class="dropdown-item" href="./css/masonstrap.css">masonstrap.css</a>
              <a class="dropdown-item" href="./css/masonstrap.min.css">masonstrap.min.css</a>
              <div class="dropdown-divider"></div>
              <h6 class="dropdown-header">JS</h6>
              <a class="dropdown-item" href="./js/masonstrap.js">masonstrap.js</a>
              <a class="dropdown-item" href="./js/masonstrap.min.js">masonstrap.min.js</a>
            </div>
          </li>
        </ul>
        <a class="btn accent-btn-outline" href="https://git.gmu.edu/srct/masonstrap/-/jobs/artifacts/master/download?job=build">Download</a>
      </div>
  
70 71 72
    </div>
  </nav>

David Haynes's avatar
David Haynes committed
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123
  <div class="jumbotron jumbotron-fluid">
      <div class="container">
        <div class="d-flex flex-wrap">
          <div class="d-md-none d-lg-none d-xl-none mx-auto">
            <span class="fa-stack fa-2x">
              <i class="fas fa-circle fa-stack-2x"></i>
              <i class="fas fa-paint-brush fa-stack-1x fa-inverse"></i>
            </span>            
          </div>
          <div class="d-none d-md-block mr-3">
            <span class="fa-stack fa-2x">
              <i class="fas fa-circle fa-stack-2x"></i>
              <i class="fas fa-paint-brush fa-stack-1x fa-inverse"></i>
            </span>  
          </div>
          <h1 class="display-4">
            Masonstrap
          </h1>
        </div>
        <p class="lead">Easily apply GMU styling to any web project.</p>
      </div>
    </div>

  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div class="card bg-light mb-3">
          <h5 class="card-header">CSS</h5>
          <div class="card-body">
            <pre class="p-3"><code>&lt;link rel="stylesheet" href="https://srct.gmu.io/masonstrap/css/masonstrap.min.css" rel="stylesheet"&gt;</code></pre>
          </div>    
        </div>
      </div>

      <div class="col-md-6">
        <div class="card bg-light">
          <h5 class="card-header">JS</h5>
          <div class="card-body">
            <pre class="p-3"><code>&lt;script src="https://srct.gmu.io/masonstrap/js/masonstrap.min.js"&gt;&lt;/script&gt;</code></pre>
          </div>    
        </div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="container d-flex">
      <span class="text-muted mx-auto">A project of <a href="https://www.srct.gmu.edu">GMU <strong>SRCT</strong></a> | Freely Licensed under <a href="https://git.gmu.edu/srct/masonstrap/blob/master/LICENSE">MIT</a> | <a href="https://git.gmu.edu/srct/masonstrap/blob/master/CHANGELOG.md">v4.0</a></span>
    </div>
  </div>

David Haynes's avatar
David Haynes committed
124
  <!-- load in external js -->
125
  <script src="./js/masonstrap.min.js"></script>
126

127
</html>