From a38836d1656e1ff1241c384d1c5f12ae6b7ac111 Mon Sep 17 00:00:00 2001
From: Dave Dowling <dave@dowlingdata.com>
Date: Wed, 13 Mar 2024 00:10:38 -0400
Subject: [PATCH] initial form dev

---
 asset/css/style.css     | 53 +++++++++++++++++++++++++++++++++
 asset/css/style.css.map |  2 +-
 asset/less/style.less   | 53 +++++++++++++++++++++++++++++++++
 exercise/009.html       | 66 +++++++++++++++++++++++++++++++++++++++--
 4 files changed, 170 insertions(+), 4 deletions(-)

diff --git a/asset/css/style.css b/asset/css/style.css
index 42a10dd..fa1b264 100644
--- a/asset/css/style.css
+++ b/asset/css/style.css
@@ -14,6 +14,59 @@ body {
   color: #ddd;
   margin: 21px;
 }
+body#body009 form > div {
+  margin-bottom: 7px;
+}
+body#body009 input,
+body#body009 textarea {
+  font-size: 100%;
+  padding: 3px;
+}
+body#body009 input:not([type=submit]),
+body#body009 textarea {
+  width: 231px;
+}
+body#body009 input[type=submit] {
+  border: none;
+  background: white;
+  padding: 7px 14px;
+}
+body#body009 input[type=submit]:hover {
+  background-color: gray;
+  cursor: pointer;
+}
+body#body009 label {
+  display: inline-block;
+  padding: 5px 7px 5px 0;
+  text-align: right;
+  vertical-align: top;
+  width: 182px;
+}
+body#body009 textarea {
+  border: none;
+  height: 56px;
+  margin-bottom: -3px;
+}
+body#body009 .backoff label {
+  margin-top: -3px;
+}
+body#body009 .radioGroup {
+  display: inline-block;
+}
+body#body009 .radioGroup > div {
+  position: relative;
+}
+body#body009 .radioGroup > div label {
+  margin-left: 21px;
+  text-align: left;
+}
+body#body009 .radioGroup > div input {
+  margin-top: 3px;
+  padding: 3px;
+  position: absolute;
+  top: 4px;
+  width: 14px;
+}
 body#body007 img#iBeans,
 body#body008 img#iBeans,
 body#body007 img#iDrink,
