From 2dab4a6377288e0b2beb175a441c47ab5f2207e2 Mon Sep 17 00:00:00 2001 From: Rich Boakes Date: Tue, 19 Sep 2023 17:02:40 +0100 Subject: [PATCH] first --- README.md | 5 +++ index.html | 24 +++++++++++++ styles.css | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 128 insertions(+) create mode 100644 README.md create mode 100644 index.html create mode 100644 styles.css diff --git a/README.md b/README.md new file mode 100644 index 0000000..fa44d8f --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ +This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) +https://creativecommons.org/licenses/by-sa/3.0/ + +Designed by Strategyzer AG & Steve Blank +This version by Rich Boakes, University of Portsmouth. diff --git a/index.html b/index.html new file mode 100644 index 0000000..1535d8a --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ + + + + + + +Your Layout + +
+
The Mission Model Canvas
+

Key Partners

+

Key Activities

+

Value Propositions

+

Buy-in Support

+

Beneficiaries

+

Key Resources

+

Deployment

+

Mission Budget/Cost

+

Mission Achievement/Impact Factors

+ +
diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..b06e668 --- /dev/null +++ b/styles.css @@ -0,0 +1,99 @@ +* { + box-sizing: border-box; + padding: 0; + margin: 0 +} + +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background-color: #ECECEB; + +} + +.grid-item { + display: flex; + flex-direction: column; + background-color: #FFFFFE; + border: 1px solid #666; + padding: 1em; +} + +.grid-container { + display: grid; + grid-template-columns: repeat(10, 1fr); + grid-template-rows: auto repeat(3, 1fr) auto; + margin: 1em; + height: 92svh; + grid-template-areas: + "header header header header header header header header header header" + "kp kp ka ka vp vp bs bs be be" + "kp kp kr kr vp vp de de be be" + "mb mb mb mb mb if if if if if" + "footer footer footer footer footer footer footer footer footer footer"; +} + +header { + grid-area: header; + font-size: 2em; + font-weight: bold; +} + +footer { + grid-area: footer; +} + +footer span { + text-transform: uppercase; + font-weight: bold; +} + +#kp { + grid-area: kp; +} + +#ka { + grid-area: ka; +} + +#vp { + grid-area: vp; +} + +#bs { + grid-area: bs; +} + +#be { + grid-area: be; +} + +#kr { + grid-area: kr; +} + +#de { + grid-area: de; +} + +#mb { + grid-area: mb; +} + +#if { + grid-area: if; +} + +.e { + width: 100%; + height: 100%; + outline: none; +} +h2 { + padding-bottom: 0.5em; +} + +.hi { + box-shadow: inset 0 0.25em 0.5em #F7F; +} \ No newline at end of file