Merge branch 'tiddlywiki-com'

editions/prerelease/tiddlers/system/DefaultTiddlers.tid

@@ -2,6 +2,7 @@ created: 20131127215321439
 modified: 20140912135951542
 title: $:/DefaultTiddlers
 
+[[Hire the creator of TiddlyWiki]]
 [[TiddlyWiki Pre-release]]
 HelloThere
 [[Quick Start]]

editions/tw5.com/tiddlers/definitions/Intertwingled Innovations.tid

@@ -4,6 +4,6 @@ tags: Definitions
 title: Intertwingled Innovations
 type: text/vnd.tiddlywiki
 
-Intertwingled Innovations Limited is the company through which [[JeremyRuston]] performs commercial consultancy work helping companies and individuals release the business value of TiddlyWiki.
+Intertwingled Innovations Limited is [[JeremyRuston]]'s company through which he offers services helping organisations release the business value of TiddlyWiki.
 
 See https://intertwingledinnovations.com/ for more information.

editions/tw5.com/tiddlers/hire-jeremy/Hire Jeremy Sidebar Segment.tid

@@ -0,0 +1,15 @@
+title: Hire Jeremy Sidebar Segment
+created: 20250708130030654
+modified: 20250708130030654
+tags: $:/tags/SideBarSegment
+list-after: $:/core/ui/SideBarSegments/site-subtitle
+
+<div class="yellow-note-sidebar-wrapper">
+	<div class="yellow-note-sidebar">
+		<$link to="Hire the creator of TiddlyWiki">
+			<div class="yellow-note">
+				<i class="yellow-note-pin"></i>Hire the creator of ~TiddlyWiki
+			</div>
+		</$link>
+	</div>
+</div>

editions/tw5.com/tiddlers/hire-jeremy/HireJeremy.tid

@@ -0,0 +1,58 @@
+title: Hire the creator of TiddlyWiki
+modified: 20250901094938063
+created: 20250901094938063
+
+<i class="yellow-note-pin"></i>//A note from [[JeremyRuston]]//
+
+I am currently taking on new commercial clients through my company [[Intertwingled Innovations]].
+
+<$expand.able heading="Why choose me?">
+
+Some of the ways I can help your organisation get the best from ~TiddlyWiki:
+
+* ''Custom applications'' - Bespoke ~TiddlyWiki solutions to speed up your workflows
+* ''Core sponsorship'' - Fund new features or official plugins that your organisation while strengthening the wider ~TiddlyWiki ecosystem
+* ''Seamless integration'' - Connect ~TiddlyWiki with your existing tools and infrastructure so everything works smoothly together
+* ''Sustaining ~TiddlyWiki'' - Commercial projects are what enable me to keep maintaining and innovating ~TiddlyWiki. By working with me, you directly support its future
+
+</$expand.able>
+
+<$expand.able heading="Ways to collaborate">
+
+Projects begin as a conversation with the client to understand the vision, goals and operating context. One or more roof-of-concept prototypes are followed by iterative, timeboxed development cycles. We meet regularly to review progress and agree next steps.
+
+Most of my projects have grown into long-term collaborations, but I also take on smaller, focused engagements. I work across several projects at once, identifying common needs and building components that benefit multiple clients, and often become enhancements for the whole ~TiddlyWiki community.
+
+</$expand.able>
+
+<$expand.able heading="Client success stories">
+
+I've been lucky enough to work on some meaningful and interesting projects with a wide range of organisations from across the globe. Notably:
+
+* For a charity - [[Xememex]], a multi-user ~TiddlyWiki server with thousands of users
+* For a philanthropic investment firm - an extranet to share their pipeline with external partners
+* For a law firm - a hypertext knowledge system with hundreds of thousands of densely linked tiddlers
+* For a publisher - an experimental hypertext book publishing platform
+* For a real estate firm - a new geospatial plugin
+
+</$expand.able>
+
+<$expand.able heading="Impact on TiddlyWiki">
+
+Many core features and official plugins originated in client projects:
+
+* Testcase Widget
+* Consent Banner Plugin
+* Dynannotate and Dynaview Plugins
+* Excel Importer Plugin
+* Geospatial Plugin
+* ~InnerWiki Plugin
+* Text Slicer Plugin
+* Tour and Confetti Plugins
+* XLSX Importer Plugin
+
+</$expand.able>
+
+If you'd like to explore how ~TiddlyWiki could help your organisation, please contact me at mailto:jeremy@jermolene.com.
+
+

editions/tw5.com/tiddlers/hire-jeremy/HireJeremyDefinitions.tid

@@ -0,0 +1,24 @@
+title: $:/HireJeremy/definitions
+tags: $:/tags/Global
+
+\widget $expand.able(heading:'Click me',colour)
+<$let
+	stateBase=<<qualify "$:/temp/HireJeremy">>
+	state={{{ [<stateBase>addsuffix<heading>] }}}
+>
+	<$button class="tc-btn-big-green" style.background-color=<<colour>>>
+		<%if [<state>get[text]else[closed]match[closed]] %>
+			<$action-setfield $tiddler=<<state>> $value="open"/>
+			{{$:/core/images/right-arrow}}
+		<%else%>
+			<$action-setfield $tiddler=<<state>> $value="closed"/>
+			{{$:/core/images/down-arrow}}
+		<%endif%>
+		<$text text=<<heading>>/>
+	</$button>
+
+	<$reveal type="match" state=<<state>> text="open" default="closed" animate="yes" retain="yes" tag="div">
+		<$slot $name="ts-raw">
+	</$reveal>
+</$let>
+\end $expand.able

editions/tw5.com/tiddlers/hire-jeremy/HireJeremyStyles.tid

