CodingTrain / CodingTrain/Oregon-Trail

Page layouts

Open
#48 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
34
Forks
12
PR merge metrics
No merged PRs in 30d

Description

I have looked at the first few pages (before Matt's General Store) and here are all the page configurations that are in use.

## 1. Image + Options
![Screenshot from 2023-08-05 22-48-57](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/9a839531-7711-4db8-b535-da38174d9173)

_Breakdown of the elements:_
- Image element (The Oregon Trail image)
- Separation image
- Numbered options
- Submit that takes numbers from 1 to the amount of options
- Separation image

## 2. Text + Options
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/9af93a9b-960b-432a-b940-b093c2ca92ce)

_Breakdown of the elements:_
- Separation image
- Some text
- Numbered options
- Submit that takes numbers from 1 to the amount of options
- Separation image

## 3. Text + [Spacebar]
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/be82c941-b6ba-4156-b494-806b8ea25455)

_Breakdown of the elements:_
- Separation image
- Some text
- Separation image
- Confirmation message (press SPACE BAR to continue)

## 4. Image + Question
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/5da36711-8d53-4cc8-975a-14d62b42d827)

_Breakdown of the elements:_
- Image element
- Question
- Text input (Should have a limit of characters)

## 5. Image + Question + List inputs
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/e6c18522-5ac6-418b-9f15-4cbd8c75cf95)
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/72b432ae-15bc-4973-9668-1f63084e11ff)

_Breakdown of the elements:_
- Image element
- Question
- Numbered list of inputs (Each should have a limit of characters)
- Confirmation message (Enter names or press Return)
- After inputing, confirmation message changes to a **Y**es/**N**o confirmation question

## 6. Loading screen
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/e89ba7c2-1d5c-4b40-9ee8-b6a8778692b8)

_Breakdown of the elements:_
- Image element
- Some text in a bordered container for emphasis

## 7. Image + [Spacebar]
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/953fea42-36ec-49e4-a9db-4228c820f405)

_Breakdown of the elements:_
- Image element
- Some text over the image in a bordered container for emphasis
- Confirmation message (press SPACE BAR to continue)

## 8. Dialogue + [Spacebar]
![image](https://github.com/CodingTrain/Oregon-Trail/assets/50217333/a360e667-d22a-4de0-8c9d-418a02b55289)

_Breakdown of the elements:_
- Some text
- Image element on left
- Bullet points on right
- Confirmation message (press SPACE BAR to continue)

## Conclusion
There are a lot of page layouts that are not even the core game. Currently adding pages is hard and not efficient. Maybe a simple page editor that would generate the JSON code will solve this issue.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.