update readme

assets/templates/README.md

@@ -1,11 +1,11 @@
-# [![](https://plain-javascript.github.io/assets/svg/octicon.svg )](https://github.com/plain-javascript/ "Source code on GitHub" ) [Plain JavaScript]( https://plain-javascript.github.io/ "Home page" ) / [Templates Read Me]( https://github.com/plain-javascript/assets/tree/main/templates/ "2023-01-23" )
+# [![](https://plain-javascript.github.io/assets/svg/octicon.svg )]( https://github.com/plain-javascript/awesome-list "Source code on GitHub" ) [Plain JavaScript: Awesome List ]( https://plain-javascript.github.io/awesome-list/ "Home page" ) / [Templates Read Me]( https://github.com/plain-javascript/assets/tree/main/templates/ "2023-01-23" )
 
 <!--@@@
 <div class=iframe-resize ><iframe src=https://plain-javascript.github.io/ height=100% width=100% ></iframe></div>
 _"Home Read Me" in a resizable window_
 @@@-->
 
-## Full Screen: [Home]( https://plain-javascript.github.io/assets/ )
+## Full Screen: [Home]( https://plain-javascript.github.io/ )
 
 
 ## Concept

miscellany/README.md

@@ -0,0 +1,71 @@
+# [![](https://plain-javascript.github.io/assets/svg/octicon.svg )]( https://github.com/plain-javascript/awesome-list "Source code on GitHub" ) [Plain JavaScript: Awesome List ]( https://plain-javascript.github.io/awesome-list/ "Home page" ) / [Miscellany Read Me]( https://github.com/plain-javascript/assets/tree/main/miscellany/ "2023-01-23" )
+
+
+
+## Concept
+
+
+Odd and ends that don't yet seem to belong to a specific category - yet.
+
+
+### Miscellany ~ Small Web
+
+### Miscellany ~ https://github.com/frameworkless-movement/
+
+>The Frameworkless Movement is a group of developers interested in developing applications without frameworks. We don't hate frameworks, nor we will ever create campaigns against frameworks, but we perceive the misuse of frameworks as a lack of knowledge regarding technical debt and the availability of alternatives given by the vanilla language or by dedicated libraries.
+
+* https://github.com/frameworkless-movement/awesome-frameworkless
+
+Links to a number of useful articles
+
+### Miscellany ~ https://en.wikipedia.org/wiki/Demoscene ~ Demoscene
+
+>The demoscene is an international computer art subculture focused on producing demos: self-contained, sometimes extremely small, computer programs that produce audiovisual presentations. The purpose of a demo is to show off programming, visual art, and musical skills. Demos and other demoscene productions (graphics, music, videos, games) are shared at festivals known as demoparties, voted on by those who attend and released online.
+
+### Miscellany ~ https://benhoyt.com/writings/the-small-web-is-beautiful/ ~ Ben Hoyt: The small web is beautiful
+
+* https://news.ycombinator.com/item?id=26305585
+
+>Summary: I believe that small websites are compelling aesthetically, but are also important to help us resist selling our souls to large tech companies. In this essay I present a vision for the “small web” as well as the small software and architectures that power it. Also, a bonus rant about microservices.
+
+
+### Miscellany ~ Not Plain JavaScript
+
+### Miscellany ~ Articles ~ Not Plain JavaScript
+* https://www.vrk.dev/2019/07/11/why-is-modern-web-development-so-complicated-a-long-yet-hasty-explanation-part-1/
+
+### Miscellany ~ Programmers ~ Not Plain JavaScript
+
+* https://github.com/piecioshka ~ rationale: no demos that just run ~ uses a lot of node.js
+
+
+
+### Miscellany ~ 2022-05-03 ~ Josh Comeau ~ https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/
+
+>Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it.
+
+Don't be fooled by the headline. Author says you may not need a UI Framework, but he still expects you to use React.
+
+### Miscellany ~ More??
+
+* https://github.com/sajeebmahamed/Vanilla-JavaScript-Projects ~ his projects >>
+* https://github.com/gulraiznoorbari/Awesome-Vanilla-JavaScript-Projects ~ personal efforts - not list of links
+
+
+
+## To Do / Wish List
+
+
+## Issues
+
+
+## Change Log
+
+### 2023-01-24
+
+* First commit
+
+
+***
+
+<center title="Hello! Click me to go up to the top" ><a class=aDingbat href=javascript:window.scrollTo(0,0);> ❦ </a></center>

miscellany/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en" >
+<head>
+<title>index</title>
+<meta charset="utf-8" >
+</head>
+<body>
+<script>
+
+	window.location.href = "./readme.html" + location.hash;
+
+</script>
+</body>
+</html>

miscellany/readme.html

