{"id":19710607,"url":"https://github.com/rootstrap/workshop-js-anima","last_synced_at":"2026-06-17T09:31:40.599Z","repository":{"id":54357046,"uuid":"331735458","full_name":"rootstrap/workshop-js-anima","owner":"rootstrap","description":"This repository contains the slides for the JS workshop.","archived":false,"fork":false,"pushed_at":"2021-02-23T15:16:08.000Z","size":3238,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-06-12T01:05:10.606Z","etag":null,"topics":["javascript","js","rootstrap","workshop"],"latest_commit_sha":null,"homepage":"https://rootstrap.github.io/workshop-js-anima/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rootstrap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-01-21T19:41:16.000Z","updated_at":"2021-02-23T15:16:11.000Z","dependencies_parsed_at":"2022-08-13T13:10:49.248Z","dependency_job_id":null,"html_url":"https://github.com/rootstrap/workshop-js-anima","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rootstrap/workshop-js-anima","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-js-anima","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-js-anima/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-js-anima/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-js-anima/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rootstrap","download_url":"https://codeload.github.com/rootstrap/workshop-js-anima/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rootstrap%2Fworkshop-js-anima/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34443232,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-17T02:00:05.408Z","response_time":127,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","js","rootstrap","workshop"],"created_at":"2024-11-11T22:07:50.346Z","updated_at":"2026-06-17T09:31:40.582Z","avatar_url":"https://github.com/rootstrap.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WORKSHOP JS ANIMA\n\nThis repository contains slides for the JS workshop for Anima.\n\nThe material is presented using [reveal.js](https://revealjs.com/), a HTML presentation framework.\n\nYou can visit [this site](https://rootstrap.github.io/workshop-js-anima) to access all the published content.\n\n## Installation\n\n1. Clone this repository.\n1. Run `npm install`\n1. Run `npm start`\n1. That's it! Server should be running on `http://localhost:8000` by default.\n\n## How to use\n\n### Index page\nWhen 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.\n\n### Access to classes\nAll 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.\n\n### Add content to a class\nWe are using the reveal.js framework, so to be able to add a new slide, checkout the [documentation](https://revealjs.com/markup/). \n\nEach section tag is a new slide. You can use horizontal or vertical slides like this:\n```html\n\u003csection\u003eHorizontal Slide\u003c/section\u003e\n\u003csection\u003e\n  \u003csection\u003eVertical Slide 1\u003c/section\u003e\n  \u003csection\u003eVertical Slide 2\u003c/section\u003e\n\u003c/section\u003e\n```\n\n### How to add images\nIn the `examples` folder there are many examples that use images, markdown, different themes and other cool things. You can copy this code! \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frootstrap%2Fworkshop-js-anima","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frootstrap%2Fworkshop-js-anima","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frootstrap%2Fworkshop-js-anima/lists"}