diff --git a/asset/css/style.css.map b/asset/css/style.css.map
index 7a9bcd5..cceb066 100644
--- a/asset/css/style.css.map
+++ b/asset/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../less/style.less"],"names":[],"mappings":"AAAA,SAAS;AACT;EACE,sBAAA;;AAEF;EACE,mBAAA;EACD,kBAAA;;AAED;EACC,cAAA;;AAED;EACC,sBAAA;EACA,WAAA;EACA,YAAA;;AAIE,IAFD,QACA,IACE;AAAD,IAFU,QACX,IACE;AAAS,IAFX,QACA,IACY;AAAD,IAFA,QACX,IACY;AAAS,IAFrB,QACA,IACsB;AAAD,IAFV,QACX,IACsB;EACpB,aAAA;EACA,WAAA;;AAED,IAND,QACA,IAKE;AAAD,IANU,QACX,IAKE;EACA,yBAAA;EACA,aAAA;;AAIH,IAAC;EACA,kCAAA;EACA,eAAA;EACA,yBAAA;;EACA,SAAA;;;;;;;;;;AAJD,IAAC,QAOA,EAAC;AAPF,IAAC,QAOQ,EAAC;EACR,cAAA;;AARF,IAAC,QAUA,EAAC;AAVF,IAAC,QAUS,EAAC;AAVX,IAAC,QAUkB,EAAC;EAClB,cAAA;;AAXF,IAAC,QAcA;EACC,qBAAA;EACA,yBAAA;EACA,qBAAA;;AAjBF,IAAC,QAqBA;EACC,YAAA;EACA,2EAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;;AA1BF,IAAC,QA4BA,OAAO;EACN,iBAAA;;AA7BF,IAAC,QA+BA,OAAO;EACN,aAAA;;AAhCF,IAAC,QAoCA;AApCD,IAAC,QAoCK;EACJ,gCAAA;EACA,yBAAA;;AAtCF,IAAC,QAwCA,IAAI,GAAG,GAAG,EAAC;AAxCZ,IAAC,QAwCkB,IAAI,GAAG,GAAG,EAAC;EAC5B,cAAA;;AAzCF,IAAC,QA2CA,IAAI,GAAG,GAAG,EAAC;AA3CZ,IAAC,QA2CmB,IAAI,GAAG,GAAG,EAAC;AA3C/B,IAAC,QA2CsC,IAAI,GAAG,GAAG,EAAC;EAChD,WAAA;;AA5CF,IAAC,QA8CA,IAAI;EACH,SAAA;EACA,UAAA;EACA,qBAAA;EACA,aAAA;EACA,eAAA;;AAnDF,IAAC,QAsDA,IAAI,GAAG;EACN,gBAAA;EACA,yBAAA;EACA,qBAAA;EACA,aAAA;;AA1DF,IAAC,QA4DA,IAAI,GAAG,GAAG;EACT,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,cAAA;;AAjEF,IAAC,QAqEA;EACC,cAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;;AAzEF,IAAC,QA4EA;EACC,2BAAA;EACA,mBAAA;EACA,gBAAA;;AA/EF,IAAC,QAiFA;EACC,gCAAA;EACA,mBAAA;EACA,gBAAA;EACA,yBAAA;EACA,qBAAA;EACA,cAAA;EACA,qBAAA;EACA,iBAAA;;AAzFF,IAAC,QA2FA,EAAC;EACA,gCAAA;EACA,yBAAA;EACA,gBAAA;EACA,WAAA;;AA/FF,IAAC,QAiGA,KAAK;EACJ,cAAA;EACA,kBAAA;;AAnGF,IAAC,QAwGA;EACC,6EAAA;EACA,yBAAA;EACA,YAAA;;AA3GF,IAAC,QA+GA;EACC,cAAA;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;;AAnHF,IAAC,QAqHA;EACC,cAAA;EACA,gCAAA;EACA,gBAAA;EACA,yBAAA;;AAzHF,IAAC,QA2HA;EACC,kBAAA;;AAIA,IAhID,QA+HA,IACE;EACA,aAAA;;AAKH,IAAC;EACA,UAAA;EACA,2BAAA;EACA,eAAA;EACA,yBAAA;;EACA,SAAA;;;;;;;;AALD,IAAC,QAQA,EAAC;AARF,IAAC,QAQQ,EAAC;EACR,cAAA;;;AATF,IAAC,QAWA,EAAC;AAXF,IAAC,QAWS,EAAC;AAXX,IAAC,QAWkB,EAAC;EAClB,cAAA;;;AAZF,IAAC,QAeA;EACC,qBAAA;EACA,yBAAA;EACA,qBAAA;;AAlBF,IAAC,QAsBA;EACC,cAAA;;EACA,2EAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;;AA3BF,IAAC,QA6BA,OAAO;EACN,kBAAA;EACA,gBAAA;EACA,iBAAA;;AAhCF,IAAC,QAkCA,OAAO;EACN,iBAAA;;AAnCF,IAAC,QAuCA;AAvCD,IAAC,QAuCK;EACJ,gCAAA;EACA,yBAAA;;AAzCF,IAAC,QA2CA,IAAI;EACH,SAAA;EACA,UAAA;EACA,qBAAA;EACA,aAAA;EACA,uBAAA;;AAhDF,IAAC,QA2CA,IAAI,GAMH;EACC,gBAAA;EACA,yBAAA;EACA,qBAAA;;AACA,IArDF,QA2CA,IAAI,GAMH,GAIE;EACA,SAAA;EACA,eAAA;;AAFD,IArDF,QA2CA,IAAI,GAMH,GAIE,YAGA,EAAC;AAHF,IArDF,QA2CA,IAAI,GAMH,GAIE,YAGQ,EAAC;EACR,YAAA;;AAzDL,IAAC,QA2CA,IAAI,GAMH,GAWC,EAAC;AA5DJ,IAAC,QA2CA,IAAI,GAMH,GAWU,EAAC;EACT,cAAA;;;AA7DJ,IAAC,QA2CA,IAAI,GAMH,GAcC,EAAC;AA/DJ,IAAC,QA2CA,IAAI,GAMH,GAcU,EAAC;AA/Db,IAAC,QA2CA,IAAI,GAMH,GAcmB,EAAC;EAClB,cAAA;;;AAhEJ,IAAC,QAoEA,IAAI,GAAG,GAAG;EACT,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,aAAA;;AAzEF,IAAC,QA6EA;EACC,aAAa,sCAAb;EACA,yBAAA;;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,0BAAA;EACA,mBAAA;EACA,YAAA;;AArFF,IAAC,QAuFA;EACC,yBAAA;EACA,qBAAA;EACA,cAAA;;EACA,qBAAA;EACA,sBAAA;EACA,iBAAA;EACA,iBAAA;;AA9FF,IAAC,QAgGA,EAAC;EACA,gCAAA;EACA,yBAAA;EACA,gBAAA;EACA,WAAA;;AApGF,IAAC,QAsGA,KAAK;EACJ,WAAA;EACA,mBAAA;;AAxGF,IAAC,QA4GA;EACC,mEAAA;EACA,yBAAA;;EACA,YAAA;EACA,kBAAA;EACA,6BAAA;EACA,sBAAA;;AAlHF,IAAC,QAqHA;EACC,cAAA;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;;AAzHF,IAAC,QA2HA;EACC,eAAA;EACA,SAAA;EACA,UAAA;;AA9HF,IAAC,QAgIA;EACC,aAAa,sCAAb;;AAjIF,IAAC,QAmIA;EACC,cAAA;EACA,gCAAA;EACA,gBAAA;EACA,yBAAA;;AAKF,IAAC;EACA,YAAA;;AADD,IAAC,QAEA;AAFD,IAAC,QAEI;AAFL,IAAC,QAEQ;AAFT,IAAC,QAEY;AAFb,IAAC,QAEgB;AAFjB,IAAC,QAEoB;EACnB,gBAAA;;AAHF,IAAC,QAKA;EACC,YAAA;;AANF,IAAC,QAQA;EACC,YAAA;EACA,kBAAA;;AAVF,IAAC,QAQA,aAGC;EACC,sBAAA;EACA,WAAA;EACA,aAAA;EACA,gBAAA;EACA,cAAA;EACA,WAAA;;AAjBH,IAAC,QAQA,aAGC,UAOC;EACC,gBAAA;;AAnBJ,IAAC,QAQA,aAcC;EACC,sBAAsB,oCAAtB;EACA,4BAAA;EACA,qBAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,YAAA;;AA7BH,IAAC,QAQA,aAcC,UAQC;EACC,sBAAsB,0CAAtB;EACA,4BAAA;EACA,qBAAA;EACA,aAAA;EACA,YAAA;EACA,UAAA;;AAKJ,IAAC,QAAQ;EACR,SAAS,EAAT;EACA,sBAAsB,qCAAtB;EACA,4BAAA;EACA,qBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,aAAA;EACA,YAAA;;AAIF,EACC;EACC,mBAAA;;AAGF;EACC,mBAAA;;AAED;EACC,eAAA;;AADD,EAEC;EACC,qBAAA;EACA,cAAA;;AAIF;EACC,WAAA;EACA,eAAA;;AAED;EACC,cAAA;EACA,YAAA;;AACA,GAAC;EACA,YAAA;;AAED,GAAC;EACA,YAAA;;AAIF;EACC,sBAAA;EACA,gBAAA;EACA,aAAA;EACA,YAAA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["../less/style.less"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/asset/less/style.less b/asset/less/style.less
index eb82646..9b5fc5b 100644
--- a/asset/less/style.less
+++ b/asset/less/style.less
@@ -14,6 +14,59 @@ body {
 	color: #ddd;
 	margin:21px;
 
+	&#body009 {
+		form>div {
+			margin-bottom:7px;
+		}
+		input, textarea {
+			font-size: 100%;
+			padding:3px;
+		}
+		input:not([type=submit]),textarea {
+			width:231px;
+		}
+		input[type=submit] {
+			border:none;
+			background:white;
+			padding:7px 14px;
+			&:hover {
+				background-color:gray;
+				cursor:pointer;
+			}
+		}
+		label {
+			display: inline-block;
+			padding:5px 7px 5px 0;
+			text-align: right;
+			vertical-align: top;
+			width:182px;
+		}
+		textarea {
+			border:none;
+			height:56px;
+			margin-bottom:-3px;
+		}
+		.backoff label {
+			margin-top:-3px;
+		}
+		.radioGroup {
+			display: inline-block;
+			&>div {
+				position:relative;
+				label {
+					margin-left: 21px;
+					text-align: left;
+				}
+				input {
+					margin-top: 3px;
+					padding:3px;
+					position: absolute;
+					top:4px;
+					width:14px;
+				}
+			}
+		}
+	}
 	&#body007, &#body008 {
 		img {
 			&#iBeans, &#iDrink, &#iLogo {
diff --git a/exercise/009.html b/exercise/009.html
index 1cc49b7..e1f2be7 100644
--- a/exercise/009.html
+++ b/exercise/009.html
@@ -6,11 +6,71 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<link rel="stylesheet" href="../asset/css/style.css">
   </head>
-  <body>
+  <body id="body009">
 		<div><a href="../index.html">&lt; Home</a></div>
 		<div>
-			<h1>Exercise 9</h1>
-
+			<h1>Old-Time Computer Museum</h1>
+			<h2>Make a Pledge</h2>
+			<form action="?act=submit" method="GET">
+				<div>
+					<label for="fName">Your Full Name</label>
+					<input type="text" id="fName" name="fName">
+				</div>
+				<div class="backoff">
+					<label for="fAdStr">Street Address</label>
+					<textarea name="fAdStr" id="fAdStr"></textarea>
+				</div>
+				<div>
+					<label for="fAdCity">City</label>
+					<input type="text" id="fAdCity" name="fAdCity">
+				</div>
+				<div>
+					<label for="fAdSt">State</label>
+					<input type="text" id="fAdSt" name="fAdSt">
+				</div>
+				<div>
+					<label for="fAdZip">Zip Code</label>
+					<input type="text" id="fAdZip" name="fAdZip">
+				</div>
+				<div>
+					<label for="fPhone">Phone Number</label>
+					<input type="text" id="fPhone" name="fPhone">
+				</div>
+				<div>
+					<label for="fEmail">Email Address</label>
+					<input type="text" id="fEmail" name="fEmail">
+				</div>
+				<div>
+					<label for="fLvl">Donation Level</label>
+					<span class="radioGroup">
+						<div>
+							<input type="radio" name="fLvl" id="fLvlA" value="20">
+							<label for="fLvlA">Student (&dollar;20)</label>
+						</div>
+						<div>
+							<input type="radio" name="fLvl" id="fLvlB" value="45">
+							<label for="">Individual (&dollar;45)</label>
+						</div>
+						<div>
+							<input type="radio" name="fLvl" id="fLvlC" value="60">
+							<label>Family (&dollar;60)</label>
+						</div>
+						<div>
+							<input type="radio" name="fLvl" id="fLvlD" value="250">
+							<label for="fLvlD">Patron (&dollar;250)</label>
+						</div>
+						<div>
+							<input type="radio" name="fLvl" id="fLvlE" value="750">
+							<label for="fLvlE">Benefactor (&dollar;750)</label>
+						</div>
+					</span>
+				</div>
+				<div>
+					<label for="fFor">Honoree / In Memory of</label>
+					<input type="text" id="fFor" name="fFor" placeholder="Honoree / Decedent Full Name">
+				</div>
+				<input type="submit" value="Submit">
+			</form>
 		</div>
 	</body>
 </html>
\ No newline at end of file