Website update

package.json

@@ -22,6 +22,7 @@
  "bundleDependencies": [],
  "license": "BSD",
  "scripts": {
- "start": "node ./node_modules/tiddlywiki/tiddlywiki.js ./wiki/ --listen port=8080"
+ "start": "node ./node_modules/tiddlywiki/tiddlywiki.js ./wiki/ --listen port=8080",
+ "build": "node ./node_modules/tiddlywiki/tiddlywiki.js ./wiki/ --build"
  }
 }

wiki/plugins/scrollflyer/StaticStyles.tid

@@ -5,7 +5,7 @@ title: $:/_StaticStyles
  font-family: "$family$";
  font-style: $style$;
  font-weight: $weight$;
- src: url(<<datauri "$title$">>) format("woff");
+ src: url(<<datauri "$title$">>) format("truetype-variations");
 }
 \end
 
@@ -21,22 +21,23 @@ title: $:/_StaticStyles
 ** Fonts
 */
 
-/***
-<<register-font "Lato" "$:/_fonts/lato-black-webfont.woff" "normal" "900">>
-<<register-font "Lato" "$:/_fonts/lato-blackitalic-webfont.woff" "italic" "900">>
-<<register-font "Lato" "$:/_fonts/lato-hairline-webfont.woff" "normal" "100">>
-<<register-font "Lato" "$:/_fonts/lato-hairlineitalic-webfont.woff" "italic" "100">>
-***/
-<<register-font "Lato" "$:/_fonts/lato-bold-webfont.woff" "normal" "700">>
-<<register-font "Lato" "$:/_fonts/lato-bolditalic-webfont.woff" "italic" "700">>
-<<register-font "Lato" "$:/_fonts/lato-italic-webfont.woff" "italic" "400">>
-<<register-font "Lato" "$:/_fonts/lato-light-webfont.woff" "normal" "300">>
-<<register-font "Lato" "$:/_fonts/lato-lightitalic-webfont.woff" "italic" "300">>
-<<register-font "Lato" "$:/_fonts/lato-regular-webfont.woff" "normal" "400">>
+/*
+Nunito axes:
+
+ YTLC
+ opsz
+ wdth
+ wght
+
+*/
+
+<<register-font "NunitoSans" "$:/_fonts/NunitoSans-Italic.ttf" "normal" "200 1000">>
+<<register-font "NunitoSans" "$:/_fonts/NunitoSans.ttf" "normal" "200 1000">>
 
 html body.tc-body {
  background: <<colour intertwingled-innovations-bright-p3>>;
- font-family: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "DejaVu Sans", sans-serif;
+ font-family: "NunitoSans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "DejaVu Sans", sans-serif;
+ font-variation-settings: "wdth" 95;
 }
 
 /*
@@ -103,6 +104,7 @@ html .tc-story-river {
 }
 
 .tc-tiddler-frame .tc-tiddler-body {
+font-weight: 650;
 font-size: 18px;
 line-height: 1.5;
 }
@@ -245,7 +247,7 @@ h2.tc-title {
  border-color: <<colour intertwingled-innovations-mid-p3>>;
  margin-top: 1em;
  text-align: center;
- font-weight: 600;
+ font-weight: 750;
  font-size: 1.6em;
  line-height: 1.2;
  color: <<colour intertwingled-innovations-black>>;
@@ -257,6 +259,60 @@ h2.tc-title {
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
 }
 
+/*
+** Page scroll prompt
+*/
+
+.tc-page-scroll-prompt {
+ position: fixed;
+ bottom: 0;
+ left: 50%;
+ right: 50%;
+ transition: opacity 500ms ease-in-out;
+ opacity: 0;
+ animation: bounce 2s infinite;
+}
+
+body.scrolled-top .tc-page-scroll-prompt {
+ opacity: 1;
+}
+
+.tc-page-scroll-prompt svg {
+ width: 5em;
+ height: 5em;
+ border: 1px solid <<colour intertwingled-innovations-mid>>;
+ fill: <<colour intertwingled-innovations-mid>>;
+ border-radius: 40px;
+ padding: 1em;
+ margin-bottom: 2em;
+}
+
+.tc-page-scroll-prompt svg:hover {
+ background: <<colour intertwingled-innovations-mid>>;
+ fill: <<colour intertwingled-innovations-bright>>;
+}
+
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ -moz-transform: translateY(0);
+ -ms-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 40% {
+ -moz-transform: translateY(-10px);
+ -ms-transform: translateY(-10px);
+ -webkit-transform: translateY(-10px);
+ transform: translateY(-10px);
+ }
+ 60% {
+ -moz-transform: translateY(-5px);
+ -ms-transform: translateY(-5px);
+ -webkit-transform: translateY(-5px);
+ transform: translateY(-5px);
+ }
+}
+
 /*
 ** Page Footer
 */

