/* 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
| { | |
| "compilerOptions": { | |
| "sourceMap": true, | |
| "target": "es5", | |
| "lib": [ | |
| "dom", | |
| "dom.iterable", | |
| "ES2015" | |
| ], | |
| "module": "CommonJS", |
| 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; |
| function braces(values) { | |
| if (values.length === 1) return ["NO"]; | |
| const map = { | |
| "(": ")", | |
| "[": "]", | |
| "{": "}" | |
| }; | |
| const closing = Object.values(map); |
| 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>; | |
| }; |
| // inputData = 64,120 | |
| // 63,121 | |
| // 65,100 | |
| // 70,150 | |
| // 56,90 | |
| // 75,190 | |
| // 60,95 | |
| // 68,110 | |
| function writeOutput(inputData) { |