feat: more lab work

hack4impact-calpoly · Sep 14, 2023 · 6283fd4 · 6283fd4
1 parent f0612ff
commit 6283fd4
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 23 deletions.
diff --git a/js/ui.js b/js/ui.js
@@ -109,7 +109,6 @@ const labs = [
   "Cascading Style Sheets",
   "Selectors",
   "Colors and Text",
-  "Applying CSS",
   "Margins and Padding",
   "Borders",
   "Shorthand Properties",

diff --git a/lab_032.html b/lab_032.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>
-    Lab 32 - Applying CSS
+    Lab 32 - Margins and Padding
   </title>
   <meta charset="UTF-8" />
   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
@@ -37,23 +37,15 @@
     </nav>
     <div id="content" tabindex="-1">
       <h1 class="lab_title">
-        <em>Lab 32</em>
-        Applying CSS
+        <em>Lab </em>
+        Margins and Padding
       </h1>
 
       <h2>Goals</h2>
       <ul>
-        <li>Apply some style to our HTML</li>
+        <li>Learn about <code>Git</code></li>
       </ul>
-      <h2>Style, not Structure</h2>
-      <p>Let's add some appearance and design to our HTML. In your <code>styles.css</code>, let's add some changes using HTML selectors first.
-      Add the following CSS to your <code>styles.css</code> file:</p>
-      </p>
-       <h3 class="file-heading"><em>styles.css</em></h3>
-      <pre class="file line-numbers" data-src="prism/css/3201.css" data-range="1,12"></pre>
-      <p>We set the height of the <code class="language-html">&lt;html&gt;</code> tag  to be 100%. This means it will take
-        up the full available space of its parent container. The parent container in this case is the browser window, so our <code class="language-html">&lt;html&gt;</code>
-        will fill up our browser window and give us a good starting point for other styling.</p>
+
 
     </div>
   </main>

diff --git a/lab_033.html b/lab_033.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>
-    Lab  - Git
+    Lab 33 - Borders
   </title>
   <meta charset="UTF-8" />
   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
@@ -16,7 +16,7 @@
   <link href="css/prism.css" rel="stylesheet" />
 </head>
 
-<body data-lab-id="">
+<body data-lab-id="33">
   <a class="skip-to-content" href="#content" tabindex="1">
     Skip to content
   </a>
@@ -37,8 +37,8 @@
     </nav>
     <div id="content" tabindex="-1">
       <h1 class="lab_title">
-        <em>Lab </em>
-        Git
+        <em>Lab 33</em>
+        Borders
       </h1>
 
       <h2>Goals</h2>

diff --git a/lab_034.html b/lab_034.html
@@ -3,7 +3,7 @@
 
 <head>
   <title>
-    Lab  - Git
+    Lab 34 - Shorthand Properites
   </title>
   <meta charset="UTF-8" />
   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
@@ -16,7 +16,7 @@
   <link href="css/prism.css" rel="stylesheet" />
 </head>
 
-<body data-lab-id="">
+<body data-lab-id="34">
   <a class="skip-to-content" href="#content" tabindex="1">
     Skip to content
   </a>
@@ -37,8 +37,8 @@
     </nav>
     <div id="content" tabindex="-1">
       <h1 class="lab_title">
-        <em>Lab </em>
-        Git
+        <em>Lab 34</em>
+        Shorthand Properties
       </h1>
 
       <h2>Goals</h2>

diff --git a/prism/css/3201.css b/prism/css/3201.css
@@ -8,5 +8,5 @@ body {
   min-height: 100vh;
   padding: 0;
   margin: 0;
-  font-family: monospace;
+  font-family: "monospace";
 }