vda-lab · Langsi97 · Mar 20, 2023 · Mar 20, 2023 · Mar 21, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_01/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_01/Exercise.svelte
@@ -1,7 +1,2 @@
-<div class="answer">My name is ...</div>
+<p style= 'color: red;'>My name is <b>Revelation<b></p>
 
-<style>
-  div.answer {
-    color: rgb(2, 96, 45);
-  }
-</style>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_02/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_02/Exercise.svelte
@@ -0,0 +1,8 @@
+<h1>Header 1</h1>
+<h2>Header 2</h2>
+<h3>Header 3</h3>
+<h4>Header 4</h4>
+<h5>Header 5</h5>
+<h6>Header 6</h6>
+
+
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_03/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_03/Exercise.svelte
@@ -0,0 +1,6 @@
+<p><em> "The best visual ordered by Mackinlay's ranking:"</em></p>
+<ol>
+<li>position</li>
+<li>length</li>
+<li>angle</li>
+</ol>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_04/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_04/Exercise.svelte
@@ -1 +1 @@
-Marks are basic geometric elements that depict items and links.
+<li><em>Marks</em> are <strike>basic</strike> <b>geometric elements</b>  that depict items and links.</li>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_05/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_05/Exercise.svelte
@@ -1 +1,6 @@
-The first message! The second message!
+<div>
+The first message!
+</div>
+ <div>
+ The second message!
+ </div>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_06/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_06/Exercise.svelte
@@ -1 +1,5 @@
-I really like data visualisation!
+<style>
+p{color:steelblue; font-size:26px; font-family: Arial}
+
+</style>
+<p>I <span style="color:red;">really</span> like data visualisation!</p>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_07/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_07/Exercise.svelte
@@ -1 +1 @@
-My lucky number is
+const My lucky number is = 26
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_08/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_08/Exercise.svelte
@@ -0,0 +1,8 @@
+<script>
+  const myFavorites = {
+    name: "Revelation",
+    favorites: ["apple", "peer", "sex"]
+  };
+</script>
+
+<p>My name is {myFavorites.name} and these are some of my favourite things: {myFavorites.favorites.join(", ")}.</p>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_09/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_09/Exercise.svelte
@@ -0,0 +1,10 @@
+<script>
+function  circum_sphere(radius){  
+  const circumference=2*Math.PI*radius;
+   return circumference
+}
+
+const radius = 5;
+const circumference =circum_sphere(radius);
+</script>
+<p>'The circumference of a circle with radius {radius}m is {circumference.toFixed(2)}m.'</p>
diff --git a/src/routes/02_exercises/01_web_technologies/exercise_10/Exercise.svelte b/src/routes/02_exercises/01_web_technologies/exercise_10/Exercise.svelte
@@ -0,0 +1,9 @@
+<div>
+  <Exercise_03/>
+  <Exercise_03/>
+</div>
+
+<script>
+  import Exercise_03 from './Exercise_03.svelte';
+  import Exercise_02from './Exercise_02.svelte';
+</script>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		Marks are basic geometric elements that depict items and links.
		<li><em>Marks</em> are <strike>basic</strike> <b>geometric elements</b> that depict items and links.</li>