added code folder

raspberrypilearning · Apr 2, 2024 · 177c039 · 177c039
1 parent cdbed36
commit 177c039
Show file tree

Hide file tree

Showing 44 changed files with 1,257 additions and 0 deletions.
diff --git a/en/code/happy-birthday-complete/birthday-card-boy.png b/en/code/happy-birthday-complete/birthday-card-boy.png
diff --git a/en/code/happy-birthday-complete/birthday-card-diamond.png b/en/code/happy-birthday-complete/birthday-card-diamond.png
diff --git a/en/code/happy-birthday-complete/birthday-card-dinosaur.png b/en/code/happy-birthday-complete/birthday-card-dinosaur.png
diff --git a/en/code/happy-birthday-complete/birthday-card-finished-dinosaur.png b/en/code/happy-birthday-complete/birthday-card-finished-dinosaur.png
diff --git a/en/code/happy-birthday-complete/birthday-card-finished-rainbow.png b/en/code/happy-birthday-complete/birthday-card-finished-rainbow.png
diff --git a/en/code/happy-birthday-complete/birthday-card-flowers.png b/en/code/happy-birthday-complete/birthday-card-flowers.png
diff --git a/en/code/happy-birthday-complete/birthday-card-girl.png b/en/code/happy-birthday-complete/birthday-card-girl.png
diff --git a/en/code/happy-birthday-complete/birthday-card-rainbow.png b/en/code/happy-birthday-complete/birthday-card-rainbow.png
diff --git a/en/code/happy-birthday-complete/birthday-card-robot.png b/en/code/happy-birthday-complete/birthday-card-robot.png
diff --git a/en/code/happy-birthday-complete/birthday-card-spaceship.png b/en/code/happy-birthday-complete/birthday-card-spaceship.png
diff --git a/en/code/happy-birthday-complete/birthday-card-sun.png b/en/code/happy-birthday-complete/birthday-card-sun.png
diff --git a/en/code/happy-birthday-complete/birthday-card-tea.png b/en/code/happy-birthday-complete/birthday-card-tea.png
diff --git a/en/code/happy-birthday-complete/birthday-card-trophy.png b/en/code/happy-birthday-complete/birthday-card-trophy.png
diff --git a/en/code/happy-birthday-complete/index.html b/en/code/happy-birthday-complete/index.html
@@ -0,0 +1,45 @@
+<html>
+
+  <head>
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js"></script>
+    <script src="prefixfree.js"></script>
+  </head>
+
+  <body>
+
+    <div id="outside">
+
+      <p id="outside-title">
+        Happy Birthday!
+      </p>
+
+      <img id="outside-pic" src="birthday-card-rainbow.png">
+
+      <p>
+        <button onclick="open_card()">Click to open</button>
+      </p>
+
+    </div>
+
+    <div id="inside">
+
+      <p id="inside-title">
+        Happy 12th Birthday, Ellie!
+      </p>
+
+      <img id="inside-pic" src="birthday-card-dinosaur.png">
+
+      <p id="message">
+        I hope you have a great day! See you on Saturday for your party!! :) Love Viktoria xx
+      </p>
+
+      <p>
+        <button onclick="close_card()">Click to close</button>
+      </p>
+
+    </div>
+
+  </body>
+
+</html>