AlenaNik

<img
  alt="accessible text"
  class="fill-color-red"
  height="16"
  src="some.svg"
  width="16"
  onload="fetchSvgInline(this)"
/>

AlenaNik

// Position parameters

var tl = new TimelineLite();
tl.to(".orange", 1, {x:750})
  //this just follows the first
  .to(".green", 1, {x:750})
  //there is a one second gap between these two tweens
  .to(".blue", 1, {x:750}, "+=1")
  //this goes to two seconds in
  .to(".red", 1, {x:750}, "2")

AlenaNik

<template>
  <div class="board">
    {{ board }}
      <div class="flex flex-row items-start">
        <div class="column" v-for="(col, idx) in board.columns" :key="idx">
          <div class="flex items-center mb-2 font-bold">
            {{ col.name }}
          </div>
          <div class="list-reset"   v-for="(task, idx) in col.tasks"
               :key="idx">

AlenaNik

source ~/.profile
eval $(thefuck --alias)
# You can use whatever you want as an alias, like for Mondays:
eval $(thefuck --alias FUCK)

# Setting PATH for Python 3.6
# The original version is saved in .bash_profile.pysave
PATH="/Library/Frameworks/Python.framework/Versions/3.6/bin:${PATH}"
export PATH

AlenaNik

// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.

module.exports = {
  config: {
    // choose either `'stable'` for receiving highly polished,
    // or `'canary'` for less polished but more frequent updates
    updateChannel: 'stable',

AlenaNik

function counter(state=0, action) {
   switch (action.type) {
       case 'ADD':
           return state + 1
       break;
       case 'REMOVE':
           return state - 1
       break;
       case 'ADDTEN':
           return state + 10

AlenaNik

const express = require('express');
const app = express();
const port = 3000;
const connection = require('./conf');

app.get('/api/movie', (req, res) => {
    connection.query('SELECT * FROM movie', (err, results) => {
        if (err) {
            console.log(err);
            res.status(500).send('Error retrieving movies');

AlenaNik

A non-exhaustive list of WebGL frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are outdated/not maintained anymore.

Engines and libraries

• three.js: JavaScript 3D library
• stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
• PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
• Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
• Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
• Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
• ClayGL: A WebGL graphic library helping you to

AlenaNik

const express = require('express');
const app = express();
const port = 300;
const cors = require('cors');


app.use(cors());
app.use(express.json());

const movies = [

AlenaNik

Instert Query:

INSERT INTO wild.school (name, country, capacity)
VALUES ('Beauxbatons Academy of Magic', 'France', 550),
('Castelobruxo', 'Brazil', 380),
('Durmstrang Institute', 'Norway', 570),
('Hogwarts School of Witchcraft and Wizardry', 'United Kingdom', 450),
('Ilvermorny School of Witchcraft and Wizardry', 'USA', 450),
('Koldovstoretz', 'Russia', 125),
('Uagadou School of Magic', 'Uganda', 350);