wiki/plugins/scrollflyer/Styles.tid

@@ -1,11 +1,9 @@
 title: $:/_StaticTemplates/Styles.css
 
+\import [subfilter{$:/core/config/GlobalImportFilter}]
+
 {{$:/boot/boot.css||$:/core/templates/plain-text-tiddler}}
 
 {{$:/core/ui/PageStylesheet||$:/core/templates/wikified-tiddler}}
 
-<$importvariables filter="[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]">
-
 {{$:/_StaticStyles||$:/core/templates/wikified-tiddler}}
-
-</$importvariables>

wiki/tiddlers/content/About.tid

@@ -2,5 +2,12 @@ tags: $:/_MainMenu
 title: About
 type: text/vnd.tiddlywiki
 
-Intertwingled Innovations is a software consultancy that specialises in working on and around ~TiddlyWiki.
+From the moment they go into production, all custom software solutions are both an asset and a liability to a business, due to the ongoing costs of operating, updating and supporting the system. There may also be increased exposure to supplier risk.
 
+Intertwingled Innovations resolves this dilemna by offering open source solutions that offer compelling advantages over traditional proprietary software.
+
+For example, it would usually be a risk to commission custom software solutions from a company as small as Intertwingled Innovations. However, with all of our solutions being built on TiddlyWiki there is an existing ecosystem and community that clients can tap into.
+
+The key advantage of TiddlyWiki is that it gives domain experts the tools to continually improve and adapt the application themselves. Our goal is to allow people with deep domain knowledge to build custom tools themselves that address their unique needs, vastly speeding up the development cycle compared to working with a professional software developer.
+
+Intertwingled Innovations also offers hosting services with a multi-user implementation running on Amazon Web Services or Microsoft Azure, and supports clients with hundreds of wikis and thousands of users.

wiki/tiddlers/content/Case Study Anna Freud.tid

@@ -0,0 +1,27 @@
+tags: $:/_MainMenu
+title: Case Study: Anna Freud
+type: text/vnd.tiddlywiki
+
+Intertwingled Innovations operates the largest known TiddlyWiki instance for Anna Freud, a child mental health research, training and treatment centre located in London, United Kingdom. Anna Freud have developed a method of working with complex young people at high risk that is now used and adapted ways by teams around the world.
+
+<a href="https://manuals.annafreud.org/ambit/" rel="noopener noreferrer" target="_blank">
+<div 
+ style.float="right"
+ style.width="35%"
+ style.margin="0 1em 1em 0"
+ style.box-shadow="1px 1px 5px rgba(0, 0, 0, 0.3)"
+ style.padding="0.5em 0.5em 1.5em 0.5em"
+ style.transform="rotate(-4deg)"
+>
+<div
+ style.display="inline-block"
+ style.background="linear-gradient( 0deg, #ff6600, #ffff00 100%)"
+ style.background="linear-gradient( 0deg, color(display-p3 1 0.31 0), color(display-p3 1 1 0) 100%)"
+ style.line-height="0"
+>{{ambit-manual.jpg}}</div>
+</div>
+</a>
+
+Anna Freud are building a fractal, hypertext manual that allows multiple teams to own their own locally-customisable version of a centrally developed set of principles and evidence-based practices. It has over 3,000 users, and just over 500 wikis made up of 16,000 individual tiddlers, richly tagged and linked to one another.
+
+The Manuals use TiddlyWiki's simple and innovative "bags and recipes" architecture that allows tiddlers to be shared between wikis in flexible configurations.

wiki/tiddlers/content/HelloThere.tid

@@ -4,6 +4,8 @@ type: text/vnd.tiddlywiki
 
 Intertwingled Innovations is the home of TiddlyWiki, an unorthodox open source ~JavaScript wiki with powerful capabilities not found in other software.
 
+We help companies and individuals to release the commercial value of TiddlyWiki.
+
 Email us at ''jeremy (at) intertwingledinnovations (dot) com'', or use the services below.
 
 <div class="tc-social-list">

wiki/tiddlers/content/Jeremy Ruston.tid

