presi-slides 1.0.10 → 1.0.12

package/includes/slides.css

@@ -129,7 +129,8 @@ blockquote {
 }
 
 p.center,
-td.center {
+td.center,
+code.center {
     text-align: center;
 }
 
@@ -668,7 +669,7 @@ slide-view:not(:has(h1[layout])) {
 
     /* initial <aside> */
 
-    &:has(> aside:where(first-child, :is(h1, header):first-of-type + *)) {
+    &:has(> aside:where(:first-child, :is(h1, header):first-of-type + *)) {
         --slide-body-template: var(--slide-aside-template);
         --slide-aside-template: "b b b b   b b b b   a a a a";
 
@@ -682,15 +683,13 @@ slide-view:not(:has(h1[layout])) {
 
         > aside {
             grid-area: a;
-            &:has(> :only-child) {
+            &:has(> :only-child, > p:first-child > img:only-child) {
                 display: contents;
             }
             > :is(ul, ol, pre, blockquote, p:not(:has(> img:only-child))) {
                 grid-area: a;
             }
-            > p:only-child > img:only-child {
-                grid-area: i;
-            }
+
         }
 
         > aside
@@ -708,13 +707,27 @@ slide-view:not(:has(h1[layout])) {
 
         /* <aside> containing image */
         &:has(aside > p > img:only-child) {
+            &:has(h1:first-child) {
+                --slide-header-template: "h h h h  h h h h   i i i i";
+            }
+
             --slide-aside-template: "b b b b   b b b b   i i i i"
                 "b b b b   b b b b   a a a a";
+            --grid-content-rows: minmax() minmax(min-content, 1fr);
 
-            > aside:has(p:only-child > img:only-child) {
+            > aside:has(p:first-child > img:only-child) {
                 display: contents;
+
+                > p:first-child {
+                    display: contents;
+                }
+                > p > img:only-child {
+                    grid-area: i;
+                }
+
             }
 
+
             &:has(
                 :is(h1, header):first-of-type
                     + aside
@@ -904,6 +917,7 @@ slide-view:not(:has(h1[layout])) {
             var(--slide-image-template);
         --grid-content-rows: min-content minmax(20%, 1fr);
 
+
         &:has(
             > h3 + p > img:only-child:not(.full),
             > h3 + :not(h3) + p > img:only-child:not(.full),
@@ -973,8 +987,13 @@ slide-view:not(:has(h1[layout])) {
 
         /* code + side-by-side */
 
-        &:has(> :is(pre:first-child, h1:first-child + pre) + h3) {
+        &:has(> :is(pre:first-child, h1:first-child + pre) + h3:first-of-type) {
             --slide-code-template: "c c c c c c c c c c c c";
+            --slide-body-template:
+                var(--slide-code-template)
+                var(--slide-titles-template)
+                var(--slide-list-template)
+                var(--slide-image-template);
             --grid-content-rows: min-content min-content minmax(50%, 1fr);
         }
 
@@ -985,6 +1004,8 @@ slide-view:not(:has(h1[layout])) {
                 > img:only-child
         ) {
             --slide-header-template: "h h h h   i i i i   i i i i";
+            --slide-body-template: var(--slide-titles-template)
+                var(--slide-code-template) var(--slide-list-template);
         }
 
         /* extra stuff after side-by-side */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "presi-slides",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Make slides with Markdown",
   "keywords": [
     "Presentation",

package/public/slides.css

@@ -669,7 +669,7 @@ slide-view:not(:has(h1[layout])) {
 
     /* initial <aside> */
 
-    &:has(> aside:where(first-child, :is(h1, header):first-of-type + *)) {
+    &:has(> aside:where(:first-child, :is(h1, header):first-of-type + *)) {
         --slide-body-template: var(--slide-aside-template);
         --slide-aside-template: "b b b b   b b b b   a a a a";
 
@@ -683,15 +683,13 @@ slide-view:not(:has(h1[layout])) {
 
         > aside {
             grid-area: a;
-            &:has(> :only-child) {
+            &:has(> :only-child, > p:first-child > img:only-child) {
                 display: contents;
             }
             > :is(ul, ol, pre, blockquote, p:not(:has(> img:only-child))) {
                 grid-area: a;
             }
-            > p:only-child > img:only-child {
-                grid-area: i;
-            }
+
         }
 
         > aside
@@ -709,13 +707,27 @@ slide-view:not(:has(h1[layout])) {
 
         /* <aside> containing image */
         &:has(aside > p > img:only-child) {
+            &:has(h1:first-child) {
+                --slide-header-template: "h h h h  h h h h   i i i i";
+            }
+
             --slide-aside-template: "b b b b   b b b b   i i i i"
                 "b b b b   b b b b   a a a a";
+            --grid-content-rows: minmax() minmax(min-content, 1fr);
 
-            > aside:has(p:only-child > img:only-child) {
+            > aside:has(p:first-child > img:only-child) {
                 display: contents;
+
+                > p:first-child {
+                    display: contents;
+                }
+                > p > img:only-child {
+                    grid-area: i;
+                }
+
             }
 
+
             &:has(
                 :is(h1, header):first-of-type
                     + aside
@@ -905,6 +917,7 @@ slide-view:not(:has(h1[layout])) {
             var(--slide-image-template);
         --grid-content-rows: min-content minmax(20%, 1fr);
 
+
         &:has(
             > h3 + p > img:only-child:not(.full),
             > h3 + :not(h3) + p > img:only-child:not(.full),
@@ -974,8 +987,13 @@ slide-view:not(:has(h1[layout])) {
 
         /* code + side-by-side */
 
-        &:has(> :is(pre:first-child, h1:first-child + pre) + h3) {
+        &:has(> :is(pre:first-child, h1:first-child + pre) + h3:first-of-type) {
             --slide-code-template: "c c c c c c c c c c c c";
+            --slide-body-template:
+                var(--slide-code-template)
+                var(--slide-titles-template)
+                var(--slide-list-template)
+                var(--slide-image-template);
             --grid-content-rows: min-content min-content minmax(50%, 1fr);
         }
 
@@ -986,6 +1004,8 @@ slide-view:not(:has(h1[layout])) {
                 > img:only-child
         ) {
             --slide-header-template: "h h h h   i i i i   i i i i";
+            --slide-body-template: var(--slide-titles-template)
+                var(--slide-code-template) var(--slide-list-template);
         }
 
         /* extra stuff after side-by-side */

package/slide-decks/Sample Presi.textbundle/text.md

@@ -79,7 +79,47 @@ title: Sample Presi
 | Headers | `User-Agent: Mozilla/5.0…` | `Content-Type: application/json` |
 | Body | `<!DOCTYPE html> <html lang="en"> … </html>` | `{"squadName": "SuperHeroSquad", …}`  |
 
+---
+
+# Slide 7
+
+<aside>
+
+![](assets/image-timbl.png)
+
+> Cool URIs don't change {.full}
+> 
+> —Tim Berners-Lee {.attribution}
+
+
+
+</aside>
+
+- A resource's URL should never change
+- Resource itself may change
+- Physical storage location may change
+  - Client shouldn't care
+
+---
+
+
+# Slide 7
+
+```HTML {.full}
+<a href="http://example.com/other.html"/>Some other page</a>`
+```
+	
 
+### Syntax
+- `a` is for **A**nchor
+- `href` attribute
+  - value is a URL (as defined by HTTP)
+- Content model: mixed content 
 
+### Semantics
+- creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address
+- Default behavior:
+  - load the referenced resource
+  
 ---
 tags: #slides