Story1 readme #23
Open
Story1 readme #23
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
✔️ Deploy Preview for gifted-lamarr-66fdcf ready! 🔨 Explore the source changes: e968c95 🔍 Inspect the deploy log: https://app.netlify.com/sites/gifted-lamarr-66fdcf/deploys/62193d273e089c0008d94d93 😎 Browse the preview: https://deploy-preview-23--gifted-lamarr-66fdcf.netlify.app |
bebatut
reviewed
Feb 28, 2022
| ## How can I add a new level to the game? | ||
|
|
||
| 1. Create a new directory game/levelX, where X is the number of new level. |
There was a problem hiding this comment.
Suggested change
| 1. Create a new directory game/levelX, where X is the number of new level. | |
| 1. Create a new folder `game/levelX`, where X is the number of new level. |
Comment on lines
+147
to
+205
|
|
||
| - Create slides.html using markdown pattern: | ||
|
|
||
| ``` | ||
| --- | ||
| layout: slides | ||
| title: Level X - <title of level> | ||
|
|
||
| --- | ||
| ### Title | ||
| content of slide | ||
| ![alternative text for image] (images/<name of image file>) | ||
|
|
||
| [Source/link to original image] | ||
|
|
||
| ??? | ||
|
|
||
| Text for the voice | ||
| Split by sentence | ||
| 1 sentence starting with “-” | ||
|
|
||
| ``` | ||
|
|
||
| - Create a folder “images”, put all images used in slides.html for this level there | ||
|
|
||
| - Create index.md using pattern: | ||
|
|
||
| For NOT last level: | ||
|
|
||
| ``` | ||
| --- | ||
| layout: level | ||
| title: DNAnalyzer | ||
| description: 'Level X - <name of level>’ | ||
| image: /images/index.png | ||
| quiz: <Embed HTML of google form used for this level quiz> | ||
| scores: <Embed HTML of google sheets used for this level scores> | ||
| --- | ||
|
|
||
| [**Next level**]({{ site.baseurl }}{% link game/level<X+1>/index.md %}){:.button .is-link .is-large} | ||
| ``` | ||
|
|
||
| For last level: | ||
|
|
||
| ``` | ||
| --- | ||
| layout: level | ||
| title: DNAnalyzer | ||
| description: 'Level X - <name of level>’ | ||
| image: /images/index.png | ||
| quiz: <Embed HTML of google form used for this level quiz> | ||
| scores: <Embed HTML of google sheets used for this level scores> | ||
| --- | ||
|
|
||
| [**Results**](http://streetscience.community/DNAnalyzer/index#results){:.button .is-link .is-large} | ||
| ``` | ||
|
|
||
| - Generate video (see section “Generate videos”) from slides.html. Add video with name video.mp4 |
There was a problem hiding this comment.
Suggested change
| 2. In game/levelX: | |
| - Create slides.html using markdown pattern: | |
| ``` | |
| --- | |
| layout: slides | |
| title: Level X - <title of level> | |
| --- | |
| ### Title | |
| content of slide | |
| ![alternative text for image] (images/<name of image file>) | |
| [Source/link to original image] | |
| ??? | |
| Text for the voice | |
| Split by sentence | |
| 1 sentence starting with “-” | |
| ``` | |
| - Create a folder “images”, put all images used in slides.html for this level there | |
| - Create index.md using pattern: | |
| For NOT last level: | |
| ``` | |
| --- | |
| layout: level | |
| title: DNAnalyzer | |
| description: 'Level X - <name of level>’ | |
| image: /images/index.png | |
| quiz: <Embed HTML of google form used for this level quiz> | |
| scores: <Embed HTML of google sheets used for this level scores> | |
| --- | |
| [**Next level**]({{ site.baseurl }}{% link game/level<X+1>/index.md %}){:.button .is-link .is-large} | |
| ``` | |
| For last level: | |
| ``` | |
| --- | |
| layout: level | |
| title: DNAnalyzer | |
| description: 'Level X - <name of level>’ | |
| image: /images/index.png | |
| quiz: <Embed HTML of google form used for this level quiz> | |
| scores: <Embed HTML of google sheets used for this level scores> | |
| --- | |
| [**Results**](http://streetscience.community/DNAnalyzer/index#results){:.button .is-link .is-large} | |
| ``` | |
| - Generate video (see section “Generate videos”) from slides.html. Add video with name video.mp4 | |
| 2. In `game/levelX` folder | |
| 1. Create `slides.html` file and write content in Markdown, with some metadata in YAML on the top: | |
| ``` | |
| --- | |
| layout: slides | |
| title: Level X - <title of level> | |
| --- | |
| ### Title | |
| content of slide | |
|  | |
| [Source/link to original image]() | |
| ??? | |
| - Text for the voice | |
| - Split by sentence | |
| - 1 sentence starting with "-” | |
| ``` | |
| 2. Create a folder `images`, put all images used in `slides.html` for this level there | |
| 3. Create `index.md` file: | |
| - If **NOT** last level: | |
| ``` | |
| --- | |
| layout: level | |
| title: DNAnalyzer | |
| description: 'Level X - <name of level>’ | |
| image: /images/index.png | |
| quiz: <Embed HTML of google form used for this level quiz> | |
| scores: <Embed HTML of google sheets used for this level scores> | |
| --- | |
| [**Next level**]({{ site.baseurl }}{% link game/level<X+1>/index.md %}){:.button .is-link .is-large} | |
| ``` | |
| - If last level: | |
| ``` | |
| --- | |
| layout: level | |
| title: DNAnalyzer | |
| description: 'Level X - <name of level>’ | |
| image: /images/index.png | |
| quiz: <Embed HTML of google form used for this level quiz> | |
| scores: <Embed HTML of google sheets used for this level scores> | |
| --- | |
| [**Results**](http://streetscience.community/DNAnalyzer/index#results){:.button .is-link .is-large} | |
| ``` | |
| 4. Check the slides and the page: | |
| 1. [Launching the website locally](#how-can-i-generate-the-website-locally) | |
| 2. Visit | |
| - `http://127.0.0.1:4000/DNAnalyzer/game/levelX/slides.html` for the slides | |
| - `http://127.0.0.1:4000/DNAnalyzer/game/levelX` for the page | |
| 4. [Generate video](#generate-videos) from the slides | |
| 5. Upload the video and YouTube |
Comment on lines
+207
to
+234
| Quiz is realized with google forms. Results are located in Google Sheets https://drive.google.com/drive/folders/19Hiaqqvoue3M2YpA-LePUFe81fmZdNbu | ||
|
|
||
| 1. Create google form with questions based on content of slides.html | ||
|
|
||
| - First required question is “Your Username (use the same Username at all levels)” | ||
|
|
||
| - Turn on the option “Limit to 1 response” | ||
|
|
||
| - Set up correct answers and points for every question | ||
|
|
||
| 2. Link google form with google sheet | ||
|
|
||
| - Create new page”lvlX” in google sheet https://docs.google.com/spreadsheets/d/1lPF_mXTmSa4BJDRjnd6_pwXCia7NDxlDJ6VlRMM0K18/edit#gid=906511743 | ||
|
|
||
| - Link gform with this page responses -> create google sheet -> select existing google sheet | ||
|
|
||
| 3. In scores google sheet | ||
|
|
||
| - Create page “Level X” which will be cleaned up from unneeded information and shared in game | ||
|
|
||
| - Add 2 columns “Username” with formula =’lvlX’!A:A, “Score” with formula =’lvlX’!B:B | ||
|
|
||
| - In the page “Results” open hidden columns with levels, add level X with formula ==IFERROR(VLOOKUP(A:A,'Level X'!A:B,2,FALSE),"") | ||
|
|
||
| - In column “Max level” add new sum term +IF(ISNUMBER(X:X),1,0) in formula, where X is column for new added level | ||
|
|
||
| - In column “Final score” change the range of cells, make sure that cells with a new added level are taken into account. |
There was a problem hiding this comment.
Suggested change
| ### How can I create a quiz for a new level? | |
| Quiz is realized with google forms. Results are located in Google Sheets https://drive.google.com/drive/folders/19Hiaqqvoue3M2YpA-LePUFe81fmZdNbu | |
| 1. Create google form with questions based on content of slides.html | |
| - First required question is “Your Username (use the same Username at all levels)” | |
| - Turn on the option “Limit to 1 response” | |
| - Set up correct answers and points for every question | |
| 2. Link google form with google sheet | |
| - Create new page”lvlX” in google sheet https://docs.google.com/spreadsheets/d/1lPF_mXTmSa4BJDRjnd6_pwXCia7NDxlDJ6VlRMM0K18/edit#gid=906511743 | |
| - Link gform with this page responses -> create google sheet -> select existing google sheet | |
| 3. In scores google sheet | |
| - Create page “Level X” which will be cleaned up from unneeded information and shared in game | |
| - Add 2 columns “Username” with formula =’lvlX’!A:A, “Score” with formula =’lvlX’!B:B | |
| - In the page “Results” open hidden columns with levels, add level X with formula ==IFERROR(VLOOKUP(A:A,'Level X'!A:B,2,FALSE),"") | |
| - In column “Max level” add new sum term +IF(ISNUMBER(X:X),1,0) in formula, where X is column for new added level | |
| - In column “Final score” change the range of cells, make sure that cells with a new added level are taken into account. | |
| ### How can I create a quiz for a new level? | |
| Quiz is realized with google forms. Results are located in [Google spreadsheet](https://drive.google.com/drive/folders/19Hiaqqvoue3M2YpA-LePUFe81fmZdNbu ) | |
| 1. Create google form with questions based on content of `slides.html`: | |
| - First required question is “Your Username (use the same Username at all levels)” | |
| - Turn on the option “Limit to 1 response” | |
| - Set up correct answers and points for every question | |
| 2. Link Google form with Google spreadsheet | |
| - Create new sheet ”lvlX” in [Google spreadsheet](https://docs.google.com/spreadsheets/d/1lPF_mXTmSa4BJDRjnd6_pwXCia7NDxlDJ6VlRMM0K18/edit#gid=906511743) | |
| - Link Google form with this page responses | |
| - Create Google sheet | |
| - Select existing Google sheet | |
| 3. In the [scoring Google spreadsheet]() | |
| - Create page “Level X” which will be cleaned up from unneeded information and shared in game | |
| - Add 2 columns | |
| - `Username` with formula `=’lvlX’!A:A` | |
| - “Score` with formula `=’lvlX’!B:B` | |
| - In the sheet “Results”, | |
| - Open hidden columns with levels | |
| - Add a column `level X` with formula `==IFERROR(VLOOKUP(A:A,'Level X'!A:B,2,FALSE),"")` | |
| - In column `Max level`: add new sum term `+IF(ISNUMBER(X:X),1,0)` in formula, where `X` is column for new added level | |
| - In column `Final score` | |
| - Change the range of cells | |
| - Make sure that cells with a new added level are taken into account. |
Comment on lines
+236
to
+240
|
|
||
| #aabeff4b - footer and header colours | ||
| #b1c4ff1a - background colour | ||
| #E5f0f9 - colour used in gforms and gsheets |
There was a problem hiding this comment.
Suggested change
| #### Colour codes | |
| #aabeff4b - footer and header colours | |
| #b1c4ff1a - background colour | |
| #E5f0f9 - colour used in gforms and gsheets | |
| # Website color code | |
| - Footer and header: `#aabeff4b` | |
| - Background: `#b1c4ff1a` | |
| - Color used in Google forms and spreadsheets: `#E5f0f9` |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.