-
-
Notifications
You must be signed in to change notification settings - Fork 498
London | 26-ITP-May | Martin Mwaka | Sprint 2 | Wireframe #1308
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
Temceo
wants to merge
19
commits into
CodeYourFuture:main
Choose a base branch
from
Temceo:sprint2_wireframe
base: main
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Changes from all commits
Commits
Show all changes
19 commits
Select commit
Hold shift + click to select a range
4480d7b
update index and css page. Add legumes.html
Temceo 720445e
update legumes.html
Temceo 4b2d901
add lentis.html
Temceo c19f4d4
add chickpeas.html
Temceo 8adc6fa
update article background colour
Temceo f8a1b5d
update site font size
Temceo 076f02a
update article a in css
Temceo cc640aa
update chickpeas.html
Temceo 821470b
update css
Temceo f2d960d
css update to fix footer to bottom of page
Temceo dbdd4ac
correct formatting in html pages
Temceo 93390cd
update links and images in index.html
Temceo 6888105
update chickpeas to readme.html
Temceo 393438f
update text in readme.html
Temceo 3a8470c
update legumes to wireframe.html and update content
Temceo 0e51795
update lentils to branch.html and update content
Temceo f067711
update content and links in index.html
Temceo eebc188
update wireframe.html and style.css
Temceo 19243a8
update footer in branch, readme and wireframe.html
Temceo File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" > | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" > | ||
| <title>Git branch</title> | ||
| <link rel="stylesheet" href="style.css" > | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Git branch</h1> | ||
| </header> | ||
| <main> | ||
| <article> | ||
| <h2>what is a branch in Git?</h2> | ||
| <p> | ||
| A branch in Git is a lightweight, movable pointer to a specific commit | ||
| in a repository. Branches allow developers to work on different | ||
| features, bug fixes, or experiments independently without affecting | ||
| the main codebase. They are one of Git’s most important features | ||
| because they enable parallel development and make collaboration | ||
| easier. | ||
| </p> | ||
| <p> | ||
| When a Git repository is created, it usually starts with a default | ||
| branch, commonly called main (previously often called master). This | ||
| branch contains the stable version of the project. Developers can | ||
| create new branches from the main branch to work on separate tasks. | ||
| For example, if a team is adding a new login feature, a developer | ||
| might create a branch named login-feature. Any changes made on this | ||
| branch remain isolated from the main branch until they are ready to be | ||
| integrated. | ||
| </p> | ||
| <p> | ||
| Creating a branch is fast and efficient because Git does not copy all | ||
| project files. Instead, it creates a new pointer to an existing | ||
| commit. As development progresses, commits made on the branch record | ||
| changes independently of other branches. This allows multiple | ||
| developers to work on different parts of a project at the same time | ||
| without interfering with each other’s work. | ||
| </p> | ||
| <p> | ||
| Once the work on a branch is complete and tested, it can be merged | ||
| back into the main branch. Merging combines the changes from the | ||
| branch with the target branch. Git automatically merges changes when | ||
| possible, but if two branches modify the same part of a file, a merge | ||
| conflict may occur. Developers must then manually resolve the conflict | ||
| before completing the merge. | ||
| </p> | ||
| <p> | ||
| Branches are also useful for experimentation. A developer can create a | ||
| branch to test a new idea without risking the stability of the main | ||
| project. If the experiment succeeds, it can be merged; if not, the | ||
| branch can simply be deleted. | ||
| </p> | ||
| <p> | ||
| In summary, a Git branch is a separate line of development within a | ||
| repository. It enables developers to work independently, collaborate | ||
| efficiently, test new ideas safely, and maintain a stable main | ||
| codebase. By isolating changes until they are ready to be integrated, | ||
| branches help teams manage software development in an organized and | ||
| flexible manner. | ||
| </p> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <p>Good Coding Practices © 2026</p> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" > | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" > | ||
| <title>Chickpeas</title> | ||
| <link rel="stylesheet" href="style.css" > | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Chickpeas</h1> | ||
| </header> | ||
| <main> | ||
| <article> | ||
| <h2>Chickpeas: A Superfood for Health and Wellness</h2> | ||
| <p> | ||
| Chickpeas, also known as garbanzo beans, have been cultivated for thousands of years and are a staple in cuisines from the Middle East to the Mediterranean. Beyond their versatility and mild, nutty flavour, chickpeas are widely recognized as a superfood due to their dense nutritional profile and numerous health benefits. | ||
| </p> | ||
| <p> | ||
| One of the most compelling reasons chickpeas are considered a superfood is their high protein content. Rich in plant-based protein, chickpeas provide essential amino acids needed for muscle growth, repair, and overall body function. They are particularly valuable for vegetarians and vegans, offering a wholesome, low-fat alternative to animal proteins. Protein, combined with their fiber content, also helps keep you full longer, aiding in appetite control and weight management. | ||
| </p> | ||
| <p> | ||
| Chickpeas are loaded with dietary fibre, which supports digestive health by promoting regular bowel movements and feeding beneficial gut bacteria. Soluble fibre in chickpeas helps reduce LDL cholesterol, lowering the risk of heart disease, while also regulating blood sugar levels. This makes chickpeas an excellent choice for those managing diabetes or aiming for steady energy levels throughout the day. | ||
| </p> | ||
| <p> | ||
| In addition to protein and fibre, chickpeas are packed with essential vitamins and minerals. They are a rich source of folate, iron, magnesium, manganese, and phosphorus, nutrients vital for red blood cell production, energy metabolism, bone health, and proper nervous system function. Regular consumption of chickpeas can help prevent nutrient deficiencies and support overall health. | ||
| </p> | ||
| <p> | ||
| Another reason chickpeas are a superfood is their low glycemic index, which allows for slow digestion and gradual glucose release into the bloodstream. This contributes to stable blood sugar levels, improved energy, and reduced risk of insulin resistance. Their versatility also makes them easy to incorporate into a variety of dishes—hummus, salads, soups, stews, roasted snacks, and even baked goods—ensuring that getting their nutritional benefits can also be delicious. | ||
| </p> | ||
| <p> | ||
| Chickpeas also have environmental benefits. They are nitrogen-fixing legumes, which enrich the soil and reduce the need for synthetic fertilizers. Compared to animal proteins, chickpeas require less water and produce fewer greenhouse gas emissions, making them an eco-friendly choice that supports sustainable agriculture. | ||
| </p> | ||
| <p> | ||
| Incorporating chickpeas into your diet can be simple and rewarding. Nutrition experts recommend including at least two servings per week to reap the benefits for heart health, digestion, blood sugar regulation, and overall nutrient intake. With their combination of protein, fiber, vitamins, minerals, and environmental sustainability, chickpeas are more than just a pantry staple—they are a superfood that supports long-term wellness. | ||
| </p> | ||
| <p> | ||
| In summary, chickpeas offer an impressive array of health benefits in a small, versatile package. Their ability to promote cardiovascular health, support digestion, provide sustained energy, and deliver essential nutrients makes them a true superfood. By including chickpeas regularly in meals, you can enhance your diet, improve overall health, and contribute to a more sustainable food system—all while enjoying delicious and satisfying dishes. | ||
| </p> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <p> | ||
| Legumes For All © 2026 | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,33 +1,67 @@ | ||
| <!DOCTYPE html> | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta charset="UTF-8" > | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" > | ||
| <link rel="preconnect" href="https://fonts.googleapis.com" > | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin > | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" | ||
| rel="stylesheet" | ||
| > | ||
| <title>Wireframe</title> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <link rel="stylesheet" href="style.css" > | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Wireframe</h1> | ||
| <p> | ||
| This is the default, provided code and no changes have been made yet. | ||
| </p> | ||
| <h1>Wireframing and documenting your code</h1> | ||
| </header> | ||
| <main> | ||
| <article> | ||
| <img src="placeholder.svg" alt="" /> | ||
| <h2>Title</h2> | ||
| <img | ||
| src="https://images.unsplash.com/photo-1542831371-29b0f74f9713?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" | ||
| alt="Screen showing computer code" | ||
| > | ||
| <h2>What is the purpose of a README file?</h2> | ||
| <p> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, | ||
| voluptates. Quisquam, voluptates. | ||
| A README file is a document that provides essential information about | ||
| a project, software application, repository, or product... | ||
| </p> | ||
| <a href="">Read more</a> | ||
| <a href="readme.html" target="_blank">Read more</a> | ||
| </article> | ||
|
|
||
| <article> | ||
| <img | ||
| src="https://plus.unsplash.com/premium_photo-1720287601920-ee8c503af775?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" | ||
| alt="Computer code" | ||
| > | ||
| <h2>What is the purpose of a wireframe?</h2> | ||
| <p> | ||
| A wireframe is a fundamental tool in the fields of web design, app | ||
| development, and user interface (UI) design. It serves as a blueprint | ||
| or schematic representation of a digital product, outlining its | ||
| structure, layout... | ||
| </p> | ||
| <a href="wireframe.html" target="_blank">Read more</a> | ||
| </article> | ||
|
|
||
| <article> | ||
| <img | ||
| src="https://images.unsplash.com/photo-1521675333836-36e707ac1d20?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" | ||
| alt="Tree branch" | ||
| > | ||
| <h2>What is a branch in Git?</h2> | ||
| <p> | ||
| A branch in Git is a lightweight, movable pointer to a specific commit | ||
| in a repository. Branches allow developers to work on different | ||
| features, bug fixes, or experiments independently without affecting | ||
| the main codebase ... | ||
| </p> | ||
| <a href="branch.html" target="_blank">Read more</a> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <p> | ||
| This is the default, provided code and no changes have been made yet. | ||
| </p> | ||
| <p>Good Coding Practices © 2026</p> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" > | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" > | ||
| <title>Legumes</title> | ||
| <link rel="stylesheet" href="style.css" > | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Legumes</h1> | ||
| </header> | ||
| <main> | ||
| <article> | ||
| <h2>Legumes: A Nutritional Powerhouse for Human Health</h2> | ||
| <p> | ||
| Legumes, which include beans, lentils, peas, chickpeas, and peanuts, are among the most nutrient-dense foods available. These humble plants have been staples in human diets for thousands of years, and modern science confirms their exceptional benefits for health and well-being. | ||
| </p> | ||
| <p> | ||
| One of the most notable advantages of legumes is their high protein content. For individuals seeking plant-based protein, legumes are a natural solution, offering essential amino acids needed for muscle growth, repair, and overall bodily function. Unlike many animal-based protein sources, legumes are low in saturated fat, making them a heart-healthy alternative while still supporting strength and energy. | ||
| </p> | ||
| <p> | ||
| Legumes are also an excellent source of dietary fibre, which plays a critical role in digestive health. Fibre promotes regular bowel movements, supports gut microbiota, and contributes to a feeling of fullness, which can help with weight management. Additionally, soluble fibre in legumes helps regulate blood sugar levels, reducing spikes after meals—a benefit particularly important for individuals with type 2 diabetes. Fibre also aids in lowering LDL cholesterol, supporting cardiovascular health over the long term. | ||
| </p> | ||
| <p> | ||
| Beyond protein and fibre, legumes are rich in essential vitamins and minerals. Folate, iron, magnesium, potassium, and zinc are commonly found in legumes, helping with red blood cell formation, energy metabolism, bone health, and proper nerve and muscle function. Regular consumption of legumes can prevent nutrient deficiencies while providing a low-calorie, nutrient-dense dietary option. | ||
| </p> | ||
| <p> | ||
| Another compelling reason to include legumes in the diet is their low glycemic index, which helps maintain steady energy levels and improves blood sugar management. This property, combined with their high fibre and protein content, makes legumes particularly beneficial for weight control and metabolic health. | ||
| </p> | ||
| <p> | ||
| Legumes are also incredibly versatile in culinary applications. They can be added to soups, stews, salads, curries, dips, or even blended into spreads like hummus. Their mild flavour and ability to absorb seasonings make them adaptable to a wide variety of cuisines, helping people increase their nutrient intake without compromising taste. | ||
| </p> | ||
| <p> | ||
| In addition to human health benefits, legumes contribute to environmental sustainability. As nitrogen-fixing plants, they enrich the soil, reducing the need for chemical fertilizers. They also require less water and produce fewer greenhouse gases compared to most animal-based protein sources, making them a responsible choice for both personal health and the planet. | ||
| </p> | ||
| <p> | ||
| Incorporating legumes into the diet can be simple and highly rewarding. Nutritionists often recommend consuming at least 2–3 servings of legumes per week, which can support heart health, improve digestion, stabilize blood sugar, and promote weight management. With their unique combination of protein, fibre, vitamins, minerals, and environmental benefits, legumes are not only a nutritious dietary choice but also a smart investment in long-term health. | ||
| </p> | ||
| <p> | ||
| In summary, legumes are much more than a traditional pantry staple—they are a superfood for modern diets. Their ability to provide essential nutrients, support metabolic and cardiovascular health, aid digestion, and promote sustainable food practices makes them one of the most valuable foods for human health. Adding a variety of legumes to daily meals is an easy, cost-effective way to enhance overall nutrition and well-being. | ||
| </p> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <p> | ||
| Legumes For All © 2026 | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains hidden or 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" > | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" > | ||
| <title>Lentils</title> | ||
| <link rel="stylesheet" href="style.css" > | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Lentils</h1> | ||
| </header> | ||
| <main> | ||
| <article> | ||
| <h2>Lentils: The Superfood You Shouldn't Ignore</h2> | ||
| <p> | ||
| Lentils, small lens-shaped legumes, have been a staple of diets around the world for thousands of years. From traditional Indian dals to Mediterranean soups, lentils are cherished not just for their taste but also for their remarkable nutritional value. They are widely recognized as a superfood—a nutrient-dense food that delivers a wide range of health benefits with relatively few calories. | ||
| </p> | ||
| <p> | ||
| One of the standout features of lentils is their high protein content. For those seeking plant-based protein, lentils are an excellent choice, providing essential amino acids necessary for muscle growth, repair, and overall body function. They offer a heart-healthy alternative to meat, as they are naturally low in saturated fat and cholesterol-free. For vegetarians, vegans, or anyone looking to reduce animal protein intake, lentils are a powerful, versatile option. | ||
| </p> | ||
| <p> | ||
| Dietary fibre is another reason lentils earn their superfood status. Rich in both soluble and insoluble fiber, lentils support healthy digestion, regulate bowel movements, and promote a feeling of fullness, which can aid in weight management. Soluble fibre also helps lower LDL cholesterol, reducing the risk of heart disease, while helping stabilise blood sugar levels—a key benefit for people with diabetes or insulin resistance. | ||
| </p> | ||
| <p> | ||
| Lentils are packed with essential vitamins and minerals, including folate, iron, magnesium, potassium, and zinc. Folate supports cell growth and development, iron prevents anemia, magnesium aids in nerve and muscle function, and potassium helps maintain healthy blood pressure. Regular consumption of lentils contributes to overall vitality and helps prevent nutrient deficiencies. | ||
| </p> | ||
| <p> | ||
| Another advantage of lentils is their low glycemic index, meaning they release energy slowly and help maintain stable blood sugar levels. This makes them an excellent food for sustained energy, weight management, and metabolic health. Lentils are also extremely versatile in cooking. They can be used in soups, stews, salads, veggie burgers, and even blended into spreads, making it easy to incorporate them into daily meals without sacrificing taste or variety. | ||
| </p> | ||
| <p> | ||
| Beyond personal health, lentils are environmentally friendly. They are nitrogen-fixing plants, enriching the soil naturally and reducing the need for synthetic fertilizers. They also require less water than most animal protein sources and have a smaller carbon footprint, making them a sustainable choice that benefits both human health and the planet. | ||
| </p> | ||
| <p> | ||
| Incorporating lentils into your diet can be simple and highly rewarding. Nutritionists often recommend including at least 2 to 3 servings per week, which can support heart health, improve digestion, stabilize blood sugar, and provide a rich source of vitamins and minerals. With their combination of protein, fiber, micronutrients, versatility, and environmental benefits, lentils clearly deserve their superfood label. | ||
| </p> | ||
| <p> | ||
| In summary, lentils are more than just a pantry staple—they are a powerhouse of nutrition. By adding lentils to your meals regularly, you can enhance your health, support sustainable food practices, and enjoy delicious, versatile dishes. Whether in soups, salads, or stews, lentils are a simple, cost-effective way to nourish your body and promote long-term well-being. | ||
| </p> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <p> | ||
| Legumes For All © 2026 | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.
Oops, something went wrong.
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Breaking HTML text into multiple lines helps make the code easier to read, edit, and maintain while preserving the same rendered output.
VS Code formatter could be used to keep our code consistently formatted, including breaking long
lines of HTML text into multiple lines for easier editing and maintenance.
For more info about enabling "Format on Save" in VS Code or use VS Code's "Format Document" feature,
please refer to this guide.