@@ -0,0 +1,162 @@
+title: $:/HireJeremy/styles
+tags: [[$:/tags/Stylesheet]]
+type: text/vnd.tiddlywiki
+
+\define sidebarbreakpoint()
+<$text text={{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}/>
+\end
+
+\define sidebarbreakpoint-minus-one()
+<$text text={{{ [{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}removesuffix[px]subtract[1]addsuffix[px]] ~[{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}] }}}/>
+\end
+
+.yellow-note, [data-tiddler-title="Hire the creator of TiddlyWiki"] {
+	z-index: 800;
+	margin-top: 2em;
+	transform-origin: 50% 50%;
+	transition: transform 200ms ease-in-out;
+	transform: rotate(-0.6deg) scale(1);
+	background-color: #ffff92;
+	color: black;
+	box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.3);
+	border: 1px solid #cccc40;
+	text-shadow: 0 1px 0 #ffffff;
+}
+
+.yellow-note:hover, [data-tiddler-title="Hire the creator of TiddlyWiki"]:hover {
+	transform: rotate(-0deg) scale(1.03);
+}
+
+@media (max-width: <<sidebarbreakpoint-minus-one>>) {
+
+.yellow-note, [data-tiddler-title="Hire the creator of TiddlyWiki"] {
+	transform: rotate(-0.6deg) scale(0.9);
+}
+
+.yellow-note:hover, [data-tiddler-title="Hire the creator of TiddlyWiki"]:hover {
+	transform: rotate(-0deg) scale(1.03);
+}
+
+}
+
+.yellow-note h2.tc-title, [data-tiddler-title="Hire the creator of TiddlyWiki"] h2.tc-title {
+	margin: 0.5em 0;
+	font-size: 1.5em;
+	font-family: "Brush Script MT";
+	color: #334;
+}
+
+[data-tiddler-title="Hire the creator of TiddlyWiki"] .tc-tags-wrapper {
+	display: none;
+}
+
+.yellow-note p, [data-tiddler-title="Hire the creator of TiddlyWiki"] p {
+	margin: 0.5em 0;
+}
+
+.yellow-note .tc-tiddler-body h1, [data-tiddler-title="Hire the creator of TiddlyWiki"] .tc-tiddler-body h1 {
+	margin: 0.25em 0;
+	font-weight: bold;
+}
+
+.yellow-note .tc-tiddler-body a, [data-tiddler-title="Hire the creator of TiddlyWiki"] .tc-tiddler-body a {
+	color: #5778d8;
+}
+
+[data-tiddler-title="Hire the creator of TiddlyWiki"] .tc-btn-big-green {
+	margin: 0;
+	padding: 0;
+	text-align: left;
+	width: 100%;
+	color: #334;
+	font-weight: bold;
+	background-color: inherit;
+}
+
+@media (min-width: <<sidebarbreakpoint>>) {
+
+[data-tiddler-title="Hire the creator of TiddlyWiki"] .tc-btn-big-green {
+	margin-left: -1.35em;
+}
+
+}
+
+[data-tiddler-title="Hire the creator of TiddlyWiki"] .tc-btn-big-green svg {
+	fill: #cece86;
+}
+
+.yellow-note-sidebar-wrapper {
+	overflow-y: hidden;
+	max-height: {{{ [[$:/StoryList]contains[Hire the creator of TiddlyWiki]then[0em]else[15em]] }}};
+	transition: max-height 600ms ease-in-out;
+}
+
+.yellow-note-sidebar {
+	font-size: 2em;
+	text-align: center;
+	line-height: 1.3;
+	max-width: 6.5em;
+}
+
+.yellow-note-sidebar .yellow-note {
+	padding: 0.5em;
+	margin: 1.5em 0;
+	transform: rotate(-0.9deg) scale(0.95);
+}
+
+.yellow-note-sidebar:hover .yellow-note {
+	transform: rotate(0deg) scale(1);
+}
+
+.yellow-note-sidebar:hover a {
+	text-decoration: none;
+}
+
+/* Thanks to https://codepen.io/dillonbrady/pen/EgRoZQ */
+
+.yellow-note-pin {
+	background-color: #aaa;
+	display: block;
+	height: 32px;
+	width: 2px;
+	position: absolute;
+	left: 50%;
+	top: -16px;
+	z-index: 1;
+}
+
+.yellow-note-pin:after {
+	background-color: #A31;
+	background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
+	border-radius: 50%;
+	box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 23px 20px 3px hsla(0,0%,0%,.15);
+	content: "";
+	height: 12px;
+	left: -5px;
+	position: absolute;
+	top: -10px;
+	width: 12px;
+}
+
+.yellow-note-pin:before {
+	background-color: hsla(0,0%,0%,0.1);
+	box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
+	content: "";
+	height: 24px;
+	width: 2px;
+	left: 0;
+	position: absolute;
+	top: 8px;
+
+	transform: rotate(57.5deg);
+	-moz-transform: rotate(57.5deg);
+	-webkit-transform: rotate(57.5deg);
+	-o-transform: rotate(57.5deg);
+	-ms-transform: rotate(57.5deg);
+
+	transform-origin: 50% 100%;
+	-moz-transform-origin: 50% 100%;
+	-webkit-transform-origin: 50% 100%;
+	-ms-transform-origin: 50% 100%;
+	-o-transform-origin: 50% 100%;
+}

editions/tw5.com/tiddlers/system/DefaultTiddlers.tid

@@ -3,6 +3,7 @@ modified: 20140912135951542
 title: $:/DefaultTiddlers
 type: text/vnd.tiddlywiki
 
+[[Hire the creator of TiddlyWiki]]
 HelloThere
 [[Quick Start]]
 [[Find Out More]]