Skip to content
Simple page showing basic yoga poses with descriptions. Done for practice both - web development and yoga :) Vanilla JavaScript written by me - events, dynamically generated bullets, pose names, pose descriptions. Touch events by Christian Hänsel.
HTML CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img
js
sass
.gitignore
README.md
index.html
package.json
yogaposes_screenshot.png

README.md

Yoga-poses

Simple page showing basic yoga poses with descriptions. Done for practice both - web development and yoga :)

Screenshot

Example screenshot

Technologies

  • HTML5, BEM, Emmet
  • CSS3, Sass, Flexbox
  • Vanilla JavaScript
  • Swipe gesture detection script by Christian Hänsel

Features

  • Dynamically generated number of bullets.
  • Display current pose name (in sanskrit and english).
  • Display current pose description.
  • Touch (swipe) and key (left and right arrow) events enabled.

Setup

In index.html add an image to .showcase > .showcase__imgContainer with:

  • showcase__image class
  • data-original atribute (pose name in sanskrit)
  • data-english atribute (pose name in english)

In index.html add pose description to .article > .pose

To-do list:

  • Scroll encouragement
  • Improve footer
  • Favicon and meta tags
  • Cross browser tests

Status

Project is: in progress

Contact

Design and coding by @Jacek Jarczok.

You can’t perform that action at this time.