-
Notifications
You must be signed in to change notification settings - Fork 212
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Fix `$popover-arrow-width` interpolation issue #32. * Update package dependencies. * Add support for nouislider 11.1.0 - #31 * Update readme. * Fix demo page responsive display issues #29 * Update dependencies and bump version number. * Update distributed files. * Fix readme description. * Update changelog.
- Loading branch information
Showing
22 changed files
with
5,617 additions
and
3,414 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,38 +1,58 @@ | ||
<p align="center" style="margin-bottom: 40px;"> | ||
<p align="center"> | ||
<img src="logo.jpg" width="250" /> | ||
</p> | ||
|
||
![Price](https://img.shields.io/badge/Price-FREE-brightgreen.svg) | ||
![Size](https://img.shields.io/badge/Size-12.41_kb_min/gz-brightgreen.svg) | ||
![License](https://img.shields.io/badge/License-MIT-brightgreen.svg) | ||
<p align="center"> | ||
A modern UI kit packed with 2 custom page templates and 11 extra <br />custom components built on top of Bootstrap 4 (final). | ||
</p> | ||
|
||
Shards is a **free** and modern UI kit that comes packed with **2 pre-built pages** and **11 extra custom components** that you can use to kick off your next project. | ||
<br /> | ||
|
||
<p align="center"> | ||
<a href="#"> | ||
<img src="https://img.shields.io/badge/Size-14.05_kb_min/gz-brightgreen.svg" /> | ||
</a> | ||
<a href="#"> | ||
<img src="https://img.shields.io/badge/License-MIT-brightgreen.svg" /> | ||
</a> | ||
<a href="https://twitter.com/intent/tweet?url=https://designrevision.com/downloads/shards&text=I%20love%20the%20free%20Shards%20UI%20kit%20based%20on%20%23bootstrap%20by%20%40DesignRevision%20%23ui%20%23kit%20%23freebie%20"> | ||
<img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social" /> | ||
</a> | ||
<a href="https://twitter.com/designrevision"> | ||
<img src="https://img.shields.io/twitter/follow/DesignRevision.svg?style=social&label=Follow" /> | ||
</a> | ||
</p> | ||
|
||
[![Social - Twitter Share](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?url=https://designrevision.com/downloads/shards&text=I%20love%20the%20free%20Shards%20UI%20kit%20based%20on%20%23bootstrap%20by%20%40DesignRevision%20%23ui%20%23kit%20%23freebie%20) [![Social - Twitter Follow](https://img.shields.io/twitter/follow/DesignRevision.svg?style=social&label=Follow)](https://twitter.com/designrevision) | ||
<br /> | ||
|
||
## Quick Links | ||
<p align="center"> | ||
<a href="https://designrevision.com/demo/shards/">Components Demo</a> • | ||
<a href="https://designrevision.com/demo/shards/#extras">Templates Demo</a> • | ||
<a href="https://designrevision.com/docs/shards">Documentation</a> • | ||
<a href="https://designrevision.com/downloads/shards/">Official Page</a> | ||
</p> | ||
|
||
* **Demo Pages** | ||
* [**Components Demo**](https://designrevision.com/demo/shards/) | ||
* [**App Promo Page**](https://designrevision.com/demo/shards/extra/app-promo.html) | ||
* [**Agency Landing Page**](https://designrevision.com/demo/shards/extra/agency-landing.html) | ||
* [**Documentation**](https://designrevision.com/docs/shards) | ||
* [**Product Page**](https://designrevision.com/downloads/shards) | ||
<br /> | ||
|
||
## Getting Started | ||
|
||
The following instructions will help you get started with Shards. | ||
### Getting Started | ||
|
||
### 📦 Download | ||
Currently there are only two ways of downloading Shards: | ||
|
||
* [Official Website](https://designrevision.com/download/shards) | ||
* [Release Package](https://github.com/DesignRevision/shards-ui/releases) | ||
|
||
### 🖇 Dependencies | ||
The distributed Shards assets are also available via CDN through [unpkg](https://unpkg.com/[email protected]/) and [jsDelivr](https://cdn.jsdelivr.net/npm/[email protected]/). | ||
|
||
<br /> | ||
|
||
### Dependencies | ||
|
||
The only hard dependency is Bootstrap 4 (final) which needs to be included in your HTML document before Shards. Datepickers and slider controls also require the Shards JavaScript dependency. | ||
|
||
### 🏎💨 Quick Start | ||
<br /> | ||
|
||
### Quick Start | ||
|
||
In order to take advantage of both Bootstrap and Shards' features you may want to use the following starter template that includes all dependencies. | ||
|
||
|
@@ -45,7 +65,7 @@ In order to take advantage of both Bootstrap and Shards' features you may want t | |
|
||
<!-- CSS Dependencies --> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="css/shards.min.css"> | ||
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/shards.min.css"> | ||
</head> | ||
<body> | ||
<h1>Hello, world!</h1> | ||
|
@@ -55,29 +75,40 @@ In order to take advantage of both Bootstrap and Shards' features you may want t | |
<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.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> | ||
<script src="js/shards.min.js"></script> | ||
<script src="https://unpkg.com/[email protected]/dist/js/shards.min.js"></script> | ||
</body> | ||
</html> | ||
``` | ||
## Built With | ||
|
||
<br /> | ||
|
||
### Built using | ||
|
||
* [Bootstrap Datepicker by Stefan Petre and Andrew Rowls (Apache 2.0)](https://github.com/uxsolutions/bootstrap-datepicker) | ||
* [noUiSlider by Léon Gersen (WTFPL License)](https://refreshless.com/nouislider/download/) | ||
* [Material Icons](http://material.io/icons) | ||
* [FontAwesome Icons](http://fontawesome.io) | ||
|
||
## Contributing | ||
<br /> | ||
|
||
### Contributing | ||
|
||
Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us. | ||
|
||
## 💁 Feedback | ||
<br /> | ||
|
||
### Feedback | ||
Building better products is something I'm trying to get really good at. I’d love to hear more about how you plan on using Shards and what features you consider important in similar products. If you could spare a few minutes, please fill out [this Google Form](https://docs.google.com/forms/d/e/1FAIpQLScyj8F-fyVlb-AAeM-UFXSpDgrfdC81yWm1BNF8_gVCpXN8jw/viewform?usp=sf_link) to help me better understand your current context and what I could do to improve my products. | ||
|
||
## Acknowledgments | ||
<br /> | ||
|
||
### Acknowledgments | ||
|
||
While building this project we used various free resources built and made | ||
available by some wonderful people around the world. See the [ATTRIB.md](ATTRIB.md) file for details. | ||
|
||
## Changelog | ||
<br /> | ||
|
||
### Changelog | ||
|
||
[View notable changes.](CHANGELOG.md) | ||
[View notable changes.](CHANGELOG.md) |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.