splitting presentation, adding more detail

Author: R. S. Doiel

.gitignore

@@ -1,6 +1,7 @@
 dist/
+workshop/
 *~
 *.tmp
 *.swp
 *.bak
-*.ds
+*.ds

CITATION.cff

@@ -15,7 +15,7 @@ authors:
 
 
 repository-code: "https://github.com/caltechlibrary/t2t3_dataset_web_apps"
-version: 0.0.4
+version: 0.0.5
 date-released: 2025-06-12
 
 license-url: "https://caltechlibrary.github.io/t2t3_dataset_web_apps/LICENSE"

Makefile

@@ -5,7 +5,7 @@ HTML_PAGES = $(shell ls -1 *.md | grep -v 'presentation' | sed -E 's/.md/.html/g
 # where FORMAT is either s5, slidy, slideous, dzslides, or revealjs.
 SLIDE_FORMAT = slidy
 
-build: clean html website
+build: clean presentations website
 
 CITATION.cff: codemeta.json
 	cmt codemeta.json CITATION.cff
@@ -19,20 +19,27 @@ website: CITATION.cff about.md .FORCE
 cleanweb: .FORCE
 	rm $(HTML_PAGES)
 
-html: .FORCE
+presentations: .FORCE
 	pandoc -V lang=en -s -t $(SLIDE_FORMAT) presentation1.md -o presentation1.html
-	git add presentation1.html index.html
+	git add presentation1.html
+	pandoc -V lang=en -s -t $(SLIDE_FORMAT) presentation2.md -o presentation2.html
+	git add presentation2.html
 
 pdf: .FORCE
 	pandoc -V lang=en -s -t beamer presentation1.md -o presentation1.pdf
+	pandoc -V lang=en -s -t beamer presentation2.md -o presentation2.pdf
 
 pptx: .FORCE
 	pandoc -V lang=en -s presentation1.md -o presentation1.pptx
+	pandoc -V lang=en -s presentation2.md -o presentation2.pptx
 
 clean: .FORCE
 	@if [ -f presentation1.html ]; then rm presentation1.html; fi
 	@if [ -f presentation1.pdf ];  then rm presentation1.pdf; fi
 	@if [ -f presentation1.pptx ]; then rm presentation1.pptx; fi
+	@if [ -f presentation2.html ]; then rm presentation2.html; fi
+	@if [ -f presentation2.pdf ];  then rm presentation2.pdf; fi
+	@if [ -f presentation2.pptx ]; then rm presentation2.pptx; fi
 
 status:
 	git status
@@ -57,8 +64,10 @@ dist: .FORCE
 	cp presentation1.md dist/
 	cp presentation1.html dist/
 	pandoc -V lang=en -s -t beamer presentation1.md -o dist/presentation1.pdf
+	pandoc -V lang=en -s -t beamer presentation2.md -o dist/presentation2.pdf
 	pandoc -V lang=en -s presentation1.md -o dist/presentation1.pptx
-	cd dist && zip t2t3_dataset_web_apps-$(VERSION).zip README.md LICENSE CITATION.cff codemeta.json *.yaml presentation1.*
+	pandoc -V lang=en -s presentation2.md -o dist/presentation2.pptx
+	cd dist && zip t2t3_dataset_web_apps-$(VERSION).zip README.md LICENSE CITATION.cff codemeta.json *.yaml presentation?.*
 
 release: dist
 	@printf "\n\nReady to run ./release.bash\n\n"

README.md

@@ -19,10 +19,11 @@
 </nav>
 <section>
 <h1 id="about-this-software">About this software</h1>
-<h2 id="t2t3_dataset_web_apps-0.0.4">t2t3_dataset_web_apps 0.0.4</h2>
-<p>First draft of T2T3 workshop for using Dataset and CL Web Components
-to build web applications. It is being presented to the DLD development
-group via Zoom, 2025-06-12.</p>
+<h2 id="t2t3_dataset_web_apps-0.0.5">t2t3_dataset_web_apps 0.0.5</h2>
+<p>Starting the second draft of this workshop. Split workshop into two
+parts, building web applications with dataset and enhancing the browser
+experience with web components. Adding suggestions from first
+presentation.</p>
 <h3 id="authors">Authors</h3>
 <ul>
 <li>R. S. Doiel, <a href="https://orcid.org/0000-0003-0900-6903"

about.html

@@ -12,7 +12,7 @@
     }
   ],
   "dateCreated": "2025-05-30",
-  "dateModified": "2025-06-12",
+  "dateModified": "2025-06-13",
   "datePublished": "2025-06-12",
   "description": "The repository contains a presentation introducing web application construction using\nDataset and Web Components. It is intended for the T2T3 series at Caltech Library.\n\nIt presents the construction process to build a simple recipe collection system.",
   "funder": [
@@ -52,10 +52,10 @@
     "htmlq",
     "CMTools >= 0.0.33"
   ],
-  "version": "0.0.4",
+  "version": "0.0.5",
   "developmentStatus": "draft",
   "issueTracker": "https://github.com/caltechlibrary/t2t3_dataset_web_apps/issues",
-  "releaseNotes": "First draft of T2T3 workshop for using Dataset and CL Web Components to build web applications. It is being presented to the DLD development group via Zoom, 2025-06-12.",
+  "releaseNotes": "Starting the second draft of this workshop. Split workshop into two parts, building web applications with dataset and enhancing the browser experience with web components. Adding suggestions from first presentation.",
   "copyrightYear": 2025,
   "copyrightHolder": "California Institute of Technology"
 }

about.md

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en-US">
+    <head>
+        <title>Hello Clock</title>
+        <link rel="style" href="css/style.css">
+        <script type="module" src="modules/hello-clock.js"></script>
+    </head>
+    <body>
+        <h1>Hello Clock Example</h1>
+        <hello-clock>Hi there!</hello-clock>
+    </body>
+</html>

codemeta.json

@@ -14,7 +14,7 @@
       <form id="edit-recipe" autocomplete="off" accept-charset="utf-8" method="POST" action="./api/recipes.ds/object">
         <div>
           <label set="key">Key</label>
-          <input id="key" name="key" type="text" value=""
+          <input id="key" name="key" type="text" value="" pattern="^[a-zA-Z0-9_-]+$"
           title="Unique identifier for recipe" placeholder="lower case unique text" size="60">
         </div>
 

htdocs/clock.html

@@ -3,7 +3,7 @@
   <head>
     <title>A recipe collection</title>
     <link rel="style" href="css/style.css">
-    <script type="module" src="modules/list_recipes.js"></script>
+    <script type="module" src="modules/index_recipes.js"></script>
   </head>
   <body>
     <nav>