Glynn admin Glynn admin

Getting started

Npm

You can install the files using npm. 

npm install glynn-admin

And just include the css or js. 

@import "~glynn-admin/scss/glynn-admin";
import from "glynn-admin/js/glynn-admin";

Unpkg

Or you can just include the css and javascript from unpkg.com 

<!-- Glynn admin CSS -->
<link rel="stylesheet" href="https://unpkg.com/glynn-admin/site/build/glynn-admin.css" crossorigin="anonymous">
<!-- Optional JavaScript -->
<script src="https://unpkg.com/glynn-admin/site/build/glynn-admin.js" crossorigin="anonymous"></script>

Bootstrapping html

Or just copy and paste the bootstrap template and go on from there. Check it out here. 

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Glynn admin CSS -->
    <link rel="stylesheet" href="https://unpkg.com/glynn-admin/site/build/glynn-admin.css" crossorigin="anonymous">

    <title>Hello, world!</title>
</head>
<body>
<div class="page">
    <nav class="page-sidebar">
        <div class="sidebar navbar navbar-expand-lg navbar-dark d-lg-block px-0">
            <div class="text-lg-center py-3 px-3">
                <a class="site-title" href="#">
                    Site title
                </a>
            </div>
            <button class="navbar-toggler mr-3" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="main-menu">
                <div class="col-12 px-0">
                    <ul id="menu" class="sidebar-menu">
                        <li>
                            <a class="sidebar-link" href="#">Sidebar link</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <div class="page-body">
        <div class="page-main-bg container">
            <header>
                <h1 class="page-title"><i class="fa fa-home"></i> Content</h1>
            </header>
            <main class="py-3">
                <p>Here we can add content to the page.</p>
            </main>
        </div>
    </div>
</div>
<!-- Optional JavaScript -->
<script src="https://unpkg.com/glynn-admin/site/build/glynn-admin.js" crossorigin="anonymous"></script>
</body>
</html>

subscribe via RSS | connect on gitbub