cziem’s gists

cziem / iphone_media_query.md

Created May 17, 2021 09:59 — forked from weird-coon/iphone_media_query.md

CSS media query iPhone breakpoint

iPhone 11

/* 1792x828px at 326ppi */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { }

This media query is also for: iPhone XR

cziem / largeNumber.js

Created December 1, 2020 15:06

Return only sorted large pairs

	// inputData = 64,120
	// 63,121
	// 65,100
	// 70,150
	// 56,90
	// 75,190
	// 60,95
	// 68,110

	function writeOutput(inputData) {

cziem / printMessage.jsx

Created December 1, 2020 15:05

Print message to the screen every 1 second

	import React from "react";

	const PrintMessage = () => {
	const fontFamilies = ["arial", "cursive", "monospace", "sans-serif", "sans"];
	let [count, setCount] = React.useState(0);

	const printMessage = () => {
	return <span className={`${fontFamilies[count]} world`}>World</span>;
	};

cziem / braces.js

Created November 10, 2020 07:54

Brace matcher that returns a "YES" or "NO" for a given array item

	function braces(values) {
	if (values.length === 1) return ["NO"];

	const map = {
	"(": ")",
	"[": "]",
	"{": "}"
	};

	const closing = Object.values(map);

cziem / app.ts

Created October 9, 2020 00:32

Typescript converted file

	const quoteContainer = document.getElementById('quote-container');
	const loader = document.getElementById('loader');
	const quoteText = document.getElementById('quote');
	const authorText = document.getElementById('author');
	const twitterBtn = document.getElementById('twitter');
	const newQuoteBtn = document.getElementById('new-quote');

	interface QuoteData {
	quoteAuthor: string;
	quoteText: string;

cziem / tsconfig.json

Created October 9, 2020 00:16

Ts Quote Generator Config

	{
	"compilerOptions": {
	"sourceMap": true,
	"target": "es5",
	"lib": [
	"dom",
	"dom.iterable",
	"ES2015"
	],
	"module": "CommonJS",

cziem / styles.css

Created October 5, 2020 00:20

Ts Quote generator styles

	@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600&display=swap');

	html {
	box-sizing: border-box;
	}

	body {
	margin: 0;
	padding: 0;
	min-height: 100vh;

cziem / index.html

Last active October 8, 2020 11:59

TS Quote generator

	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Quotifr \| Inspirational quotes for your daily start up</title>
	<link rel="shortcut icon" href="assets/quote-icon.jpg" type="image/jpg">
	<link rel="stylesheet" href="styles/styles.css">
	<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"
	integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ"

cziem / currencies.js

Created January 28, 2020 09:16

List of Countries, currencies and code

	export const countries = [
	{
	code: "AE",
	currency: "AED",
	currencyName: "United Arab Emirates Dirham",
	name: "United Arab Emirates"
	},
	{
	code: "AF",
	currency: "AFN",

cziem / fly.js

Created October 21, 2019 10:59

Node script to spawn a new child process

	const { spawn, exec } = require('child_process')

	const drone = spawn('python', ['./src/controller/main.py'])
	drone.stdout.pipe(process.stdout)

Favour George C cziem

iPhone 11