Initialise the code

raspberrypilearning · Dec 12, 2024 · 7649643 · 7649643
1 parent 0998515
commit 7649643
Show file tree

Hide file tree

Showing 8 changed files with 87 additions and 88 deletions.
diff --git a/en/code/recipe-complete/index.html b/en/code/recipe-complete/index.html
@@ -0,0 +1,41 @@
+<html>
+
+<head>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+    <h1>Banana Milkshake</h1>
+
+    <img src="banana.jpg">
+
+    <h3>Ingredients:</h3>
+
+    <ul>
+        <li>1 banana</li>
+        <li>250ml milk</li>
+        <li>3 ice cubes</li>
+    </ul>
+
+    <h3>Method:</h3>
+
+    <ol>
+        <li>Peel the banana and add to a blender</li>
+        <li>Add the milk and ice cubes to the blender</li>
+        <li>Turn on the blender for 30 seconds</li>
+        <li>Drink!</li>
+    </ol>
+
+    <hr>
+
+    <h3>Reviews:</h3>
+
+    <ul>
+        <li>Marcus: this was really simple to make - 9/10</li>
+        <li>Adeel: ok, but another banana would improve the flavour - 7/10</li>
+    </ul>
+
+</body>
+
+</html>
diff --git a/en/code/recipe-complete/project_config.yml b/en/code/recipe-complete/project_config.yml
@@ -0,0 +1,3 @@
+name: 'Recipe - Complete'
+identifier: 'recipe-complete'
+type: 'html'
diff --git a/en/code/recipe-complete/style.css b/en/code/recipe-complete/style.css
@@ -0,0 +1,20 @@
+body {
+    background: #fafad2;
+    font-family: courier;
+    color: tomato;
+}
+
+img {
+    width: 400px;
+    border: 4px solid tomato;
+}
+
+ul {
+    list-style-type: square;
+}
+
+hr {
+    height: 2px;
+    border: none;
+    background-color: tomato;
+}
diff --git a/en/code/recipe-starter/index.html b/en/code/recipe-starter/index.html
@@ -0,0 +1,11 @@
+<html>
+
+<head>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+</body>
+
+</html>
diff --git a/en/code/recipe-starter/project_config.yml b/en/code/recipe-starter/project_config.yml
@@ -0,0 +1,3 @@
+name: 'Recipe - Starter'
+identifier: 'recipe-starter'
+type: 'html'
diff --git a/en/code/recipe-starter/style.css b/en/code/recipe-starter/style.css
diff --git a/en/meta.yml b/en/meta.yml
@@ -18,7 +18,7 @@ software: html-css-javascript
 version: 3
 last_tested: 2017-01-01
 steps:
-- title: Introduction
+- title: What you will make
 - title: Decide on a recipe
 - title: Ingredients
   completion:

diff --git a/en/step_1.md b/en/step_1.md
@@ -1,95 +1,16 @@
-## Introduction
+## What you will make
 
-In this project, you’ll learn how to create a webpage for your favourite recipe.
+Learn how to create a webpage for your favourite recipe.
 
-![screenshot](images/recipe-final.png)
+--- print-only ---
+![A webpage about how to make banana milkshake with an image of banana slices](images/recipe-final.png)
+--- /print-only ---
 
-### Additional information for club leaders
+--- no-print ---
 
-If you need to print this project, please use the [Printer friendly version](https://projects.raspberrypi.org/en/projects/recipe/print).
+<iframe src="https://editor.raspberrypi.org/en/embed/viewer/recipe-complete" width="100%" height="900" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen> </iframe>
 
+--- /no-print ---
 
---- collapse ---
----
-title: Club leader notes
----
 
 
-## Introduction:
-In this project, children will learn about HTML lists and CSS colours. They will create their own recipe, adding ingredient and method lists.
-
-## Online Resources
-
-We recommend using [trinket](https://trinket.io/) to write HTML & CSS online.
-
-Children can also make use of this blank trinket [(jumpto.cc/html-blank)](http://jumpto.cc/html-blank) to write their own HTML & CSS, or alternatively they can use this template trinket [(jumpto.cc/html-template)](http://jumpto.cc/html-template).
-
-There is also a trinket containing a sample solution to the challenges:
-
-+ [‘Recipe’ Finished -- trinket.io/html/c0fd9b40cd](https://trinket.io/html/c0fd9b40cd)
-
-## Offline Resources
-This project can be [completed offline](https://rpf.io/html-offline) if preferred. You can access the project resources by clicking the 'Project Materials' link for this project. This link contains a 'Project Resources' section, which includes resources that children will need to complete this project offline. Make sure that each child has access to a copy of these resources. This section includes the following files:
-
-+ template/index.html
-+ template/style.css
-
-You can also find a completed version of this project's challenges in the 'Volunteer Resources' section, which contains:
-
-+ recipe-finished/index.html
-+ recipe-finished/style.css
-+ recipe-finished/banana.jpg
-
-(All of the resources above are also downloadable as project and volunteer `.zip` files.)
-
-## Learning Objectives
-+ Writing HTML:
-	+ `<ul>`, `<ol>` and `<li>` list tags;
-	+ `<hr/>` tag;
-	+ Consolidating the use of nested tags.
-
-+ Writing CSS:
-	+ Colours (names & hexadecimal codes).
-
-This project covers elements from the following strands of the [Raspberry Pi Digital Making Curriculum](https://rpf.io/curriculum):
-
-+ [Design basic 2D and 3D assets](https://www.raspberrypi.org/curriculum/design/creator).
-
-## Challenges
-"More ingredients" - adding more items to an unordered list;
-"More steps" - adding more items to an ordered list;
-"More colours" - adding colour names, rgb values and hex codes;
-"Reviews" - adding another unordered list;
-"More styling" - adding images and fonts.
-
-## Completing this project offline
-If children are completing this project offline, they’ll need to save images they intend to use in the same folder as their Template.html file.
-
-They can then just add the name of the file in their `<img>` tags:
-
-```
-<img src="banana.jpg" />
-```
-
---- /collapse ---
-
-
---- collapse ---
----
-title: Project materials
----
-## Project resources
-* [.zip file containing all project resources](https://rpf.io/p/en/recipe-go)
-* [Online Trinket template](http://jumpto.cc/trinket-template)
-* [Online blank Trinket](http://jumpto.cc/trinket-blank)
-* [template/index.html](resources/template-index.html)
-* [template/style.css](resources/template-style.css)
-
-## Club leader resources
-* [.zip file containing all completed project resources](https://rpf.io/p/en/recipe-go)
-* [Online completed Trinket project](https://trinket.io/html/c0fd9b40cd)
-* [recipe-finished/index.html](resources/recipe-finished-index.html)
-* [recipe-finished/style.css](resources/recipe-finished-style.css)
-* [recipe-finished/banana.png](resources/recipe-finished-banana.png)
-
---- /collapse ---