| const path = require('path') | |
| const webpack = require('webpack') | |
| const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer') | |
| const { CleanWebpackPlugin } = require('clean-webpack-plugin') | |
| const CopyFilesPlugin = require('copy-webpack-plugin') | |
| const CSSExtractPlugin = require('mini-css-extract-plugin') | |
| const MarkoPlugin = require('@marko/webpack/plugin').default | |
| const nodeExternalsPlugin = require('webpack-node-externals') | |
| const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin') | |
| const TerserPlugin = require('terser-webpack-plugin') |
| import { randomString } from './randomstring.js' | |
| $ { | |
| const { query } = input | |
| const chunks = Math.max(0, Math.min(query.chunks || 0, 999)) | |
| const size = Math.max(0.001, Math.min(query.kB || 1, 1024)) | |
| const delay = Math.max(0.001, Math.min(query.delay || 0.5, 60)) | |
| } | |
| <!doctype html> |
| /** | |
| * Connect to the event bus. Call in onMount(). | |
| * @param {Component} self Pass in `this` from Marko. | |
| * @param {string} event The name of the event to listen on. | |
| * @param {function} fn What to do when the event fires. Takes the data from bus as an argument, | |
| * and `this` is correctly set. (Arrow functions work if you make them in the `class` section.) | |
| */ | |
| export function subscribe (self, event, fn) { | |
| self.subscribeTo(window).on(`bus:${event}`, e => { | |
| fn.call(self, e.detail) |
| const { execSync } = require('child_process') | |
| const { createHash } = require('crypto') | |
| const invertColor = require('invert-color') | |
| const branchName = execSync('git rev-parse --abbrev-ref HEAD') | |
| const hash = createHash('sha256') | |
| hash.update(branchName) | |
| const color = '#' + hash.digest().toString('hex').substring(0, 6) | |
| const invertedColor = invertColor(color, true) |
| time | |
| down | |
| life | |
| left | |
| back | |
| code | |
| data | |
| show | |
| only | |
| site |
| sizes="(orientation: landscape) and (min-width: calc((7/8 * (100vh - 100px)) + 200px)) calc((100vh - 100px) * 8/7 * 0.7142), | |
| (orientation: landscape) calc((100vw - 200px) * 0.7142), | |
| (min-width: calc(7/8 * (100vh - 200px))) calc((100vh - 200px) * 8/7 * 0.7142), | |
| 71.42vw" |
How many languages and syntaxes make up the Web?
This list is for code on the front-end; the back-end could be literally anything.
Notice this isn't about vocabularies. Many attributes have only certain values they accept, but syntaxes mean the characters are sorted/processed/handled a different way than usual.