abc0990cba

:root {
  /* Base color using HSL */
  --hue: 207;
  --saturation: 64%;
  --light: 44%;
  
  /* Base color in variable */
  --primary-color: hsl(var(--hue), var(--saturation), var(--light));
 /* Base color lighten using calc */

Thanks everyone for commenting/contributing! I made this in college for a class and I no longer really use the technology. I encourage you all to help each other, but I probably won't be answering questions anymore.

This article is also on my blog, too.

Note: $ denotes the start of a command. Don't actually type this.

Steps to Install Anaconda on Windows Ubuntu Terminal

Install WSL (Ubuntu for Windows - can be found in Windows Store). I recommend the latest version (I'm using 18.04) because there are some bugs they worked out during 14/16 (microsoft/WSL#785)
Go to https://repo.continuum.io/archive to find the list of Anaconda releases
Select the release you want. I have a 64-bit computer, so I chose the latest release ending in x86_64.sh. If I had a 32-bit computer, I'd select the x86.sh version. If you accidentally try to install the wrong one, you'll get a warning in the terminal. I chose `Ana

Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication

Last major update: 25.08.2020

Что такое авторизация/аутентификация
Где хранить токены
Как ставить куки ?
Процесс логина
Процесс рефреш токенов
Кража токенов/Механизм контроля токенов

	const path = require('path');
	const withLess = require('@zeit/next-less');
	const withPlugins = require('next-compose-plugins');
	const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
	const CleanCss = require('clean-css');

	const nextConfig = {
	webpack(config) {
	config.module.rules.push({
	test: /\.(png\|svg\|eot\|otf\|ttf\|woff\|woff2)$/,

	import React from 'react';
	import useCanvas from './useCanvas';
	import useWindowSize from './useWindowSize';

	const Canvas = (props) => {
	const [canvasRef, tracer] = useCanvas('2d');
	const [width, height] = useWindowSize();

	const draw = tracer((gl) => {
	gl.clearRect(0, 0, width, height);

	//
	// Cubes and diamonds.
	// Created using Processing 3.5.3.
	//
	// Code by @marcedwards from @bjango.
	//
	// A GIF of this code can be seen here:
	// https://twitter.com/marcedwards/status/1167765622899347459
	//

	import * as React from "react"
	import { useState, useEffect } from "react"

	// Hook
	let cachedScripts = []

	export function useScript(src) {
	// Keeping track of script loaded and error state
	const [state, setState] = useState({
	loaded: false,

	import express from 'express'
	import bodyParser from 'body-parser'
	import cookieParser from 'cookie-parser'
	import passport from 'passport'
	import passportJWT, { ExtractJwt, Strategy as JwtStrategy } from 'passport-jwt'
	import bcrypt from 'bcrypt'
	import jwt from 'jsonwebtoken'

	const { fromExtractors, fromAuthHeaderWithScheme, fromAuthHeaderAsBearerToken } = ExtractJwt

	.mono-font-stack {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	}

	.times-font-stack {
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	}

	.modern-font-stack {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;