Adir-SL/otiot-new

otiot-new

This is a newer version of Gaia Gonen's Project called "otiot" (https://github.com/GaiaGonen/otiot).

File structure - HTML files

index.html

The splash page of the project.

1. styles.css
2. custom.css

1. jquery.min.js
2. jquery.fittext.js*
3. scripts.js

letters.html

This is the Demo page for this project.

1. roundslider.min.css
2. styles.css
3. custom.css

1. jquery.min.js
2. roundslider.min.js
3. jquery.fittext.js*
4. scripts.js

free.html

A freeform version to test, "Transformation" as starting word.

1. styles.css
2. custom.css

1. jquery.min.js
2. roundslider.min.js
3. jquery.fittext.js*
4. scripts.js

saver.html

This is used as a screen saver.

1. styles.css
2. custom.css

1. jquery.min.js
2. roundslider.min.js
3. jquery.fittext.js*
4. scripts.js

about.html

An "about" page for the project.

1. normalize.css
2. webflow.css
3. shanis-amazing-project.webflow.css
4. styles.css
5. custom.css

1. jquery.min.js
2. roundslider.min.js
3. jquery.fittext.js*
4. scripts.js
5. webflow.js

File structure - JS files

jquery.fittext.js

Fits the element's text inside its container to keep it dynamic and/ or responsive.

Note

This gets called from every HTML file.

jquery.min.js

JQuery is a JavaScript library, probably got added for its plugins, or from Webflow.

Note

This gets called from every HTML file.

roundslider.min.js

This has the circular slider element, it's a JQuery plugin, see more here.

This only gets called from here:

1. letters.html
2. free.html
3. saver.html
4. about.html

scripts.js

Cat and dogs functions that do lots of small things.

Note

This gets called from every HTML file.

webflow.js

From Webflow io.

This only gets called from here:

1. about.html