@@ -18,13 +18,11 @@ type: text/vnd.tiddlywiki
 >{{Jeremy.png}}</div>
 </div>
 
-Jeremy Ruston founded Intertwingled Innovations in 2023.
-
-He was Head of Open Source Innovation for BT plc. He took up this position when his open source startup Osmosoft was acquired by BT in 2007.
+Before working on TiddlyWiki full time, Jeremy Ruston was Head of Open Source Innovation for BT plc after his open source startup Osmosoft was acquired in 2007.
 
 Previously, Jeremy was Chief Technology Officer of several earlier startups, Global Head of E-Commerce at the investment banking arm of Dresdner Bank, and Chief Designer at a specialist real-time telecommunications software developer.
 
-Even earlier, in the 1980s, Jeremy wrote books about the BBC Micro and designed animations for BBC Television.
+Even earlier, in the 1980s, Jeremy wrote [[several books|https://www.retro-kit.co.uk/page.cfm/content/The-BBC-Micro-Revealed/]] about the BBC Micro and [[designed animations|https://www.youtube.com/watch?v=KTVaK_y0-WY]] for BBC Television.
 
 <div class="tc-social-list">
 

wiki/tiddlers/content/PageFooter.tid

@@ -29,3 +29,13 @@ Powered by TiddlyWiki
 </div>
 
 </div>
+
+<div class="tc-page-scroll-prompt">
+
+<$link to="HelloThere" tooltip="Scroll for more">
+
+<$transclude tiddler="$:/core/images/chevron-down" mode="inline"/>
+
+</$link>
+
+</div>

wiki/tiddlers/content/TiddlyWiki.tid

@@ -3,9 +3,27 @@ type: text/vnd.tiddlywiki
 
 ~TiddlyWiki is a rich, interactive tool for manipulating complex data with structure that doesn't easily fit into conventional tools like spreadsheets or word-processors.
 
-~TiddlyWiki is designed to fit around your brain, helping you deal with the things that won't fit. The fundamental idea is that information is more useful and reusable if we cut it up into the smallest semantically meaningful chunks -- tiddlers -- and give them titles so that they can be structured with links, tags, lists and macros. Tiddlers use a wiki text notation that concisely represents a wide range of text formatting and hypertext features. ~TiddlyWiki aims to provide a fluid interface for working with tiddlers, allowing them to be aggregated and composed into longer narratives.
+~TiddlyWiki was created in 2004 by [[Jeremy Ruston]] as a simple notetaking system that users could control and customise. Today it is a thriving open source project with hundreds of contributors. TiddlyWiki is now more capable than ever before, and is able to operate both as a sophisticated multiuser cloud-based application and as a single file on your own computer.
+
+<a href="http://tiddlywiki.com/" rel="noopener noreferrer" target="_blank">
+<div 
+ style.float="right"
+ style.width="45%"
+ style.margin="0 1em 1em 0"
+ style.box-shadow="1px 1px 5px rgba(0, 0, 0, 0.3)"
+ style.padding="0.5em 0.5em 1.5em 0.5em"
+ style.transform="rotate(3deg)"
+>
+<div
+ style.display="inline-block"
+ style.background="linear-gradient( 0deg, #ff6600, #ffff00 100%)"
+ style.background="linear-gradient( 0deg, color(display-p3 1 0.31 0), color(display-p3 1 1 0) 100%)"
+ style.line-height="0"
+>{{tiddlywiki.com.jpg}}</div>
+</div>
+</a>
 
-~TiddlyWiki was created in 2004 by [[Jeremy Ruston]], and is now a thriving open source project with hundreds of contributors.
+~TiddlyWiki is designed to fit around your brain, helping you deal with the things that won't fit. The fundamental idea is that information is more useful and reusable if we cut it up into the smallest semantically meaningful chunks -- tiddlers -- and give them titles so that they can be structured with links, tags, lists and macros. Tiddlers use a wiki text notation that concisely represents a wide range of text formatting and hypertext features. ~TiddlyWiki aims to provide a fluid interface for working with tiddlers, allowing them to be aggregated and composed into longer narratives.
 
 Find out more at [[tiddlywiki.com|https://tiddlywiki.com]]
 

wiki/tiddlers/content/ambit-manual.jpg.meta

@@ -0,0 +1,2 @@
+title: ambit-manual.jpg
+type: image/jpeg

wiki/tiddlers/content/tiddlywiki.com.jpg.meta

@@ -0,0 +1,2 @@
+title: tiddlywiki.com.jpg
+type: image/jpeg