-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b5f105f
commit 1213b04
Showing
35 changed files
with
18,386 additions
and
115 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
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 |
---|---|---|
|
@@ -5,15 +5,20 @@ | |
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<meta name="theme-color" content="#000000" /> | ||
<meta name="description" content="Web site created using create-react-app"/> | ||
<meta name="description" content="Toshkent kimyo texnologiya instituti"/> | ||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> | ||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> | ||
<link rel="stylesheet" href="./lib/css/libs/animate.css"> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
<title>Toshkent Kimyo Texnologiya Instituti</title> | ||
</head> | ||
<body> | ||
<div id="root"></div> | ||
<script src="./lib/dist/wow.min.js"></script> | ||
<script> | ||
new WOW().init(); | ||
</script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> | ||
</body> | ||
</html> |
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 |
---|---|---|
@@ -0,0 +1,94 @@ | ||
/*global module:false*/ | ||
|
||
module.exports = function(grunt) { | ||
require('load-grunt-tasks')(grunt); | ||
mainTasks = [ | ||
'eslint', 'babel', 'coffee', 'growl:coffee', 'uglify', 'jasmine', | ||
'growl:jasmine', | ||
] | ||
|
||
// Project configuration. | ||
grunt.initConfig({ | ||
pkg: grunt.file.readJSON('package.json'), | ||
eslint: { | ||
target: ['src/WOW.js'] | ||
}, | ||
uglify: { | ||
dist: { | ||
files: { | ||
'dist/wow.min.js': 'dist/wow.js' | ||
} | ||
}, | ||
options: { | ||
banner : '/*! <%= pkg.title %> wow.js - v<%= pkg.version %> - ' + | ||
'<%= grunt.template.today("yyyy-mm-dd") %>\n' + | ||
'<%= pkg.homepage ? "* " + pkg.homepage + "\\n" : "" %>' + | ||
'* Copyright (c) <%= grunt.template.today("yyyy") %> Thomas Grainger;' + | ||
' Licensed <%= pkg.license %> */', | ||
report: 'gzip' | ||
} | ||
}, | ||
babel : { | ||
options : { | ||
presets: ['es2015', 'stage-1'], | ||
plugins: [ | ||
'add-module-exports', | ||
"transform-es2015-modules-umd" | ||
] | ||
}, | ||
dist: { | ||
files: { | ||
'dist/wow.js': 'src/WOW.js' | ||
} | ||
} | ||
}, | ||
coffee : { | ||
specs : { | ||
files: [{ | ||
expand: true, | ||
cwd: 'spec/coffeescripts/', | ||
src: '*.coffee', | ||
dest: 'spec/javascripts/', | ||
ext: '.js' | ||
}] | ||
}, | ||
helpers : { | ||
files: [{ | ||
expand: true, | ||
cwd: 'spec/coffeescripts/helpers/', | ||
src: '*.coffee', | ||
dest: 'spec/javascripts/helpers/', | ||
ext: '.js' | ||
}] | ||
} | ||
}, | ||
jasmine : { | ||
src : ['spec/javascripts/libs/*.js', 'dist/wow.min.js'], | ||
options : { | ||
specs : 'spec/javascripts/**/*.js', | ||
helpers : 'spec/javascripts/helpers/**/*.js' | ||
} | ||
}, | ||
watch : { | ||
files: [ | ||
'src/*', | ||
'spec/coffeescripts/**/*.coffee' | ||
], | ||
tasks: mainTasks | ||
}, | ||
growl : { | ||
coffee : { | ||
title : 'CoffeeScript', | ||
message : 'Compiled successfully' | ||
}, | ||
jasmine : { | ||
title : 'Jasmine', | ||
message : 'Tests passed successfully' | ||
} | ||
} | ||
}); | ||
|
||
grunt.registerTask('default', mainTasks); | ||
// Travis CI task. | ||
grunt.registerTask('travis', ['eslint', 'babel', 'coffee', 'uglify', 'jasmine']); | ||
}; |
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 |
---|---|---|
@@ -0,0 +1,34 @@ | ||
The MIT License (MIT) | ||
|
||
Copyright (c) 2016 Thomas Grainger. | ||
|
||
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. | ||
|
||
|
||
Portions of this wow.js Software may utilize the following copyrighted material, the use of which is hereby acknowledged. | ||
|
||
WOW: https://github.com/matthieua/WOW/tree/20848c410fe32d161c2330e1d261b59512094f81 | ||
|
||
Copyright (C) 2014; Matthieu Aussaguel | ||
|
||
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. |
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 |
---|---|---|
@@ -0,0 +1,155 @@ | ||
# WOW.js [![Build Status](https://secure.travis-ci.org/graingert/WOW.svg?branch=master)](http://travis-ci.org/graingert/WOW) | ||
|
||
Temporary deprecation: | ||
====================== | ||
|
||
wow.js is temporarily deprecated in favour of AOS (Animate on Scroll). Feel free to ignore the warning if you can't use AOS. | ||
|
||
Plans for 3.0 include: | ||
|
||
* Breaking out the shims into an optional module | ||
* Using the AOS approach for most functionality | ||
* Remain completely backwards compatible and a drop-in replacement for GPL wowjs, but issue warning on durations of higher granularity than 50ms | ||
or longer than 3s | ||
* Detect Firefox for Android as mobile. | ||
|
||
|
||
Reveal CSS animation as you scroll down a page. | ||
By default, you can use it to trigger [animate.css](https://github.com/daneden/animate.css) animations. | ||
But you can easily change the settings to your favorite animation library. | ||
|
||
Advantages: | ||
- 100% MIT Licensed, not GPL keep your code yours. | ||
- Naturally Caffeine free | ||
- Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs) | ||
- Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup | ||
- Fast execution and lightweight code: the browser will like it ;-) | ||
- You can change the settings - [see below](#advanced-usage) | ||
|
||
### [LIVE DEMO ➫](https://graingert.co.uk/WOW/) | ||
|
||
## Live examples | ||
- [MaterialUp](http://www.materialup.com) | ||
- [Fliplingo](https://www.fliplingo.com) | ||
- [Streamline Icons](http://www.streamlineicons.com) | ||
- [Microsoft Stories](http://www.microsoft.com/en-us/news/stories/garage/) | ||
|
||
|
||
## Documentation | ||
|
||
It just take seconds to install and use WOW.js! | ||
[Read the documentation ➫](https://graingert.co.uk/WOW/docs.html) | ||
|
||
### Dependencies | ||
- [animate.css](https://github.com/daneden/animate.css) | ||
|
||
### Installation | ||
|
||
- Bower | ||
|
||
```bash | ||
bower install wow-mit | ||
``` | ||
|
||
- NPM | ||
|
||
```bash | ||
npm install wow.js | ||
``` | ||
|
||
### Basic usage | ||
|
||
- HTML | ||
|
||
```html | ||
<section class="wow slideInLeft"></section> | ||
<section class="wow slideInRight"></section> | ||
``` | ||
|
||
- JavaScript | ||
|
||
```javascript | ||
new WOW().init(); | ||
``` | ||
|
||
### Advanced usage | ||
|
||
- HTML | ||
|
||
```html | ||
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></section> | ||
<section class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10"></section> | ||
``` | ||
|
||
- JavaScript | ||
|
||
```javascript | ||
var wow = new WOW( | ||
{ | ||
boxClass: 'wow', // animated element css class (default is wow) | ||
animateClass: 'animated', // animation css class (default is animated) | ||
offset: 0, // distance to the element when triggering the animation (default is 0) | ||
mobile: true, // trigger animations on mobile devices (default is true) | ||
live: true, // act on asynchronously loaded content (default is true) | ||
callback: function(box) { | ||
// the callback is fired every time an animation is started | ||
// the argument that is passed in is the DOM node being animated | ||
}, | ||
scrollContainer: null, // optional scroll container selector, otherwise use window, | ||
resetAnimation: true, // reset animation on end (default is true) | ||
} | ||
); | ||
wow.init(); | ||
``` | ||
|
||
### Asynchronous content support | ||
|
||
In IE 10+, Chrome 18+ and Firefox 14+, animations will be automatically | ||
triggered for any DOM nodes you add after calling `wow.init()`. If you do not | ||
like that, you can disable this by setting `live` to `false`. | ||
|
||
If you want to support older browsers (e.g. IE9+), as a fallback, you can call | ||
the `wow.sync()` method after you have added new DOM elements to animate (but | ||
`live` should still be set to `true`). Calling `wow.sync()` has no side | ||
effects. | ||
|
||
|
||
## Contribute | ||
|
||
The library is transpiled using Babel, please update `wow.js` file. | ||
|
||
We use grunt to compile and minify the library: | ||
|
||
Install needed libraries | ||
|
||
``` | ||
npm install | ||
``` | ||
|
||
Get the compilation running in the background | ||
|
||
``` | ||
grunt watch | ||
``` | ||
|
||
Enjoy! | ||
|
||
## Bug tracker | ||
|
||
If you find a bug, please report it [here on Github](https://github.com/graingert/WOW/issues)! | ||
|
||
## Developer | ||
|
||
Originally Developed by Matthieu Aussaguel, [mynameismatthieu.com](http://mynameismatthieu.com) | ||
Forked to remain under the MIT license by Thomas Grainger, https://graingert.co.uk | ||
|
||
+ [Github Profile](//github.com/graingert) | ||
|
||
## Contributors | ||
|
||
Thanks to everyone who has contributed to the project so far: | ||
|
||
- Attila Oláh - [@attilaolah](//twitter.com/attilaolah) - [Github Profile](//github.com/attilaolah) | ||
- [and many others](//github.com/graingert/WOW/graphs/contributors) | ||
|
||
Initiated and designed by [Vincent Le Moign](//www.webalys.com/), [@webalys](//twitter.com/webalys) |
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 |
---|---|---|
@@ -0,0 +1,25 @@ | ||
{ | ||
"name": "wow", | ||
"homepage": "https://github.com/graingert/WOW", | ||
"authors": [ | ||
"Matthieu Aussaguel <[email protected]>" | ||
], | ||
"authors": [ | ||
"Thomas Grainger <[email protected]>" | ||
], | ||
"description": "Reveal CSS animation as you scroll down a page.", | ||
"main": "dist/wow.js", | ||
"keywords": [ | ||
"scroll", | ||
"animation", | ||
"reveal" | ||
], | ||
"license": "MIT", | ||
"ignore": [ | ||
"**/.*", | ||
"node_modules", | ||
"bower_components", | ||
"test", | ||
"tests" | ||
] | ||
} |
Oops, something went wrong.