Taufik Nurrohman taufik-nurrohman

## accessible-custom-select-box.html
<!DOCTYPE html>

<meta charset="utf-8">

<title>Accessible Custom Select Box by Taufik Nurrohman</title>

<!--onsele

The MIT License (MIT)

## .vimrc
" Set default encoding
set encoding=utf-8

" Show line number(s)
set number
set ruler

" Enable line wrap
set wrap

## 1-elementary-os-apps.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                taufik-nurrohman
                / 1-elementary-os-apps.md
            
            
              Created
              November 3, 2020 02:20
                — forked from ankurk91/1-elementary-os-apps.md
            
              
                elementary OS 5.1 Hera
              
          
    elementaryOS Apps and Configs

⚠️ No longer maintained! ⚠️
This guide has been updated for elementaryOS v5.0+.
Enbale PPA support

sudo apt-get update
sudo apt-get -y install software-properties-common


## Tiny JavaScript tokenizer.js
/*
 * Tiny tokenizer
 *
 * - Accepts a subject string and an object of regular expressions for parsing
 * - Returns an array of token objects
 *
 * tokenize('this is text.', { word:/\w+/, whitespace:/\s+/, punctuation:/[^\w\s]/ }, 'invalid');
 * result => [{ token="this", type="word" },{ token=" ", type="whitespace" }, Object { token="is", type="word" }, ... ]
 *
 */

## lexer.js
#!/usr/bin/env node

var assert = require('assert');

// Each lexed token is a array of three integers:
// 1. the "token type": an index into the list of token patterns.
// 2. the index into the input string marking the start of this token.
// 3. the length of the token.

// The list of "token types" which our lexer understands:

## index.html
<figure id="slider">
  <div class="container">
		<img src="http://lorempixel.com/400/250/sports/1" alt="Lorem ipsum dolor sit amet...">
		<img src="http://lorempixel.com/400/250/sports/2" alt="Consectetuer adipiscing elit...">
		<img src="http://lorempixel.com/400/250/sports/3" alt="Sed diam nonummy nibh euismod tincidunt...">
		<img src="http://lorempixel.com/400/250/sports/4" alt="Ut laoreet dolore magna aliquam erat volutpat...">
	</div>
	<figcaption></figcaption> <!-- slideshow caption -->
	<nav id="slider-nav"></nav> <!-- navigation -->
</figure>

## liquid-template-list-sentence-from-array.liquid
{% assign total_items = items.size %}

{% for item in items %}
  {% if forloop.index > 1 %}
    {% if forloop.index != total_items %}, {% else %} and {% endif %}
  {% endif %}
  {{ item }}
{% endfor %}

## clock.html
<style>
div {
  width: 200px;
  height: 200px;
  background: lime;
  border-radius: 100%;
  position: relative;
}
span {
  position: absolute;

## lava-nav.html
<style>
nav {
  position: relative;
  background: orange;
  color: black;
}
nav ul,
nav li {
  margin: 0;
  padding: 0;

## magic-methods.js
function magicMethods (clazz) {
  // A toggle switch for the __isset method
  // Needed to control "prop in instance" inside of getters
  let issetEnabled = true

  const classHandler = Object.create(null)

  // Trap for class instantiation
  classHandler.construct = (target, args) => {
    // Wrapped class instance
	<!DOCTYPE html>

	<meta charset="utf-8">

	<title>Accessible Custom Select Box by Taufik Nurrohman</title>

	<!--onsele

	The MIT License (MIT)
	" Set default encoding
	set encoding=utf-8

	" Show line number(s)
	set number
	set ruler

	" Enable line wrap
	set wrap
	/*
	* Tiny tokenizer
	*
	* - Accepts a subject string and an object of regular expressions for parsing
	* - Returns an array of token objects
	*
	* tokenize('this is text.', { word:/\w+/, whitespace:/\s+/, punctuation:/[^\w\s]/ }, 'invalid');
	* result => [{ token="this", type="word" },{ token=" ", type="whitespace" }, Object { token="is", type="word" }, ... ]
	*
	*/
	#!/usr/bin/env node

	var assert = require('assert');

	// Each lexed token is a array of three integers:
	// 1. the "token type": an index into the list of token patterns.
	// 2. the index into the input string marking the start of this token.
	// 3. the length of the token.

	// The list of "token types" which our lexer understands:
	<figure id="slider">
	<div class="container">
	<img src="http://lorempixel.com/400/250/sports/1" alt="Lorem ipsum dolor sit amet...">
	<img src="http://lorempixel.com/400/250/sports/2" alt="Consectetuer adipiscing elit...">
	<img src="http://lorempixel.com/400/250/sports/3" alt="Sed diam nonummy nibh euismod tincidunt...">
	<img src="http://lorempixel.com/400/250/sports/4" alt="Ut laoreet dolore magna aliquam erat volutpat...">
	</div>
	<figcaption></figcaption> <!-- slideshow caption -->
	<nav id="slider-nav"></nav> <!-- navigation -->
	</figure>
	{% assign total_items = items.size %}

	{% for item in items %}
	{% if forloop.index > 1 %}
	{% if forloop.index != total_items %}, {% else %} and {% endif %}
	{% endif %}
	{{ item }}
	{% endfor %}
	<style>
	div {
	width: 200px;
	height: 200px;
	background: lime;
	border-radius: 100%;
	position: relative;
	}
	span {
	position: absolute;
	function magicMethods (clazz) {
	// A toggle switch for the __isset method
	// Needed to control "prop in instance" inside of getters
	let issetEnabled = true

	const classHandler = Object.create(null)

	// Trap for class instantiation
	classHandler.construct = (target, args) => {
	// Wrapped class instance