From dc258bbd0d72efca6c8a3697e8368df855dfad02 Mon Sep 17 00:00:00 2001 From: Rich Boakes Date: Wed, 20 Sep 2023 17:06:51 +0100 Subject: [PATCH] UI improvements... added icons from original doc (they still need minifying). removed highlight demo. added shift-toggle for opacity. added escape to end editing. --- .DS_Store | Bin 0 -> 6148 bytes README.md | 8 ++++++++ i/be.svg | 19 +++++++++++++++++++ i/bs.svg | 11 +++++++++++ i/de.svg | 19 +++++++++++++++++++ i/if.svg | 18 ++++++++++++++++++ i/ka.svg | 11 +++++++++++ i/kp.svg | 14 ++++++++++++++ i/kr.svg | 21 +++++++++++++++++++++ i/mb.svg | 18 ++++++++++++++++++ i/vp.svg | 17 +++++++++++++++++ index.html | 21 +++++++++++---------- script.js | 18 ++++++++++++++++++ styles.css | 17 ++++++++++++++++- 14 files changed, 201 insertions(+), 11 deletions(-) create mode 100644 .DS_Store create mode 100644 i/be.svg create mode 100644 i/bs.svg create mode 100644 i/de.svg create mode 100644 i/if.svg create mode 100644 i/ka.svg create mode 100644 i/kp.svg create mode 100644 i/kr.svg create mode 100644 i/mb.svg create mode 100644 i/vp.svg create mode 100644 script.js diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..8d028a040af0e99493c4a5a300270367f16224e3 GIT binary patch literal 6148 zcmeHKy-LJD5T4N#0h=^}<@SPbrCmJY6P%^OaUPt33%SCBEB65`d?{-ypTX8A5Wm?O zHH*PgN>DsakA7{uO_qGzT1ox`L8B< z_JYo6MJ?Uu&)>cceO=!)i*>(%t$aOxetExsy2$;@U;UfA0XHnA!C9MkJik)wu-9of zf7somUWo7d?=HC~t51(o-^Cel2AlzBz!?~00B5#Hd8FvGGvEw3178ft{tz$(Ys09R zwhm0`3IHr%P6E9W1sDu#!>9-kgf$hYsccsa)^yl|#npyUQPYX-^1;^m^YX%}JL-oN zPFySc>SIA29F%jI}|T literal 0 HcmV?d00001 diff --git a/README.md b/README.md index fa44d8f..6ef8917 100644 --- a/README.md +++ b/README.md @@ -3,3 +3,11 @@ https://creativecommons.org/licenses/by-sa/3.0/ Designed by Strategyzer AG & Steve Blank This version by Rich Boakes, University of Portsmouth. + +# UI Notes + +* Click in any of the boxes to add text. +* To allow for some boxes to be highlighted when demonstrating: a shift-click will toggle each box into a semi-transparent state. +* When editing text in a box it will be highlighted with a purple edge. +* Pressing escape will end any onging edits and remove focus from the current box. + \ No newline at end of file diff --git a/i/be.svg b/i/be.svg new file mode 100644 index 0000000..37e133d --- /dev/null +++ b/i/be.svg @@ -0,0 +1,19 @@ + + + + Group@1x + Created with Sketch. + + + + + + + + + + + + + + \ No newline at end of file diff --git a/i/bs.svg b/i/bs.svg new file mode 100644 index 0000000..60a31ab --- /dev/null +++ b/i/bs.svg @@ -0,0 +1,11 @@ + + + + Stroke 1@1x + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/i/de.svg b/i/de.svg new file mode 100644 index 0000000..aa207bf --- /dev/null +++ b/i/de.svg @@ -0,0 +1,19 @@ + + + + Group@1x + Created with Sketch. + + + + + + + + + + + + + + \ No newline at end of file diff --git a/i/if.svg b/i/if.svg new file mode 100644 index 0000000..84160bd --- /dev/null +++ b/i/if.svg @@ -0,0 +1,18 @@ + + + + Group + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file diff --git a/i/ka.svg b/i/ka.svg new file mode 100644 index 0000000..c551453 --- /dev/null +++ b/i/ka.svg @@ -0,0 +1,11 @@ + + + + Stroke 1@1x + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/i/kp.svg b/i/kp.svg new file mode 100644 index 0000000..725e8ae --- /dev/null +++ b/i/kp.svg @@ -0,0 +1,14 @@ + + + + Group@1x + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/i/kr.svg b/i/kr.svg new file mode 100644 index 0000000..caf2649 --- /dev/null +++ b/i/kr.svg @@ -0,0 +1,21 @@ + + + + Group@1x + Created with Sketch. + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/i/mb.svg b/i/mb.svg new file mode 100644 index 0000000..ac861d0 --- /dev/null +++ b/i/mb.svg @@ -0,0 +1,18 @@ + + + + Group@1x + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file diff --git a/i/vp.svg b/i/vp.svg new file mode 100644 index 0000000..3d1e52c --- /dev/null +++ b/i/vp.svg @@ -0,0 +1,17 @@ + + + + Group@1x + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 1535d8a..f10e96c 100644 --- a/index.html +++ b/index.html @@ -4,19 +4,20 @@ -Your Layout + +Portsmouth MMC
The Mission Model Canvas
-

Key Partners

-

Key Activities

-

Value Propositions

-

Buy-in Support

-

Beneficiaries

-

Key Resources

-

Deployment

-

Mission Budget/Cost

-

Mission Achievement/Impact Factors

+

Key Partners

+

Key Activities

+

Value Propositions

+

Buy-in Support

+

Beneficiaries

+

Key Resources

+

Deployment

+

Mission Budget/Cost

+

Mission Achievement/Impact Factors