@abreen/tada 1.16.4 → 1.16.6

package/README.md

@@ -216,6 +216,11 @@ Example site configuration YAML file:
 ```yaml
 title: Intro to Computer Science
 titlePostfix: " - CS 0"
+banner: |
+  The semester is now closed. Final grades will become available on
+  [Gradescope](https://example.org/course/12345) on December 30.
+
+  This site is an archive. This is how the site appeared on December 27, 2020.
 symbol: CS 0
 themeColor: hsl(351 70% 40%)
 tintAmount: 0
@@ -257,6 +262,7 @@ vars:
 |-------|-------------|
 | `title` | Title for the whole site (also used to derive `titlePostfix`) |
 | `titlePostfix` | *Optional*, the string to append to each page's `title` |
+| `banner` | *Optional*, Markdown rendered in a bordered box above every page |
 | `symbol` | Text (1-5 chars) displayed in header (also used as the favicon symbol) |
 | `themeColor` | Theme color for the site (e.g., `"tomato"`, `"#c04040"`, `"hsl(195 70% 40%)"`) |
 | `tintHue` | *Optional*, hue (0-360) for background and foreground tinting (default `20`) |

package/assets/material-symbols/celebration_24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m70.91-65.41 210.05-587.74 377.93 377.93L70.91-65.41Zm150.18-149.94L492.8-312 317.74-487.07l-96.65 271.72Zm370.24-239.06L545.74-500l219.93-219.93q33.44-33.44 80.71-33.44 47.27 0 80.71 33.44l24 24-45.83 45.58-24-24q-14-14-35-14t-35 14L591.33-454.41ZM423.91-621.59l-45.58-45.82 22.56-22.57q14-14 14-34t-14-34l-26-26 45.59-45.59 26 26q33.43 33.44 33.43 79.71 0 46.27-33.43 79.71l-22.57 22.56ZM507.74-538l-45.83-45.59 141.13-141.13q14-14 14-35t-14-35l-64-64 45.83-45.58 64 64q33.43 33.43 33.43 80.58t-33.43 80.59L507.74-538Zm167.17 167.41-45.58-45.82 62.56-62.57q33.44-33.43 80.71-33.43 47.27 0 80.7 33.43l64 64-45.82 45.83-64-64q-14-14-35-14t-35 14l-62.57 62.56ZM221.09-215.35Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m96.85-94.15 184.77-517.54 332.77 332.77L96.85-94.15ZM206.69-204l288-102-186-184-102 286Zm358.93-245.69-37.08-35.08 226.77-226.77q31.15-31.15 74.54-31.15 43.38 0 74.53 31.15l20.77 22.77-35.53 35.08-20.77-20.77q-17.62-17.62-39.23-17.62-21.62 0-39.24 17.62L565.62-449.69ZM413.31-602l-37.08-37.08 26-24q17.69-17.69 17.69-41.46T402.23-746l-26.46-26.46 37.08-35.08 24.46 24.46q32 32 32 78.54 0 46.54-32 78.54l-24 24Zm76.15 76.15-37.08-35.07 144.77-144.77q17.62-17.62 17.62-39.23 0-21.62-17.62-39.23l-62.77-60.77L571.46-882l60.77 62.77q31.92 31.92 31.92 75.31 0 43.38-31.92 75.3L489.46-525.85Zm152.31 152.31-37.08-35.08 53.7-53.69q32.76-32.77 79.3-32.77T817-462.31l53.69 53.69-37.07 35.08-51.7-51.69q-18.46-18.46-43.23-18.46-24.77 0-43.23 18.46l-53.69 51.69ZM206.69-204Z"/></svg>

package/assets/material-symbols/close_24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M256-192.35 192.35-256l224-224-224-224L256-767.65l224 224 224-224L767.65-704l-224 224 224 224L704-192.35l-224-224-224 224Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M252-203.69 205.69-252l227-228-227-230L252-758.31l229 230 227-230L754.31-710l-227 230 227 228L708-203.69l-227-230-229 230Z"/></svg>

package/assets/material-symbols/contrast_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M327.89-118.47q-71.43-30.6-125.13-84.29-53.69-53.7-84.29-125.13-30.6-71.44-30.6-152.61 0-81.17 30.6-152.11 30.6-70.93 84.29-124.63 53.7-53.69 125.13-84.29 71.44-30.6 152.61-30.6 81.17 0 152.11 30.6 70.93 30.6 124.63 84.29 53.69 53.7 84.29 124.63 30.6 70.94 30.6 152.11 0 81.17-30.6 152.61-30.6 71.43-84.29 125.13-53.7 53.69-124.63 84.29-70.94 30.6-152.11 30.6-81.17 0-152.61-30.6Zm190.98-54.88q115.09-14.95 192.67-100.9Q789.13-360.2 789.13-480q0-119.09-77.59-205.27-77.58-86.19-192.67-101.14v613.06Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M334.22-133.34q-68.23-29.34-119.86-80.92-51.63-51.58-80.99-119.76Q104-402.19 104-480.37q0-78.17 29.34-145.91 29.34-67.73 80.92-119.36 51.58-51.63 119.76-80.99Q402.19-856 480.37-856q78.17 0 145.91 29.34 67.73 29.34 119.36 80.92 51.63 51.58 80.99 119.26Q856-558.81 856-480.63q0 78.17-29.34 146.41-29.34 68.23-80.92 119.86-51.58 51.63-119.26 80.99Q558.81-104 480.63-104q-78.17 0-146.41-29.34ZM490-160.69q127.62-8.08 217.81-98.35T798-480q0-130.69-89.42-220.19-89.43-89.5-218.58-99.12v638.62Z"/></svg>

package/assets/material-symbols/contrast_rtl_off_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="m771.83-84.98-70.81-70.56q-49.95 32.71-105.75 50.19-55.8 17.48-115.24 17.48-80.94 0-152.37-30.62-71.44-30.62-125-84.17-53.55-53.56-84.17-125-30.62-71.43-30.62-152.37 0-59.44 17.48-115.24t50.19-105.75L88.8-768l53.4-53.39 683.02 683.02-53.39 53.39ZM480-170.87q43.04 0 83.45-12.52 40.4-12.52 77.68-33.04L480-377.57v206.7Zm327.09-92.41-61.37-60.13q20.29-36.49 31.85-75.73 11.56-39.25 11.56-80.86 0-129.04-90.16-219.09-90.16-90.04-218.97-90.04v198.76L263.28-807.09q48.16-31.54 103.34-48.29Q421.8-872.13 480-872.13q81.91 0 152.84 30.62 70.94 30.62 124.5 84.17 53.55 53.56 84.17 124.5 30.62 70.93 30.62 152.84 0 58.2-16.75 113.38-16.75 55.18-48.29 103.34Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="m798.38-95.77-88.3-88.31q-50.46 37.39-108.68 58.73Q543.17-104 480-104q-77.34 0-145.88-29.37-68.54-29.37-119.96-80.79-51.42-51.42-80.79-119.96Q104-402.66 104-480q0-63.17 21.35-121.4 21.34-58.22 58.73-108.68l-68.62-68.61L156-819.23l682.92 682.92-40.54 40.54ZM480-162q51.77 0 99.62-17.15 47.84-17.16 89.46-46.93L480-415.15V-162Zm317-116.69-41.77-40.77Q776-358.23 787-398.48q11-40.25 11-81.52 0-133-92.5-225.5T480-798v202.31L278.69-797q44.8-28.66 96.09-43.83Q426.07-856 480-856q78.59 0 146.84 28.85Q695.1-798.3 746.7-746.7q51.6 51.6 80.45 119.86Q856-558.59 856-480q0 53.93-15.17 105.22T797-278.69Z"/></svg>

package/assets/material-symbols/info_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M440.41-284.41h79.18V-528h-79.18v243.59Zm68.44-322.47q11.93-11.67 11.93-28.91 0-17.24-11.66-29.12-11.67-11.87-28.91-11.87-17.24 0-29.12 11.66-11.87 11.67-11.87 28.91 0 17.24 11.72 29.12 11.73 11.87 28.85 11.87t29.06-11.66ZM480.28-87.87q-81.19 0-152.62-30.62-71.44-30.62-125-84.17-53.55-53.56-84.17-124.95Q87.87-399 87.87-480.46q0-81.45 30.62-152.38 30.62-70.94 84.17-124.5 53.56-53.55 124.95-84.17 71.39-30.62 152.85-30.62 81.45 0 152.38 30.62 70.94 30.62 124.5 84.17 53.55 53.56 84.17 124.72 30.62 71.16 30.62 152.34 0 81.19-30.62 152.62-30.62 71.44-84.17 125-53.56 53.55-124.72 84.17-71.16 30.62-152.34 30.62Zm-.28-83q129.04 0 219.09-90.04 90.04-90.05 90.04-219.09 0-129.04-90.04-219.09-90.05-90.04-219.09-90.04-129.04 0-219.09 90.04-90.04 90.05-90.04 219.09 0 129.04 90.04 219.09 90.05 90.04 219.09 90.04ZM480-480Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M452-292h58v-236h-58v236Zm49.35-309.61q9.27-8.7 9.27-21.54 0-12.85-8.7-21.93-8.69-9.07-21.53-9.07-12.85 0-21.93 8.69t-9.08 21.54q0 12.84 8.89 21.92 8.88 9.08 21.34 9.08 12.47 0 21.74-8.69ZM480.41-104q-77.59 0-146.17-29.36-68.57-29.36-120.02-80.76-51.45-51.4-80.83-119.88Q104-402.47 104-480.32q0-78.11 29.42-146.42 29.42-68.3 80.92-119.91 51.5-51.62 119.87-80.48Q402.59-856 480.32-856q78.1 0 146.4 28.84 68.29 28.84 119.92 80.42 51.63 51.58 80.49 120.07Q856-558.19 856-480.33q0 77.87-28.84 146.11-28.84 68.23-80.41 119.78-51.57 51.55-120.03 81Q558.25-104 480.41-104Zm-.41-58q132.51 0 225.26-92.74Q798-347.49 798-480t-92.74-225.26Q612.51-798 480-798t-225.26 92.74Q162-612.51 162-480t92.74 225.26Q347.49-162 480-162Zm0-318Z"/></svg>

package/assets/material-symbols/info_40px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 -960 960 960" width="40"><path d="M445.72-277.05h72.56V-520h-72.56v242.95Zm62.24-326.08q11.36-11.11 11.36-27.54 0-17.17-11.3-28.58-11.3-11.4-28.01-11.4-16.88 0-28.11 11.4-11.22 11.41-11.22 28.5 0 16.53 11.37 27.63 11.36 11.11 27.95 11.11t27.96-11.12ZM480.2-73.3q-84.44 0-158.48-31.96-74.03-31.96-129.27-87.19-55.23-55.24-87.19-129.3Q73.3-395.82 73.3-480.31q0-84.5 31.96-158.58 31.96-74.09 87.17-129t129.28-86.94q74.08-32.03 158.59-32.03t158.61 32.02q74.11 32.02 129 86.91 54.9 54.88 86.92 129.08 32.03 74.2 32.03 158.67 0 84.46-32.03 158.5-32.03 74.03-86.94 129.12t-129.08 87.17Q564.64-73.3 480.2-73.3Zm.13-75.76q138.05 0 234.33-96.51 96.28-96.52 96.28-234.76 0-138.05-96.16-234.33-96.15-96.28-234.86-96.28-137.79 0-234.33 96.16-96.53 96.15-96.53 234.86 0 137.79 96.51 234.33 96.52 96.53 234.76 96.53ZM480-480Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 -960 960 960" width="40"><path d="M456.05-289.33h51.18V-520h-51.18v230.67Zm44.42-304.49q8.71-8.18 8.71-20.67 0-13.3-8.37-21.4-8.37-8.11-20.62-8.11-13.52 0-21.45 7.93-7.92 7.93-7.92 20.89 0 12.91 8.58 21.23 8.57 8.31 20.47 8.31 11.9 0 20.6-8.18ZM480.01-98.67q-79.35 0-148.51-30.19-69.17-30.19-120.78-81.76-51.61-51.57-81.83-120.81-30.22-69.24-30.22-148.77 0-79.03 30.25-148.6t82.04-121.42q51.8-51.85 120.76-81.48 68.97-29.63 148.18-29.63 79.07 0 148.84 29.6 69.77 29.6 121.48 81.42 51.71 51.82 81.41 121.55 29.7 69.73 29.7 148.84 0 79.62-29.6 148.33-29.6 68.72-81.41 120.42-51.8 51.7-121.52 82.1-69.71 30.4-148.79 30.4Zm.32-51.18q137.11 0 233.46-96.43 96.36-96.44 96.36-234.05 0-137.11-96.23-233.46-96.23-96.36-233.92-96.36-137.28 0-233.72 96.23-96.43 96.23-96.43 233.92 0 137.28 96.43 233.72 96.44 96.43 234.05 96.43ZM480-480Z"/></svg>

package/assets/material-symbols/menu_24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M111.87-228.28v-91h736.26v91H111.87Zm0-206.22v-91h736.26v91H111.87Zm0-206.22v-91h736.26v91H111.87Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M128-251.23v-66h704v66H128ZM128-448v-66h704v66H128Zm0-196.77v-66h704v66H128Z"/></svg>

package/assets/material-symbols/open_in_new_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M218.87-135.87q-34.48 0-58.74-24.26-24.26-24.26-24.26-58.74v-522.26q0-34.48 24.26-58.74 24.26-24.26 58.74-24.26H480v83H218.87v522.26h522.26V-480h83v261.13q0 34.48-24.26 58.74-24.26 24.26-58.74 24.26H218.87ZM394.41-336 336-394.41l346.72-346.72H576v-83h248.13V-576h-83v-106.72L394.41-336Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M234.62-152q-35.05 0-58.83-23.79Q152-199.57 152-234.62v-490.76q0-35.05 23.79-58.83Q199.57-808 234.62-808h233.61v58H234.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v490.76q0 9.24 7.69 16.93 7.69 7.69 16.93 7.69h490.76q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-233.61h58v233.61q0 35.05-23.79 58.83Q760.43-152 725.38-152H234.62Zm150.92-192.23-41.31-41.31L708.69-750H595v-58h213v213h-58v-113.69L385.54-344.23Z"/></svg>

package/assets/material-symbols/search_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M764.52-134.91 523.85-375.59q-29.76 21.05-65.44 33.07-35.67 12.02-76.29 12.02-102.19 0-173.86-71.67-71.67-71.68-71.67-173.83t71.67-173.83q71.67-71.67 173.83-71.67 102.15 0 173.82 71.67 71.68 71.68 71.68 173.86 0 40.86-12.02 76.3-12.03 35.43-33.07 64.95l240.91 241.15-58.89 58.66ZM382.09-413.5q67.84 0 115.17-47.33 47.33-47.32 47.33-115.17t-47.33-115.17q-47.33-47.33-115.17-47.33-67.85 0-115.18 47.33-47.32 47.32-47.32 115.17t47.32 115.17q47.33 47.33 115.18 47.33Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M769.38-151.85 529.92-391.31q-30 22.54-70.29 34.54-40.29 12-77.06 12-96.95 0-165.11-68.15-68.15-68.16-68.15-165.08 0-96.92 68.15-165.08 68.16-68.15 165.08-68.15 96.92 0 165.08 68.15 68.15 68.16 68.15 165.11 0 39.08-11.77 76.87-11.77 37.79-33.77 67.48l240.46 240.47-41.31 41.3ZM382.54-402.77q74.61 0 124.92-50.31 50.31-50.3 50.31-124.92t-50.31-124.92q-50.31-50.31-124.92-50.31-74.62 0-124.92 50.31-50.31 50.3-50.31 124.92t50.31 124.92q50.3 50.31 124.92 50.31Z"/></svg>

package/assets/material-symbols/smart_display_24px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M379.28-296.65 664.3-480 379.28-663.35v366.7ZM162.87-151.87q-37.78 0-64.39-26.61t-26.61-64.39v-474.26q0-37.78 26.61-64.39t64.39-26.61h634.26q37.78 0 64.39 26.61t26.61 64.39v474.26q0 37.78-26.61 64.39t-64.39 26.61H162.87Zm0-91h634.26v-474.26H162.87v474.26Zm0 0v-474.26 474.26Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M386-310.92 649.08-480 386-649.08v338.16ZM184.62-176q-38.35 0-64.48-26.14Q94-228.27 94-266.62v-426.76q0-38.35 26.14-64.48Q146.27-784 184.62-784h590.76q38.35 0 64.48 26.14Q866-731.73 866-693.38v426.76q0 38.35-26.14 64.48Q813.73-176 775.38-176H184.62Zm0-66h590.76q9.24 0 16.93-7.69 7.69-7.69 7.69-16.93v-426.76q0-9.24-7.69-16.93-7.69-7.69-16.93-7.69H184.62q-9.24 0-16.93 7.69-7.69 7.69-7.69 16.93v426.76q0 9.24 7.69 16.93 7.69 7.69 16.93 7.69ZM160-242v-476 476Z"/></svg>

package/assets/material-symbols/south_east_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M380.41-208.59v-83h229.35L183.87-717.48l58.65-58.65 425.89 425.89v-229.35h83v371h-371Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M386-224v-58h250.69L200-718.69 241.31-760 678-323.31V-574h58v350H386Z"/></svg>

package/assets/material-symbols/warning_20px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M41.07-139.93 480-872.13l438.93 732.2H41.07Zm139.91-79.42h598.04L480-717.3 180.98-219.35Zm325.24-56.14q10.98-10.76 10.98-26.21 0-15.45-10.77-26.31t-26.22-10.86q-15.45 0-26.43 10.65t-10.98 26.1q0 15.45 10.77 26.42 10.77 10.98 26.22 10.98t26.43-10.77ZM444-384h72v-189.37h-72V-384Zm36-84.33Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M65.23-142 480-830l414.77 688H65.23ZM169-200h622L480-718 169-200Zm335.35-62.44q10.27-10.06 10.27-23.35 0-13.29-10.06-23.56t-23.35-10.27q-13.29 0-23.56 10.06t-10.27 23.35q0 13.29 10.06 23.56t23.35 10.27q13.29 0 23.56-10.06ZM452-364.62h58v-196h-58v196ZM480-459Z"/></svg>

package/assets/material-symbols/warning_40px.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 -960 960 960" width="40"><path d="M34.18-116.57 480-886.86l445.82 770.29H34.18Zm126.17-72.97h639.3L480-741.09 160.35-189.54Zm346.79-59.03q9.9-10.02 9.9-24.47 0-14.46-10.02-24.24-10.01-9.78-24.47-9.78-14.46 0-24.35 9.9-9.9 9.89-9.9 24.35t10.01 24.35q10.02 9.9 24.47 9.9 14.46 0 24.36-10.01ZM449.33-352H516v-213.85h-66.67V-352ZM480-465.31Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 -960 960 960" width="40"><path d="M74.56-132 480-830.67 885.44-132H74.56Zm89.08-51.18h632.72L480-728.31 163.64-183.18Zm339.4-62.64q8.96-9.08 8.96-20.91t-9.21-21.13q-9.21-9.29-21.24-9.29-12.04 0-21 9.42t-8.96 21.25q0 11.84 9.21 20.79t21.24 8.95q12.04 0 21-9.08Zm-46.83-92.23h51.17v-210.46h-51.17v210.46ZM480-456.08Z"/></svg>

package/bin/tada.ts

@@ -340,7 +340,7 @@ async function initCommand(args: string[]): Promise<void> {
     base: 'http://localhost:8080',
     basePath: '/',
     internalDomains: ['localhost'],
-    features: { search: true, favicon: false, footer: true },
+    features: { search: true, favicon: false, footer: true, pickers: true },
     extensionToShikiLanguage: bare ? {} : { java: 'java', py: 'python' },
     shikiLanguages: bare ? [] : ['java', 'python', 'html'],
   });
@@ -355,7 +355,7 @@ async function initCommand(args: string[]): Promise<void> {
     base: prodBase,
     basePath: prodBasePath,
     internalDomains: [prodDomain],
-    features: { search: true, favicon: true, footer: true },
+    features: { search: true, favicon: true, footer: true, pickers: true },
     extensionToShikiLanguage: bare ? {} : { java: 'java', py: 'python' },
     shikiLanguages: bare ? [] : ['java', 'python', 'html'],
   });

package/build/material-symbols.ts

@@ -5,8 +5,8 @@ import { getPackageDir } from './utils/paths';
 export const MATERIAL_SYMBOL_CONFIG = Object.freeze({
   family: 'Material Symbols Outlined',
   fill: 0,
-  weight: 500,
-  grade: 0,
+  weight: 200,
+  grade: 200,
   opticalSizes: Object.freeze([20, 24, 40] as const),
   viewBox: '0 -960 960 960',
   source: 'https://fonts.google.com/icons',

package/build/site-variables.ts

@@ -14,7 +14,7 @@ const DEFAULT: Partial<SiteVariables> = {
   basePath: '/',
   defaultFont: 'sans',
   defaultContrast: 'standard',
-  features: { search: true, favicon: true, footer: true },
+  features: { search: true, favicon: true, footer: true, pickers: true },
 };
 
 const isValid = compileJsonSchema(siteSchema);

package/build/types.d.ts

@@ -37,6 +37,7 @@ export interface SiteVariables {
   basePath: string;
   title: string;
   titlePostfix: string;
+  banner?: string;
   symbol?: string;
   faviconSymbol?: string;
   themeColor: string;
@@ -62,6 +63,7 @@ export type FeatureConfig = {
   search: boolean;
   favicon: boolean;
   footer: boolean;
+  pickers: boolean;
 };
 
 /** A rendered content asset ready to write to dist/ */

package/build/utils/render.ts

@@ -90,6 +90,7 @@ interface TemplateParametersInput {
   content: string | null;
   subPath: string;
   isWatchMode: boolean;
+  bannerHtml?: string;
 }
 
 function resolveAuthor(
@@ -141,6 +142,7 @@ function createTemplateParameters({
   content,
   subPath,
   isWatchMode,
+  bannerHtml,
 }: TemplateParametersInput): Record<string, unknown> {
   const applyBasePath = createApplyBasePath(siteVariables);
   return {
@@ -149,12 +151,21 @@ function createTemplateParameters({
     site: siteVariables,
     page: pageVariables,
     content,
+    bannerHtml,
     isWatchMode,
     speculationRulesHrefMatches: `${applyBasePath('/')}*`,
     tadaVersion,
   };
 }
 
+function renderSiteBanner(siteVariables: SiteVariables): string {
+  if (!siteVariables.banner) {
+    return '';
+  }
+
+  return createMarkdown(siteVariables).render(siteVariables.banner);
+}
+
 export function injectAssetTags(
   html: string,
   assetFiles: string[],
@@ -290,6 +301,7 @@ export function renderPlainTextPageAsset({
     content,
     subPath,
     isWatchMode: watchMode,
+    bannerHtml: renderSiteBanner(siteVariables),
   });
 
   const templateHtml = render(
@@ -371,6 +383,7 @@ export function renderCodePageAsset({
     content,
     subPath,
     isWatchMode: isWatchMode(assetFiles),
+    bannerHtml: renderSiteBanner(siteVariables),
   });
 
   const templateHtml = render('code.html', templateParameters) as string;
@@ -714,6 +727,7 @@ export function renderLiterateJavaPageAsset({
     content: contentHtml,
     subPath,
     isWatchMode: isWatchMode(assetFiles),
+    bannerHtml: renderSiteBanner(siteVariables),
   });
 
   const templateHtml = render('literate.html', templateParameters) as string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abreen/tada",
-  "version": "1.16.4",
+  "version": "1.16.6",
   "type": "module",
   "description": "A static site generator",
   "license": "MIT",

package/schema/site.schema.json

@@ -4,11 +4,17 @@
   "properties": {
     "features": {
       "type": "object",
-      "default": { "search": true, "favicon": true, "footer": true },
+      "default": {
+        "search": true,
+        "favicon": true,
+        "footer": true,
+        "pickers": true
+      },
       "properties": {
         "search": { "type": "boolean", "default": true },
         "favicon": { "type": "boolean", "default": true },
-        "footer": { "type": "boolean", "default": true }
+        "footer": { "type": "boolean", "default": true },
+        "pickers": { "type": "boolean", "default": true }
       },
       "additionalProperties": false
     },
@@ -24,6 +30,7 @@
       "items": { "type": "string", "pattern": "^[-.:a-zA-Z0-9]+$" }
     },
     "title": { "type": "string" },
+    "banner": { "type": "string" },
     "symbol": { "type": "string", "pattern": "^[A-Z0-9\\- ]{1,5}$" },
     "titlePostfix": { "type": "string" },
     "themeColor": { "type": "string" },

package/src/_alerts.scss

@@ -35,11 +35,6 @@
     background: inherit;
   }
 
-  time[datetime].is-modified {
-    // Reset the underline color
-    text-decoration: underline dotted;
-  }
-
   a {
     @include link-underline;
 
@@ -107,3 +102,10 @@ i.warning {
 .alert > p:last-child {
   margin-bottom: 0;
 }
+
+.site-banner {
+  color: var(--fg2-color);
+  background: none;
+  border: 1px solid var(--fg2-color);
+  border-radius: var(--border-radius);
+}

package/src/_layout.scss

@@ -157,7 +157,7 @@ body.literate main table {
       .text {
         color: var(--fg2-color);
         text-decoration: underline;
-        text-decoration-thickness: 1px;
+        text-decoration-thickness: from-font;
         text-underline-offset: 3px;
       }
 

package/src/_mixins.scss

@@ -5,7 +5,7 @@
 
 @mixin link-underline {
   text-decoration-line: underline;
-  text-decoration-thickness: 1px;
+  text-decoration-thickness: from-font;
   text-decoration-color: currentcolor;
   text-underline-offset: 0.11rem;
 }

package/src/navigate/style.scss

@@ -42,6 +42,23 @@ $duration: 150ms;
   animation-duration: $duration;
 }
 
+// The site-wide banner does not change between pages. Keep it out of the root
+// slide and pin its named transition layer in place without a crossfade.
+.site-banner {
+  view-transition-name: site-banner;
+}
+
+::view-transition-group(site-banner),
+::view-transition-old(site-banner),
+::view-transition-new(site-banner) {
+  animation: none;
+}
+
+::view-transition-old(site-banner),
+::view-transition-new(site-banner) {
+  mix-blend-mode: normal;
+}
+
 // Forward navigation: old content slides left, new content slides in from right
 .nav-forward::view-transition-old(root) {
   animation: slide-out-left $duration ease-in;

package/src/search/index.ts

@@ -598,6 +598,7 @@ export default (window: Window) => {
   window.addEventListener('pointermove', handleWindowPointerMove);
   window.addEventListener('keydown', handleWindowKeyDown);
   window.addEventListener(PAGE_UPDATE_REFRESH_EVENT, handlePageUpdateRefresh);
+  input.disabled = false;
 
   return () => {
     window.removeEventListener(

package/templates/_appearance-picker.html

@@ -1,3 +1,4 @@
+<% if (site.features.pickers) { %>
 <div class="appearance-pickers" data-pagefind-ignore>
   <div class="preference-picker font-picker" role="group" aria-label="Font style">
     <button type="button" class="preference-picker-option font-picker-option-sans" data-font-preference-value="sans" aria-label="Use sans-serif fonts" aria-pressed="<%= site.defaultFont === 'sans' %>" disabled>
@@ -16,3 +17,4 @@
     </button>
   </div>
 </div>
+<% } %>

package/templates/_top.html

@@ -117,7 +117,6 @@
                  aria-expanded="false"
                  aria-controls="quick-search-results"
                  disabled />
-          <script>document.currentScript.previousElementSibling.disabled=false;</script>
         </div>
         <% } %>
       </div>
@@ -137,3 +136,8 @@
       </details>
     </header>
     <div class="container">
+      <% if (site.banner) { %>
+      <aside class="site-banner alert" data-pagefind-ignore>
+        <div class="content"><%= bannerHtml %></div>
+      </aside>
+      <% } %>