Skip to content

Commit

Permalink
animatsiya qo'shildi
Browse files Browse the repository at this point in the history
  • Loading branch information
masanov3167 committed Jan 28, 2023
1 parent b5f105f commit 1213b04
Show file tree
Hide file tree
Showing 35 changed files with 18,386 additions and 115 deletions.
136 changes: 103 additions & 33 deletions package-lock.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
"draftjs-to-html": "^0.9.1",
"jwt-decode": "^3.1.2",
"react": "^18.2.0",
"react-content-loader": "^6.2.0",
"react-countup": "^6.4.0",
"react-dom": "^18.2.0",
"react-draft-wysiwyg": "^1.15.0",
Expand Down
7 changes: 6 additions & 1 deletion public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
94 changes: 94 additions & 0 deletions public/lib/Gruntfile.js
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']);
};
34 changes: 34 additions & 0 deletions public/lib/LICENSE
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.
155 changes: 155 additions & 0 deletions public/lib/README.md
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)
25 changes: 25 additions & 0 deletions public/lib/bower.json
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"
]
}
Loading

0 comments on commit 1213b04

Please sign in to comment.