Skip to content

Commit f21b6c8

Browse files
hiskhisk
committed
Initial commit.
0 parents  commit f21b6c8

File tree

131 files changed

+23801
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

131 files changed

+23801
-0
lines changed

‎.editorconfig

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
# editorconfig.org
2+
3+
root = true
4+
5+
[*]
6+
charset = utf-8
7+
end_of_line = lf
8+
indent_size = 2
9+
indent_style = space
10+
insert_final_newline = true
11+
trim_trailing_whitespace = true
12+
13+
[*.md]
14+
trim_trailing_whitespace = false

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎ATTRIB.md

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# ATTRIBUTIONS
2+
3+
While building this project we used various free resources built and made
4+
available by some wonderful people around the world. Below is a list with
5+
some of them. Thank you! 🙇
6+
7+
## 📱 Mockups
8+
* [Anthony Boyd's iPhone X Mockup](https://www.anthonyboyd.graphics)
9+
10+
## 📸 Stock Photography
11+
* [Christopher Gower](https://unsplash.com/photos/vjMgqUkS8q8)
12+
* [Alesia Kazantceva](https://unsplash.com/photos/XLm6-fPwK5Q)
13+
* [Jeremy Bishop](https://unsplash.com/photos/_CFv3bntQlQ)
14+
* [Ariel Lustre](https://unsplash.com/photos/DcwF1bhq4CY)
15+
* [Pixabay - Beach](https://pixabay.com/en/sea-ocean-water-waves-nature-2559826/)
16+
17+
## 📦 Libraries
18+
* [Bootstrap Datepicker by Stefan Petre and Andrew Rowls (Apache 2.0)](https://github.com/uxsolutions/bootstrap-datepicker)
19+
* [noUiSlider by Léon Gersen (WTFPL License)](https://refreshless.com/nouislider/download/)
20+
21+
## 📦 Icon Packs
22+
* [Material Icons](http://material.io/icons)
23+
* [FontAwesome Icons](http://fontawesome.io)

‎CONTRIBUTING.md

+90
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
# Contributing
2+
3+
When contributing to this repository, please first discuss the change you wish to make via issue,
4+
email, or any other method with the owners of this repository before making a change.
5+
6+
Please note we have a code of conduct, please follow it in all your interactions with the project.
7+
8+
## Submitting an Issue
9+
Before submitting an issue please review the [issue template](ISSUE_TEMPLATE.md) and use it as a starting point.
10+
11+
## Pull Request Process
12+
13+
1. Update the README.md with details of changes.
14+
2. Increase the version numbers in any examples files and the README.md to the new version that this Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
15+
3. You may merge the Pull Request in once you have the sign-off of other developers, or if you do not have permission to do that, you may request the second reviewer to merge it for you.
16+
17+
## Code of Conduct
18+
19+
### Our Pledge
20+
21+
In the interest of fostering an open and welcoming environment, we as
22+
contributors and maintainers pledge to making participation in our project and
23+
our community a harassment-free experience for everyone, regardless of age, body
24+
size, disability, ethnicity, gender identity and expression, level of experience,
25+
nationality, personal appearance, race, religion, or sexual identity and
26+
orientation.
27+
28+
### Our Standards
29+
30+
Examples of behavior that contributes to creating a positive environment
31+
include:
32+
33+
* Using welcoming and inclusive language
34+
* Being respectful of differing viewpoints and experiences
35+
* Gracefully accepting constructive criticism
36+
* Focusing on what is best for the community
37+
* Showing empathy towards other community members
38+
39+
Examples of unacceptable behavior by participants include:
40+
41+
* The use of sexualized language or imagery and unwelcome sexual attention or
42+
advances
43+
* Trolling, insulting/derogatory comments, and personal or political attacks
44+
* Public or private harassment
45+
* Publishing others' private information, such as a physical or electronic
46+
address, without explicit permission
47+
* Other conduct which could reasonably be considered inappropriate in a
48+
professional setting
49+
50+
### Our Responsibilities
51+
52+
Project maintainers are responsible for clarifying the standards of acceptable
53+
behavior and are expected to take appropriate and fair corrective action in
54+
response to any instances of unacceptable behavior.
55+
56+
Project maintainers have the right and responsibility to remove, edit, or
57+
reject comments, commits, code, wiki edits, issues, and other contributions
58+
that are not aligned to this Code of Conduct, or to ban temporarily or
59+
permanently any contributor for other behaviors that they deem inappropriate,
60+
threatening, offensive, or harmful.
61+
62+
### Scope
63+
64+
This Code of Conduct applies both within project spaces and in public spaces
65+
when an individual is representing the project or its community. Examples of
66+
representing a project or community include using an official project e-mail
67+
address, posting via an official social media account, or acting as an appointed
68+
representative at an online or offline event. Representation of a project may be
69+
further defined and clarified by project maintainers.
70+
71+
### Enforcement
72+
73+
Instances of abusive, harassing, or otherwise unacceptable behavior may be
74+
reported by contacting the project team at contact@designrevision.com. All
75+
complaints will be reviewed and investigated and will result in a response that
76+
is deemed necessary and appropriate to the circumstances. The project team is
77+
obligated to maintain confidentiality with regard to the reporter of an incident.
78+
Further details of specific enforcement policies may be posted separately.
79+
80+
Project maintainers who do not follow or enforce the Code of Conduct in good
81+
faith may face temporary or permanent repercussions as determined by other
82+
members of the project's leadership.
83+
84+
### Attribution
85+
86+
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
87+
available at [http://contributor-covenant.org/version/1/4][version]
88+
89+
[homepage]: http://contributor-covenant.org
90+
[version]: http://contributor-covenant.org/version/1/4/

‎ISSUE_TEMPLATE.md

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
Issue tracker is **ONLY** used for reporting bugs.
2+
3+
<!--- Provide a general summary of the issue in the Title above -->
4+
5+
## Expected Behavior
6+
<!--- Tell us what should happen.-->
7+
8+
## Current Behavior
9+
<!--- Tell us what happens instead of the expected behavior. -->
10+
11+
## Possible Solution
12+
<!--- Optional: Suggest a fix/reason for the bug. -->
13+
14+
## Steps to Reproduce
15+
<!--- Provide a link to a live example, or an unambiguous set of steps to -->
16+
<!--- reproduce this bug. Include code to reproduce, if relevant. -->
17+
1. ...
18+
2. ...
19+
3. ...
20+
21+
## Context (Environment)
22+
<!--- Optional: How has this issue affected you? What are you trying to accomplish? -->
23+
<!--- Providing context helps us come up with a solution that is most useful in the real world. -->
24+
25+
## Detailed Description
26+
<!--- Optional: Provide a detailed description of the change or addition you are proposing -->
27+
28+
## Possible Implementation
29+
<!--- Optional: Suggest an idea for implementing addition or change. -->

‎LICENSE

+86
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
Copyright (c) 2017, DesignRevision (https://designrevision.com)
2+
Copyright (c) 2017, Catalin Vasile
3+
4+
DESIGNREVISION LICENCE (DRL) - Version 1.0
5+
------------------------------------------
6+
The following product is subject to the terms of following license and the
7+
person obtaining a copy of this software and associated documentation files
8+
(the "Software”) is required to abide to them.
9+
10+
1. LICENSE SUMMARY
11+
1.1. - Unlimited commercial client work usage. - YES
12+
1.2. - Unlimited personal work usage. - YES
13+
1.3. - Educational and training purposes. - YES
14+
1.4. - Creation of "Software as a Service" (SaaS) application(s).
15+
(eg. generators, etc) - NO
16+
1.5. - Creation of product(s) aimed for specific platform(s).
17+
(eg. WordPress Themes, etc) - NO
18+
1.6. - Distribution - NO
19+
1.7. - Sub-licensing - NO
20+
1.8. - Re-selling - NO
21+
22+
2. PREAMBLE
23+
This Agreement governs the relationship between the customer (“you”,
24+
“the Licensee") and our company (“DesignRevision”, “the Licensor"). This Agreement
25+
sets the terms, rights, restrictions and obligations on using the product(s)
26+
(hereinafter: "The Software") created and owned by the Licensor.
27+
28+
3. LICENSE GRANT
29+
The Licensor grants the Licensee a personal, non-exclusive, non-assignable &
30+
non-transferable, commercial with terms, including the rights to create, but not
31+
distribute derivative works license, all in with accordance with the terms set
32+
forth and other legal restrictions set forth in the 3rd party software used while
33+
creating the Software.
34+
3.1). LIMITED: The Licensee may use the Software for the purpose of:
35+
3.1.1). Modifying the Software to suit Licensee’s needs and specifications.
36+
3.1.2). Running the Software on Licensee’s server(s).
37+
3.1.3). Allowing 3rd parties to run the Software on Licensee’s server(s).
38+
3.1.4). Publishing and distributing the Software’s output to 3rd parties
39+
servers in scope of commercial client work.
40+
3.4). COMMERCIAL USE ALLOWED WITH RESTRICTIONS: The Licensee is allowed to use
41+
the Software in commercial works for 3rd parties (“project based client
42+
work”). The Licensee is NOT ALLOWED UNDER ANY CIRCUMSTANCE to use or
43+
modify the Software to create Software as a Service ("SaaS") platforms,
44+
generators, builders or any type of webpage provider or creator based
45+
on the Software.
46+
3.5). ATTRIBUTION REQUIREMENTS: Attribution is not required, but it is highly
47+
appreciated.
48+
3.6). DERIVATIVE WORKS: The Licensee may create derivative works based on the
49+
Software, including amending the Software’s source code, modifying it,
50+
integrating it into a larger codebase or removing portions of the
51+
Software as long as no distribution of the derivative work is made.
52+
3.7). NON ASSIGNABLE and NON-TRANSFERABLE: The Licensee may not assign or
53+
transfer his rights and duties under this license.
54+
3.8). SUPPORT AND MAINTENANCE: The Licensor IS NOT REQUIRED to provide the
55+
Licensee support and maintenance.
56+
57+
4. LIABILITY
58+
The Software is provided AS-IS. The Licensor shall never, and without any limit,
59+
be liable for any damage, cost, expense or any other payment incurred by the
60+
Licensee as a result of the Software’s actions, failure, bugs and/or any other
61+
interaction between the Software and the Licensee’s end-equipment, computers,
62+
other software, services or any 3rd party’s end-equipment, computers, other
63+
software or services. Moreover, the Licensor shall never be liable for any defect
64+
in source code introduced or written by the Licensee when using the Software or
65+
the Software’s source code.
66+
67+
5. WARRANTY
68+
The Software is provided without any warranty. The Licensor disclaims any warranty
69+
that the Software shall be error free, without defects or code which may cause
70+
damage to the Licensee’s computers or to the Licensee, and that the Software shall
71+
be functional. The Licensee shall be solely liable to any damage, defect or loss
72+
incurred as a result of operating software and undertake the risks contained in
73+
running the Software on Licensee’s Server(s) and Website(s).
74+
75+
6. LICENSE TERMS AND PRODUCT REVISIONS
76+
The company reserves its rights to revise these agreements and the Software’s
77+
properties as a product in any moment without the liability of issuing any warning
78+
before to the Licensee. All License revision dates are listed below in the
79+
“License update dates” section.
80+
81+
7. TERMINATION
82+
The terms of this license shall be terminated if any of the above conditions
83+
are not met.
84+
85+
8. LICENSE UPDATE DATES (DD/MM/YYYY):
86+
* --/--/2017 - Initial license introduction.

‎README.md

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
<p align="center" style="margin-bottom: 40px;">
2+
<img src="logo.jpg" width="250" />
3+
</p>
4+
5+
![Price](https://img.shields.io/badge/Price-FREE-brightgreen.svg)
6+
![License](https://img.shields.io/badge/Size-12.41_kb_min/gz-brightgreen.svg)
7+
![License](https://img.shields.io/badge/License-DRL_1.0-brightgreen.svg)
8+
9+
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.
10+
11+
![Social - Twitter Share](https://img.shields.io/twitter/url/http/shields.io.svg?style=social) ![Social - Twitter Follow](https://img.shields.io/twitter/follow/DesignRevision.svg?style=social&label=Follow)
12+
13+
## Quick Links
14+
15+
* **Demo Pages**
16+
* [**Components Demo**](https://designrevision.com/demo/shards/)
17+
* [**App Promo Page**](https://designrevision.com/demo/shards/extra/app-promo.html)
18+
* [**Agency Landing Page**](https://designrevision.com/demo/shards/extra/agency-landing.html)
19+
* [**Documentation**](https://designrevision.com/docs/shards)
20+
* [**Product Page**](https://designrevision.com/downloads/shards)
21+
22+
## Getting Started
23+
24+
The following instructions will help you get started with Shards.
25+
26+
### 📦 Download
27+
Currently there are only two ways of downloading Shards:
28+
* [Official Website](https://designrevision.com/download/shards)
29+
* [Release Package]()
30+
31+
### 🖇 Dependencies
32+
33+
The only hard dependency is Bootstrap 4 beta which needs to be included in your HTML document before Shards. Datepickers and slider controls also require the Shards JavaScript dependency.
34+
35+
### 🏎💨 Quick Start
36+
37+
In order to take advantage of both Bootstrap and Shards' features you may want to use the following starter template that includes all dependencies.
38+
39+
```html
40+
<!doctype html>
41+
<html lang="en">
42+
<head>
43+
<title>Shards — Quick Start</title>
44+
<meta charset="utf-8">
45+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
46+
47+
<!-- Bootstrap and Shards CSS -->
48+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
49+
<link rel="stylesheet" href="/css/shards.min.css">
50+
</head>
51+
<body>
52+
<h1>👋 Hello! I'm using Shards and it's awesome!</h1>
53+
54+
<!-- JavaScript -->
55+
<!-- jQuery, Popper.js, Bootstrap JS, Shards JS -->
56+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
57+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
58+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
59+
<script> src="/js/shards.min.js"</script>
60+
</body>
61+
</html>
62+
```
63+
## Built With
64+
65+
* [Bootstrap Datepicker by Stefan Petre and Andrew Rowls (Apache 2.0)](https://github.com/uxsolutions/bootstrap-datepicker)
66+
* [noUiSlider by Léon Gersen (WTFPL License)](https://refreshless.com/nouislider/download/)
67+
* [Material Icons](http://material.io/icons)
68+
* [FontAwesome Icons](http://fontawesome.io)
69+
70+
## Contributing
71+
72+
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.
73+
74+
## 💁 Feedback
75+
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.
76+
77+
## License
78+
79+
This project is licensed under the DRL 1.0 license - see the [LICENSE.md](LICENSE.md) file for details.
80+
81+
## Acknowledgments
82+
83+
While building this project we used various free resources built and made
84+
available by some wonderful people around the world. See the [ATTRIB.md](ATTRIB.md) file for details.
85+
86+
## F.A.Q
87+
* **What's up with that license?**
88+
* The DRL 1.0 license is a temporary solution and a better fit based on my current goals. This is subject to change soon.
89+
* **Can I use this in my client projects?**
90+
* Yes, you can. I'd love to see what you come up with! 😃
91+
* **Can I use it to make a generator/builder or an end-product that will be sold?**
92+
* No.
93+
* **Do I have to credit you anywhere if I use this UI kit?**
94+
* No.
95+
96+
## Roadmap
97+
Below are a couple of items from my list of improvements for the upcoming month(s).
98+
99+
### General
100+
- [ ] Publish as an NPM package.
101+
- [ ] Change the license to a more permissive alternative.
102+
103+
### Design
104+
- [ ] Improve the Sketch document (nested symbols).

‎build/postcss.config.js

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
module.exports = (context) => ({
2+
plugins: {
3+
autoprefixer: {
4+
browsers: [
5+
'Chrome >= 45',
6+
'Firefox ESR',
7+
'Edge >= 12',
8+
'Explorer >= 10',
9+
'iOS >= 9',
10+
'Safari >= 9',
11+
'Android >= 4.4',
12+
'Opera >= 30'
13+
]
14+
}
15+
}
16+
})

‎build/webpack.config.js

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
const path = require('path');
2+
3+
module.exports = {
4+
entry: {
5+
shards: './src/js/index.js',
6+
extras: './src/extras/js/index.js'
7+
},
8+
target: 'web',
9+
output: {
10+
path: path.resolve(__dirname, '../dist/js'),
11+
filename: '[name].js'
12+
},
13+
externals: {
14+
'jquery': 'jQuery'
15+
}
16+
}

0 commit comments

Comments
 (0)