Skip to content

ComputerScienceHouse/csh-pride-bootstrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

81 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSH Pride Bootstrap

A Bootstrap pride theme designed for use on Computer Science House websites. Based on Lux by Bootswatch.

Demo

A live demo of this theme that showcases most components can be found here.

Usage

You can choose to install this package with NPM, or simply include the CDN links on your webpage. In both cases, you must still include Bootstrap's required JavaScript libraries to have functional dropdowns, modals, etc. unless you are using an alternative implementation (e.g. Reactstrap).

Installation

CSH Pride Bootstrap is available via NPM. This method is recommended for modern web applications. Simply run the following command to add the package to your project:

npm install --save csh-pride-bootstrap

You can then include the stylesheet into your bundled project:

import 'csh-pride-bootstrap/dist/csh-pride-bootstrap.css';

Or with SCSS:

@import "node_modules/csh-pride-bootstrap/src/csh-pride-bootstrap.scss";

CDN

Use CSH Pride Bootstrap without a package manager.

CSS
<link rel="stylesheet" href="https://s3.csh.rit.edu/csh-pride-bootstrap/4.3.1/dist/csh-pride-bootstrap.min.css" media="screen">
JS, Popper.js, and jQuery
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

Development

You must have Node 6 or higher and NPM or Yarn installed.

Once you have those tools installed, clone this repo and run the following command to install dependencies:

npm install

Or, with Yarn:

yarn

Once all of the dependencies are installed, run npm build to build the stylesheet (artifacts will be dropped in ./dist), or npm start to watch the source files for development.

Contributing

Issues: Provide a detailed report of any bugs you encounter and open an issue on GitHub. Screenshots are appreciated!

Code: Fork this repo, make a fix, and submit it as a pull request.

About

A Bootstrap theme to propagate the gay agenda on CSH

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published