https://github.com/rootstrap/workshop-js-anima
This repository contains the slides for the JS workshop.
https://github.com/rootstrap/workshop-js-anima
javascript js rootstrap workshop
Last synced: 12 months ago
JSON representation
This repository contains the slides for the JS workshop.
- Host: GitHub
- URL: https://github.com/rootstrap/workshop-js-anima
- Owner: rootstrap
- License: mit
- Created: 2021-01-21T19:41:16.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-02-23T15:16:08.000Z (almost 5 years ago)
- Last Synced: 2025-01-10T14:05:59.673Z (about 1 year ago)
- Topics: javascript, js, rootstrap, workshop
- Language: JavaScript
- Homepage: https://rootstrap.github.io/workshop-js-anima/
- Size: 3.09 MB
- Stars: 0
- Watchers: 9
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WORKSHOP JS ANIMA
This repository contains slides for the JS workshop for Anima.
The material is presented using [reveal.js](https://revealjs.com/), a HTML presentation framework.
You can visit [this site](https://rootstrap.github.io/workshop-js-anima) to access all the published content.
## Installation
1. Clone this repository.
1. Run `npm install`
1. Run `npm start`
1. That's it! Server should be running on `http://localhost:8000` by default.
## How to use
### Index page
When you start the server and go to the main page, you will see a list with all the classes. This screen is built in `index.html` file, so if you will add a new class, make sure to add a new link in this file just to keep an index.
### Access to classes
All the classes are located in `classes` folder. You can access to each one indicating the url in the browser (eg: `/classes/1.html`) or using the link in the index page.
### Add content to a class
We are using the reveal.js framework, so to be able to add a new slide, checkout the [documentation](https://revealjs.com/markup/).
Each section tag is a new slide. You can use horizontal or vertical slides like this:
```html
Horizontal Slide
Vertical Slide 1
Vertical Slide 2
```
### How to add images
In the `examples` folder there are many examples that use images, markdown, different themes and other cool things. You can copy this code!