@@ -0,0 +1,166 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<title>Open Index or Markdown</title>
+
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=contain">
+	<meta name="description"
+		content="File wrangler. Default index.html file. Opens HTML or Markdown files. Passes location.hash.">
+	<meta name="keywords" content="ShowDown,Markdown,AJAX,JavaScript,HTML,CSS,GitHub,FOSS">
+	<meta name="version" content="2023-01-22">
+
+	<style>
+		/* Copyright 2023 Theo Armour. MIT License */
+
+		:root {
+			font: 100% monospace;
+		}
+
+		* {
+			box-sizing: border-box;
+		}
+
+		body {
+			margin: 0 auto;
+			max-width: 50rem;
+		}
+
+		a {
+			color: crimson;
+			text-decoration: none;
+		}
+
+		a:hover,
+		a:focus,
+		a:active {
+			text-decoration: underline;
+		}
+
+		aside {
+			border: 1px solid lightgray;
+			margin-top: 15px;
+			padding: 2px;
+		}
+
+		button,
+		input[type=button] {
+			background-color: #eee;
+			border: 2px #eee solid;
+			color: #888;
+		}
+
+		blockquote {
+			background-color: #ddd;
+			padding: 1rem;
+		}
+
+		code {
+			background-color: #eee;
+		}
+
+		pre {
+			background-color: #eee;
+			padding: 0.5rem;
+		}
+
+		summary {
+			cursor: pointer;
+			font-size: 1.5rem;
+			font-weight: bold;
+			outline: none;
+		}
+
+		::-webkit-scrollbar {
+			background: #333;
+		}
+
+		::-webkit-scrollbar-thumb {
+			background: crimson;
+		}
+
+		/* read me footer */
+		.aDingbat {
+			text-decoration: none;
+			font-size: 2rem;
+		}
+
+		.iframe-resize {
+			height: 400px;
+			overflow: hidden;
+			padding: 0.5rem;
+			resize: both;
+			width: 100%;
+		}
+	</style>
+
+</head>
+
+<body>
+	<!-- https://github.com/showdownjs/showdown -->
+
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
+
+	<div id=divContent></div>
+
+	<script>
+
+
+		defaultFile = "README.md";
+
+		//location.hash = ""; // test
+		//location.hash = "../style/style-sample-tags.html"
+
+		init();
+
+		function init () {
+
+			showdown.setFlavor( "github" );
+
+			if ( !location.hash ) { location.hash = defaultFile; }
+
+			location.hash.endsWith( ".md" ) ? onHashChange() : window.location.href = location.hash.slice( 1 );
+
+			window.addEventListener( "hashchange", onHashChange, false );
+
+			if ( location.protocol === "https:" ) {
+
+				window.history.pushState( "", "", "./" + location.hash );
+
+			}
+
+		}
+
+
+		function onHashChange () {
+
+			// if no file extension then probably an internal link
+			if ( !location.hash.includes( "." ) ) { return; }
+
+			const url = location.hash.slice( 1 );
+			const txt = url.split( "/" ).pop();
+			let title = txt
+				.split( "-" )
+				.filter( x => x.length > 0 )
+				.map( ( x ) => ( x.charAt( 0 ).toUpperCase() + x.slice( 1 ) ) )
+				.join( " " );
+			document.title = title;
+			const options = { openLinksInNewWindow: false, excludeTrailingPunctuationFromURLs: true, ghMention: true, simplifiedAutoLink: true, simpleLineBreaks: true, emoji: true };
+
+			const xhr = new XMLHttpRequest();
+			xhr.open( "get", url, true );
+			xhr.onload = () => {
+				let txt = xhr.responseText;
+				txt = txt.replace( /\<!--@@@/, "" ).replace( /\@@@-->/, "" );
+				divContent.innerHTML = new showdown.Converter( options ).makeHtml( txt );
+				window.scrollTo( 0, 0 );
+			};
+			xhr.send( null );
+
+		}
+
+	</script>
+</body>
+
+</html>

publications/README.md

@@ -0,0 +1,30 @@
+# [![](https://plain-javascript.github.io/assets/svg/octicon.svg )]( https://github.com/plain-JavaScript/awesome-list/ "Source code on GitHub" ) [Plain JavaScript: Awesome List]( https://plain-javascript.github.io/awesome-list/ "Home page" ) / [Publications Read Me]( https://plain-javascript.github.io/awesome-list/publications/ "2023-01-24" )
+
+
+## Concept
+
+There is a topic and then there is talk about a topic. For example, every Wikipedia article links to a "talk" page with discussion about the article.
+
+This section contains links to a variety of published material that defines guidelines, discusses the current state, provides warning and worries and the like - all about JavaScript
+
+
+## To Do / Wish List
+
+
+## Issues
+
+
+## Links of Interest
+
+
+## Change Log
+
+
+### 2023-01-24
+
+* First commit
+
+
+***
+
+<center title="Hello! Click me to go up to the top" ><a class=aDingbat href=javascript:window.scrollTo(0,0);> ❦ </a></center>

publications/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en" >
+<head>
+<title>index</title>
+<meta charset="utf-8" >
+</head>
+<body>
+<script>
+
+	window.location.href = "../readme.html#publications/README.md" + location.hash;
+
+</script>
+</body>
+</html>