Robot
/
Hover
mirror of https://github.com/IanLunn/Hover.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update license info

This commit is contained in:
IanLunn 2017-03-23 10:59:35 +00:00
parent 7b2597e011
commit 40d9d42837
11 changed files with 163 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
README.md
View File

@ -9,8 +9,8 @@ A collection of CSS3 powered hover effects to be applied to links, buttons, logo
## Download/Install
- NPM: `npm install --save hover.css`
- Bower: `bower install Hover`
- NPM: `npm install hover.css --save`
- Bower: `bower install hover --save`
- [Download Zip](https://github.com/IanLunn/Hover/archive/master.zip)
## How To Use
@ -237,30 +237,16 @@ The `$includeClasses` / `@includeClasses` option by default is set to `true` and
If you'd like to contribute your own effects, please see the [Contributing Guide](https://github.com/IanLunn/Hover/blob/master/CONTRIBUTING.md).
## License
Hover.css is open source, and made available under a [MIT License](http://www.opensource.org/licenses/mit-license.php). Distribute, use as-is, or modify to your liking in personal and commercial projects. Please retain the original readme and license files.
## Licenses
Retaining the author information at the top of `css/hover.css` and placing it on your credits page or humans.txt is much appreciated.
### Commercial License
If you want to use Hover.css to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. Purchase a Hover.css Commercial License at https://site.uplabs.com/posts/hover-css-a-collection-of-css3-hover-effects
### Open-Source License
If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use this project under the terms of the GPLv3.
## Hire Ian Lunn
[Ian Lunn](http://ianlunn.co.uk) is a Freelance Front-end Developer and author of [CSS3 Foundations](http://css3foundations.com/).
Hire [Ian](http://ianlunn.co.uk) for responsive websites, WordPress websites, JavaScript, animation, and optimization.
## Support Future Development
To support the future development of Hover.css and other open source projects created by [Ian Lunn](https://github.com/IanLunn), please consider making a donation.
Your donation is not-for-profit (or beer!), and will allow Ian to spend a little less time on client projects and more time supporting and creating open source software.
Thank you.
**Bitcoin:**
Bitcoin donations may be sent to the following address:
<div style="text-align: center;">
<a href="bitcoin:1KEbFvcXL8m6LogG2wjSUFz2xH6PeN6jRd?label=Hover.css%20Development"><img src="http://ianlunn.co.uk/images/btc-donate.jpg" /></a>
<p>1KEbFvcXL8m6LogG2wjSUFz2xH6PeN6jRd</p>
</div>

4
bower.json
View File

@ -1,6 +1,6 @@
{
"name": "hover",
"version": "2.1.1",
"version": "2.2.0",
"homepage": "http://ianlunn.github.io/Hover",
"authors": [
"Ian Lunn <hello@ianlunn.co.uk>"
@ -17,7 +17,7 @@
"CSS Hover Effects",
"CSS3 Hover Effects"
],
"license": "MIT",
"license": "SEE LICENSE IN LICENSE.txt",
"private": false,
"ignore": [
"**/.*",

100
css/demo-page.css
View File

@ -3,11 +3,7 @@
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
* Hover.css Copyright Ian Lunn 2014.
* Hover.css Copyright Ian Lunn 2017.
*/
/**
@ -32,6 +28,26 @@ hr {
height: 1px;
}
nav ul {
margin: 0;
padding: 0;
text-align: center;
font-size: .875em;
font-weight: 700;
}
nav li {
list-style: none;
display: block;
margin-left: 1em;
margin-right: 1em;
}
@media only screen and (min-width: 768px) {
nav li {
display: inline-block;
}
}
.sep {
color: #ddd;
margin: 0 4px;
@ -228,7 +244,79 @@ h3 {
font-weight: normal;
}
.social {
.licenses {
margin-top: 40px;
margin-bottom: 60px;
}
.licenses:after {
display: block;
content: '';
clear: both;
}
.license {
display: block !important;
margin-bottom: 20px;
text-align: center;
border: #2098D1 solid 1px;
}
.license:focus,
.license:hover {
border-color: #207AD1;
}
.license:focus .button,
.license:hover .button {
background-color: #207AD1;
color: white;
}
.license__content {
padding: 25px 10px;
}
.license__title {
margin: 0;
font-size: 28px;
line-height: 1.4;
}
.license__title div {
font-size: 16px;
font-weight: 400;
}
.license__desc {
margin-top: 30px;
margin-bottom: 0;
font-size: 22px;
font-weight: 700;
}
.license__button.cta {
display: block;
margin: 0;
font-size: 22px;
}
@media only screen and (min-width: 568px) {
.license {
width: 48%;
float: left;
}
.license:nth-child(2) {
float: right;
}
.license__content {
padding: 40px 10px;
}
}
.download {
margin-top: 2.6em;
}

7
css/hover-min.css vendored
View File

File diff suppressed because one or more lines are too long

7
css/hover.css
View File

@ -1,14 +1,11 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.1.1
* Version: 2.2.0
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
* Hover.css Copyright Ian Lunn 2014. Generated with Sass.
* Hover.css Copyright Ian Lunn 2017. Generated with Sass.
*/
/* 2D TRANSITIONS */
/* Grow */

2
css/hover.css.map
View File

File diff suppressed because one or more lines are too long

60
index.html
View File

@ -21,8 +21,21 @@
<h1>Hover.css <a href="https://github.com/IanLunn/Hover/releases" class="sup" title="View release history">v2</a></h1>
<nav>
<ul>
<li><a href="#effects" title="Effects">Effects</a></li>
<li><a href="https://github.com/IanLunn/Hover/blob/master/README.md#hovercss" title="Setup">Setup</a></li>
<li><a href="http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/" title="hover.css Tutorial and Introduction">Tutorial</a></li>
<li><a href="#licenses" title="Licenses">Licenses</a></li>
</ul>
</nav>
<p class="intro">A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.</p>
<div class="download aligncenter">
<a class="button cta hvr-float-shadow" href="https://github.com/IanLunn/Hover">Download on GitHub</a>
</div>
<div class="social aligncenter">
<div class="social-button">
<iframe src="http://ghbtns.com/github-btn.html?user=IanLunn&repo=Hover&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
@ -33,16 +46,10 @@
</div>
</div>
<div class="aligncenter">
<a class="button cta hvr-float-shadow" href="https://github.com/IanLunn/Hover">Download on GitHub</a><br />
<a class="nav hvr-icon-down" href="#effects">View Effects</a> <span class="sep">|</span>
<a class="nav hvr-icon-forward" href="http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/">Read Tutorial</a>
</div>
<hr />
<div class="ad carbon-ad">
<p class="carbon-ad-label">Support Hover.css by visiting an ad:</p>
<p class="carbon-ad-label">Advertisement:</p>
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=ianlunngithubiohover" id="_carbonads_js"></script>
</div>
@ -196,16 +203,41 @@
<p>All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours.</p>
<p>For best results, hover effects use a couple of "hacks" (undesirable but usually necessary lines of code). For more information on these hacks and whether you need them, <a href="https://github.com/IanLunn/Hover/wiki/Hacks-Explained">please read the FAQ</a>.</p>
<p>Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place.</p>
<br />
<h3>License</h3>
<h3 id="licenses">Licenses</h3>
<p>Hover.css is open source, and made available under a <a href="http://www.opensource.org/licenses/mit-license.php">MIT License</a>. Distribute, use as-is, or modify to your liking in personal and commercial projects. Please retain the original readme and license files.
<p>Hover.css is made available under a free personal license and paid commercial license. The <a href="https://www.uplabs.com/market/license" title="The UpLicense: Market Licensing">Free Personal License</a> allows you to use Hover.css for personal use only. You'll need to purchase a commercial license if you're not willing to make the modified version public.</p>
<p>Placing author information in your stylesheet, credits page or humans.txt is much appreciated.</p>
<h4 id="commercial-license">Commercial License</h4>
<p>If you want to use Hover.css to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. A Commercial license can be purchased via <a target="_blank" href="https://www.uplabs.com/" title="UpLabs">UpLabs</a>. <a href="https://www.uplabs.com/market/license" title="The UpLicense: Market Licensing">Read more about UpLabs commercial licensing</a>.</p>
<p>Once purchased on UpLabs, you’ll receive a commercial license PDF and be all set to use Hover.css in your commercial applications.</p>
<div class="licenses">
<a target="_blank" href="https://site.uplabs.com/posts/hover-css-a-collection-of-css3-hover-effects" title="Developer License" class="license hvr-float">
<div class="license__content">
<h5 class="license__title"><div>Hover.css Commercial</div> Developer <div>License</div></h5>
<p class="license__desc">For 1 Project</p>
</div>
<span class="license__button button cta">$14</span>
</a>
<a target="_blank" href="https://site.uplabs.com/posts/hover-css-a-collection-of-css3-hover-effects" title="Team License" class="license hvr-float">
<div class="license__content">
<h5 class="license__title"><div>Hover.css Commercial</div> Team <div>License</div></h5>
<p class="license__desc">For Unlimited Projects</p>
</div>
<span class="license__button button cta">$18</span>
</a>
</div>
<h4>MIT License (Pre v2.2.0 / 24th March 2017)</h4>
<p>Hover.css was previously made available under a MIT License for both commercial and non-commercial use. Anyone that obtained a MIT license for commercial use before v2.2.0 (24th March 2017) may continue to use Hover.css versions prior to v2.2.0 under that same license.</p>
<p>If you'd like to upgrade to v2.2.0 or above, or would like to simply show your support for Hover.css (we'd much appreciate it!), please purchase an up-to-date commercial license. <a href="#commercial-license" title="Commercial License">Commercial License</a>.</p>
<br />
<h3>Hover.css is now available as an Eager App</h3>
@ -230,7 +262,7 @@
<div class="made-by group">
<ul>
<li>
<!-- "IL" logo Copyright (c) Ian Lunn Design Limited 2015 -->
<!-- "IL" logo Copyright (c) Ian Lunn Design Limited 2017 -->
<a cass="icon__ild" href="http://ianlunn.co.uk/" title="Ian Lunn - Freelance Web Designer &amp; Front End Developer" target="_blank" class="ild-ident">
<svg class="" onmouseenter="el=this;el.classList.add('active');setTimeout(function(){el.classList.remove('active')},600);" xmlns="http://www.w3.org/2000/svg" width="24" height="30" viewBox="0 0 52 52">
<g class="circle-holder">
@ -247,7 +279,7 @@
<p>Made by<br /><a href="http://ianlunn.co.uk/" title="Ian Lunn - Freelance Web Designer &amp; Front End Developer" target="_blank">Ian Lunn - Web Designer &amp; Front End Developer</a></p>
<p class="follow"><a href="https://twitter.com/IanLunn" class="twitter-follow-button" data-show-count="false" data-dnt="true" data-size="large">Follow @IanLunn</a> for Hover.css news, web design &amp;<br /> development links, tips, and opinions</p>
<small>Copyright &copy; 2015 <a href="http://ianlunn.co.uk/" title="Ian Lunn - Freelance Web Designer &amp; Front End Developer" target="_blank">Ian Lunn Design Limited</a></small>
<small>Copyright &copy; 2017 <a href="http://ianlunn.co.uk/" title="Ian Lunn - Freelance Web Designer &amp; Front End Developer" target="_blank">Ian Lunn Design Limited</a></small>
</div>
<script>

7
less/hover.less
View File

@ -1,14 +1,11 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.1.1
* Version: 2.2.0
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
* Hover.css Copyright Ian Lunn 2014. Generated with LESS.
* Hover.css Copyright Ian Lunn 2017. Generated with LESS.
*/

11
license.txt
View File

@ -1,9 +1,4 @@
The MIT License (MIT)
Hover.css is made available under a free personal license and paid commercial license. The Free Personal License allows you to use Hover.css for personal use only. You'll need to purchase a commercial license if you're not willing to make the modified version public.
Copyright (c) 2014-2015 Ian Lunn
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
Read more about licenses: https://www.uplabs.com/market/license
Purchase a license: https://site.uplabs.com/posts/hover-css-a-collection-of-css3-hover-effects

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "hover.css",
"version": "2.1.1",
"version": "2.2.0",
"author": "Ian Lunn",
"repository": {
"type": "git",

7
scss/hover.scss
View File

@ -1,14 +1,11 @@
/*!
* Hover.css (http://ianlunn.github.io/Hover/)
* Version: 2.1.1
* Version: 2.2.0
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover
* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php
* Hover.css Copyright Ian Lunn 2014. Generated with Sass.
* Hover.css Copyright Ian Lunn 2017. Generated with Sass.
*/
@import "options";