Skip to content

Instantly share code, notes, and snippets.

View OlaAlsaker's full-sized avatar

Ola Alsaker OlaAlsaker

View GitHub Profile

Conventional Commit Messages

See how a minor change to your commit message style can make a difference. Examples

Have a look at CLI util git-conventional-commits to ensure this conventions and generate changelogs

Commit Formats

Default

[
{
"id": 4,
"title": "Lorem ipsum",
"content": "Quis ullamcorper himenaeos non laoreet adipiscing sed conubia, magna aenean parturient mus lorem aliquet, egestas consectetur scelerisque venenatis urna hac. Ullamcorper erat tempor phasellus mattis maecenas massa odio porttitor leo, purus facilisis convallis habitasse risus quisque pharetra elit blandit nibh, amet libero justo est nam fringilla taciti faucibus. Cubilia mauris ipsum sed elementum, curabitur commodo orci consectetur feugiat, sapien non fringilla. Elit sapien nostra commodo aenean proin montes justo, nullam dictum primis phasellus suspendisse fermentum aliquet himenaeos, risus lobortis ante conubia platea vehicula.\r\n\r\nCras bibendum odio at mattis congue conubia ultrices sapien potenti, aliquet facilisi eros rhoncus elementum euismod mollis hac nulla, purus vulputate laoreet suscipit facilisis sagittis tempor placerat. Sem fermentum nullam mauris odio sed feugiat eget, et inceptos dis himenaeos nulla etiam litora ac
@OlaAlsaker
OlaAlsaker / LocationOfPOIS.json
Created December 16, 2019 09:03
hARold-appen JSON
{
"locations": [
{
"name": "Oasen Storsenter",
"type": "shopping-mall",
"Coords":{
"lat":"59.377347",
"lng": "5.307100"
},
"description": "Hei"
@OlaAlsaker
OlaAlsaker / animatedViewport.js
Last active February 27, 2019 14:20
Vanilla JS code for animating objects when an element is visible in viewport
// ------------------------
// ANIMATE WHEN IN VIEWPORT
// ------------------------
const animatedViewport = () => {
let elements;
let windowHeight;
const init = () => {
@OlaAlsaker
OlaAlsaker / parallax.js
Last active February 27, 2019 10:44
Vanilla JS parallax-effect
// ---------------
// PARALLAX EFFECT
// ---------------
// HTML example: <div class="parallax" data-rate="0.4" data-delay="200" data-stop="300"></div>
window.addEventListener('scroll', () => {
const target = document.querySelectorAll('.parallax');
target.forEach(item => {
const pos = window.pageYOffset * item.dataset.rate;