Eric J York ericyork

## 8javascript.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Basic JavaScript Example</title>
</head>
<body>

<script>

## 7javascript.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>

    <!-- Internal (Inline) CSS -->
    <style>
        .red{

## 6grid-etc.css
body {
  background-image: url('../up/one/level/to/image.png');
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}
.splash-area {
  background: linear-gradient(to left top, blue, red);
}
.second-splash {

## bell-reset.css
/*-- Bell Reset from https://andy-bell.co.uk/a-modern-css-reset/ --*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,

## meyer-reset.css
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,

## new-reset.css
@charset "utf-8";
/***
    The new CSS reset - version 1.8.5 (last updated 14.6.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)

## 5forms-tables.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--Type all the code BELOW⬇︎ this line-->
  <title>5forms</title>
  <style>
    body{width:80%;margin:auto;}
    form,table,th,td{padding:1rem;border: 1px solid #CCC;border-collapse:collapse;}

## 4regular.css
/*-- Type all the text below this line --*/
:root {
  font-size: 62.5%;
  --std: all .3s ease-in; /*-- another variable --*/
}
body {
  width: 100vw;
  font-size: 1.8rem;
  margin: 0 auto 1rem auto; /*-- top, right, bottom, left --*/
  padding: 5px 10px; /*-- vertical, horizontal --*/

## 3basic.css
/*-- Type all the text below this line --*/
:root {
  --basic: #0F0; /*-- variable declaration --*/
  font-family: 'Times New Roman', Garamond, serif;
  background-color: #fff8dc;
}
a:link, a:visited { /*-- and-selector --*/
  color: var(--basic);
}
a:hover, a:visited {

## 2adv-markup.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>2adv-markup</title>
</head>
<body><!--Type all the code BELOW⬇︎ this line-->

  <section>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Basic JavaScript Example</title>
	</head>
	<body>

	<script>
	body {
	background-image: url('../up/one/level/to/image.png');
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	}
	.splash-area {
	background: linear-gradient(to left top, blue, red);
	}
	.second-splash {
	/-- Bell Reset from https://andy-bell.co.uk/a-modern-css-reset/ --/
	/* Box sizing rules */
	*,
	*::before,
	*::after {
	box-sizing: border-box;
	}

	/* Remove default margin */
	body,
	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 \| 20110126
	License: none (public domain)
	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	@charset "utf-8";
	/***
	The new CSS reset - version 1.8.5 (last updated 14.6.2023)
	GitHub page: https://github.com/elad2412/the-new-css-reset
	***/

	/*
	Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
	- The "symbol *" part is to solve Firefox SVG sprite bug
	- The "html" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
	/-- Type all the text below this line --/
	:root {
	font-size: 62.5%;
	--std: all .3s ease-in; /-- another variable --/
	}
	body {
	width: 100vw;
	font-size: 1.8rem;
	margin: 0 auto 1rem auto; /-- top, right, bottom, left --/
	padding: 5px 10px; /-- vertical, horizontal --/
	/-- Type all the text below this line --/
	:root {
	--basic: #0F0; /-- variable declaration --/
	font-family: 'Times New Roman', Garamond, serif;
	background-color: #fff8dc;
	}
	a:link, a:visited { /-- and-selector --/
	color: var(--basic);
	}
	a:hover, a:visited {