From 4f026e45a8d2ad4a84d541648847885d55e09d4d Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@jermolene.com>
Date: Sun, 10 Sep 2023 12:29:11 +0100
Subject: [PATCH] Add a tour logo

---
 .../tour/images/tiddlywiki-tour-logo.svg      | 28 +++++++++++++++++++
 .../tour/images/tiddlywiki-tour-logo.svg.meta |  2 ++
 plugins/tiddlywiki/tour/styles.tid            | 12 ++++++--
 plugins/tiddlywiki/tour/tour-panel.tid        |  2 +-
 4 files changed, 41 insertions(+), 3 deletions(-)
 create mode 100644 plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg
 create mode 100644 plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg.meta

diff --git a/plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg b/plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg
new file mode 100644
index 000000000..100556513
--- /dev/null
+++ b/plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 500 335" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.488281,0,0,0.436198,0,0)">
+        <rect id="Artboard1" x="0" y="0" width="1024" height="768" style="fill:none;"/>
+        <clipPath id="_clip1">
+            <rect id="Artboard11" serif:id="Artboard1" x="0" y="0" width="1024" height="768"/>
+        </clipPath>
+        <g clip-path="url(#_clip1)">
+            <g transform="matrix(3.66495,0,0,4.10256,0,0.218772)">
+                <g transform="matrix(1,0,0,1,-59.5095,-391.468)">
+                    <path d="M320.725,420.421C326.96,417.788 332.843,414.256 338.913,411.253C338.882,411.406 338.722,411.458 338.626,411.561C328.964,419.375 327.614,432.589 328.751,444.808C329.174,451.149 327.382,458.033 325.167,464.525C321.022,475.102 313.017,486.251 303.726,485.68C300.214,485.568 298.174,483.58 295.563,481.456C295.057,485.757 293.067,489.595 291.148,493.398C286.718,501.831 275.14,505.548 264.419,514.553C253.699,523.558 267.849,555.718 271.28,561.578C274.711,567.439 284.287,569.583 280.571,574.872C279.434,576.618 277.696,577.243 275.838,577.921L273.318,578.249C262.308,577.938 257.466,577.965 251.859,568.744L247.489,568.87C242.402,568.644 244.522,568.746 241.129,568.577C235.455,568.356 236.364,562.965 235.366,560.117C233.769,550.449 237.478,540.73 237.361,531.06C237.32,527.627 232.462,515.476 230.727,511.132C225.287,512.156 219.817,512.351 214.298,512.626C201.576,512.595 188.94,511.037 176.396,509.059C173.952,519.157 166.686,533.291 172.692,543.554C179.982,554.17 185.098,557.111 193.028,557.751C200.957,558.39 202.748,567.343 200.829,570.541C199.131,572.751 196.147,573.152 193.611,573.687L188.539,573.925C184.548,573.791 180.98,572.714 177.424,571.052C171.485,567.736 165.351,560.844 160.793,555.895C161.854,557.871 162.487,561.729 161.525,563.524C158.83,567.341 147.176,567.318 141.839,564.946C135.776,562.252 121.125,543.335 118.86,529.168C124.886,517.772 133.665,507.845 138.106,495.437C128.425,489.26 123.24,479.204 123.913,467.813L124.156,466.494C114.631,468.277 119.57,467.614 109.323,468.389C76.689,468.289 47.99,446.162 64.15,411.773C65.201,409.737 66.201,407.885 67.982,408.77C69.412,409.479 69.207,412.325 68.487,415.481C59.25,456.572 104.396,456.886 132.149,449.282C134.903,448.528 140.381,443.444 144.176,441.759C150.379,439.004 157.111,437.887 163.793,437.082C180.411,435.188 200.384,443.943 210.533,444.228C220.681,444.514 235.118,441.798 243.98,442.37C250.41,442.664 256.724,443.825 262.928,445.478C266.944,425.911 267.228,411.489 276.748,408.151C281.18,408.851 284.806,413.787 287.706,417.829L287.706,423.746C287.706,428.653 295.104,432.636 304.216,432.636C313.328,432.636 320.725,428.653 320.725,423.746L320.725,420.421ZM151.046,554.19L152.645,554.662C154.654,553.763 158.693,555.152 160.836,555.832C156.89,551.458 150.947,545.035 146.664,540.986C145.259,536.084 145.859,531.152 146.161,526.148L146.222,525.734C144.534,529.74 142.391,533.634 141.24,537.85C139.893,543.539 147.228,549.677 150.073,553.194L151.046,554.19Z"/>
+                </g>
+                <g transform="matrix(2.12347,0,0,2.12347,219.225,-7.42467)">
+                    <g transform="matrix(1,0,0,0.666667,-0.185118,3.43957)">
+                        <path d="M0.667,9.362C0.576,9.293 0.518,9.153 0.518,9C0.518,8.847 0.576,8.707 0.667,8.638C2.756,7.072 10.971,0.911 12.065,0.09C12.14,0.033 12.23,0.033 12.306,0.09C13.399,0.911 21.614,7.072 23.703,8.638C23.794,8.707 23.852,8.847 23.852,9C23.852,9.153 23.794,9.293 23.703,9.362C21.614,10.928 13.399,17.089 12.306,17.91C12.23,17.967 12.14,17.967 12.065,17.91C10.971,17.089 2.756,10.928 0.667,9.362Z"/>
+                    </g>
+                    <g transform="matrix(1,0,0,1,1.77636e-15,4.43957)">
+                        <path d="M18.5,8.75L18.5,13.744C18.5,15.675 15.587,17.244 12,17.244C8.413,17.244 5.5,15.675 5.5,13.744L5.5,8.75L11.951,11.975C11.982,11.991 12.018,11.991 12.049,11.975L18.5,8.75Z"/>
+                    </g>
+                    <g transform="matrix(1,0,0,0.648293,19.2746,5.5086)">
+                        <path d="M2,6L2.207,11L1.526,14C1.526,14 1.524,14.709 2.5,14.717C3.421,14.724 3.5,14 3.5,14L2.707,11L3,6L2,6Z"/>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg.meta b/plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg.meta
new file mode 100644
index 000000000..c2c789d5b
--- /dev/null
+++ b/plugins/tiddlywiki/tour/images/tiddlywiki-tour-logo.svg.meta
@@ -0,0 +1,2 @@
+title: $:/plugins/tiddlywiki/tour/tiddlywiki-tour-logo
+type: image/svg+xml
diff --git a/plugins/tiddlywiki/tour/styles.tid b/plugins/tiddlywiki/tour/styles.tid
index 86b788262..c183da93c 100644
--- a/plugins/tiddlywiki/tour/styles.tid
+++ b/plugins/tiddlywiki/tour/styles.tid
@@ -37,11 +37,19 @@ tags: $:/tags/Stylesheet
 }
 
 .tc-tour-panel-controls-icon {
+	fill: <<colour muted-foreground>>;
 	vertical-align: middle;
 }
 
 .tc-tour-panel-fullscreen .tc-tour-panel-controls {
-	<!-- display: none; -->
+	/* display: none; */
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	background: <<colour very-muted-foreground>>;
+	padding: 4px;
+	color: <<colour background>>;
 }
 
 .tc-tour-panel .tc-tour-panel-banner-image {
@@ -52,7 +60,7 @@ tags: $:/tags/Stylesheet
 	display: block;
 	width: 200px;
 	float: right;
-	margin: 2em;
+	margin: 4em 2em 2em 2em;
 }
 
 .tc-tour-panel-fullscreen .tc-tour-panel-inner {
diff --git a/plugins/tiddlywiki/tour/tour-panel.tid b/plugins/tiddlywiki/tour/tour-panel.tid
index 1fb4aa911..ea3940c1a 100644
--- a/plugins/tiddlywiki/tour/tour-panel.tid
+++ b/plugins/tiddlywiki/tour/tour-panel.tid
@@ -19,7 +19,7 @@ next
 
 <$list filter="[{$:/config/ShowTour}!is[blank]else[show]match[show]]" variable="ignore">
 <div class={{{ tc-tour-panel [{$:/state/tour/step}get[display-mode]else[normal]addprefix[tc-tour-panel-]] +[join[ ]] }}}>
-[img class="tc-tour-panel-banner-image" [$:/tour/BannerImage]]
+[img class="tc-tour-panel-banner-image" [$:/plugins/tiddlywiki/tour/tiddlywiki-tour-logo]]
 <div class="tc-tour-panel-inner">
 <div class="tc-tiddler-controls tc-tour-panel-controls">
 <$button set="$:/config/ShowTour" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <span class="tc-tour-panel-controls-icon">{{$:/plugins/tiddlywiki/tour/tour-button-icon}}</span> ''Tour'': {{$:/tags/TourStep!!text}}