Skip to content

Instantly share code, notes, and snippets.

View vasilenka's full-sized avatar
🇮🇩
#dowhatyoulove

.h vasilenka

🇮🇩
#dowhatyoulove
42 followers · 92 following
View GitHub Profile
@vasilenka
vasilenka / otp_html_input.html
Created October 15, 2020 10:23
OTP HTML Input
<html>
<head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="min-h-screen flex flex-col justify-center text-center">
<!-- Make sure the following div id (OTPInput) is the same in the Javascipt -->
<form action="#" method="post">
<!-- This is the div where the otp fields are generated by Javascript -->
<div class="flex justify-center " id="OTPInput">
@vasilenka
vasilenka / netlify-dns.md
Last active May 25, 2019 02:28 — forked from hhsnopek/netlify-dns.md
Netlify DNS setup

Netlify DNS Setup

Quick ref for Netlify custom domains

Records

CNAME

Recommended, everything will handled by netlify

Host: www, Value: you-netlify-site.netlify.com, TTL: 1800

A

@vasilenka
vasilenka / nginxproxy.md
Created March 6, 2019 21:11 — forked from soheilhy/nginxproxy.md
How to proxy web apps using nginx?

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

@vasilenka
vasilenka / package.json
Created November 28, 2018 15:13 — forked from mburakerman/package.json
Webpack 4 config.js (SCSS to CSS and Babel) 👌 The Simplest Usage 👌
{
"name": "webpack-sass",
"version": "1.0.0",
"scripts": {
"start": "webpack-dev-server --open --mode development",
"build": "webpack -p"
},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
@vasilenka
vasilenka / global.code-snippets
Last active September 3, 2019 16:54
Tinker Snippets for VS Code
{
"Stateful react component": {
"prefix": "recomp",
"body": [
"import styles from './${TM_FILENAME_BASE}.module.scss';",
"import React, { Component } from 'react';",
"import classnames from 'classnames';",
"",
"class ${TM_FILENAME_BASE} extends Component {",
@vasilenka
vasilenka / Snippets React
Created August 13, 2018 02:41
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
@vasilenka
vasilenka / nested-for-loop.liquid
Created July 24, 2018 17:53 — forked from Phlow/nested-for-loop.liquid
This is a nested liquid loop for Jekyll to iterate through YAML data with a depth of three levels. The example loops through a potential table of contents of a book.
{% comment %}
#
# This is a nested liquid loop for Jekyll to iterate through YAML data with
# a depth of three levels. The example loops through a potential table of
# contents of a book.
#
# This is the example YAML content'
- chapters: 'Einführung'
sub_chapters:
@vasilenka
vasilenka / webpack.config.js
Created April 28, 2018 16:41 — forked from timurcatakli/webpack.config.js
An Easy to Understand Webpack 4+ Configuration File with Comments
const publicPath = 'public';
// Node os module
// The os module provides a number of operating system-related utility methods.
// It can be accessed using:
const os = require('os');
// Using a single monolithic configuration file impacts comprehension and
// removes any potential for reusability.
// As the needs of your project grow, you have to figure out the means to manage
// webpack configuration more effectively.
@vasilenka
vasilenka / css-breakpoint-mixin-vars.sass
Last active January 28, 2018 01:09 — forked from davidgilbertson/css-breakpoint-mixin-vars.scss
Sass's mixin for a better breakpoints and developer's sanity.
=for-size($range)
$phone-upper-boundary: 600px
$tablet-portrait-upper-boundary: 900px
$tablet-landscape-upper-boundary: 1200px
$desktop-upper-boundary: 1800px
@if $range == phone-only
@media (max-width: #{$phone-upper-boundary - 1})
@content
@else if $range == tablet-portrait-up
@vasilenka
vasilenka / ContextCmder-Disable.reg
Created June 28, 2017 15:18 — forked from jojobyte/ContextCmder-Disable.reg
Cmder Context (Right-Click) Menu for Windows 7/8
Windows Registry Editor Version 5.00
[-HKEY_CLASSES_ROOT\Directory\Background\shell\Cmder]
[-HKEY_CLASSES_ROOT\Directory\shell\Cmder]