Wednesday, October 18, 2023, 15:00:00 + 5

enter/.obsidian/plugins/recent-files-obsidian/data.json

@@ -1,5 +1,13 @@
 {
   "recentFiles": [
+    {
+      "basename": "HTML Group Project",
+      "path": "HTML Group Project.md"
+    },
+    {
+      "basename": "HTML Tricks Part 2",
+      "path": "HTML Tricks Part 2.md"
+    },
     {
       "basename": "Potentiometers & Analog SerialReader",
       "path": "Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md"
@@ -191,10 +199,6 @@
     {
       "basename": "Week 3 Slides",
       "path": "Coding Tips (Classical)/Project Vault/Current Occupations/Manhattan Youth/Week 3 Slides.md"
-    },
-    {
-      "basename": "Manhattan Youth",
-      "path": "Coding Tips (Classical)/Project Vault/Current Occupations/Manhattan Youth/Manhattan Youth.md"
     }
   ],
   "omittedPaths": [],

enter/.obsidian/workspace.json

@@ -14,8 +14,41 @@
               "type": "empty",
               "state": {}
             }
+          },
+          {
+            "id": "ab82fc8f7d69aba9",
+            "type": "leaf",
+            "state": {
+              "type": "markdown",
+              "state": {
+                "file": "HTML Tricks Part 2.md",
+                "mode": "source",
+                "source": false
+              }
+            }
+          },
+          {
+            "id": "d8b4cece2e694f40",
+            "type": "leaf",
+            "state": {
+              "type": "empty",
+              "state": {}
+            }
+          },
+          {
+            "id": "43175014d1650e7c",
+            "type": "leaf",
+            "state": {
+              "type": "markdown",
+              "state": {
+                "file": "HTML Group Project.md",
+                "mode": "source",
+                "source": false
+              }
+            }
           }
-        ]
+        ],
+        "currentTab": 3
       }
     ],
     "direction": "vertical"
@@ -74,7 +107,7 @@
       }
     ],
     "direction": "horizontal",
-    "width": 251.5
+    "width": 200
   },
   "right": {
     "id": "4bd9c02fbfe6785f",
@@ -90,6 +123,7 @@
             "state": {
               "type": "backlink",
               "state": {
+                "file": "HTML Group Project.md",
                 "collapseAll": false,
                 "extraContext": false,
                 "sortOrder": "alphabetical",
@@ -106,6 +140,7 @@
             "state": {
               "type": "outgoing-link",
               "state": {
+                "file": "HTML Group Project.md",
                 "linksCollapsed": false,
                 "unlinkedCollapsed": true
               }
@@ -128,7 +163,7 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "Excalidraw/Drawing 2023-10-17 18.01.00.excalidraw.md"
+                "file": "HTML Group Project.md"
               }
             }
           }
@@ -155,8 +190,10 @@
       "obsidian-excalidraw-plugin:Create new drawing": false
     }
   },
-  "active": "dbad7b010371d947",
+  "active": "43175014d1650e7c",
   "lastOpenFiles": [
+    "HTML Group Project.md",
+    "HTML Tricks Part 2.md",
     "Excalidraw/Drawing 2023-10-17 18.01.00.excalidraw.md",
     "Excalidraw",
     "Machine Tips (Quantum)/Physics/Hardware/Potentiometers & Analog SerialReader.md",
@@ -183,8 +220,6 @@
     "Machine Tips (Quantum)/Math/Linear Algebra Basics.md",
     "Machine Tips (Quantum)/Math/Math Software.md",
     "Machine Tips (Quantum)/Math/Math terms & Probabilities.md",
-    "Machine Tips (Quantum)/Math/Proof of a formula for modulo.md",
-    "Machine Tips (Quantum)/Math/Quantum Formalism.md",
     "Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools/export/Slides/Pasted image 20231010141612.png",
     "Coding Tips (Classical)/Project Vault/About Obsidian/Slides & Tools",
     "Untitled.canvas",

enter/HTML Group Project.md

@@ -0,0 +1,5 @@
+
+
+By the end of the group project you must have: 
+
+- A topic (Favorite Animal, Favorite Place, )

enter/HTML Tricks Part 2.md

@@ -0,0 +1,75 @@
+From Shway (that's me)
+
+Last week we went over the basic structure of an HTML webpage and learned the following code:
+
+#### What we did last time ######
+# things in hashtags are a comment & don't appear in the code
+
+<!DOCTYPE html>  # makes the program know that it is an html doc
+
+<html> 
+
+<head>
+
+<title>This is the title </title> # this appears on the title bar
+
+</head>
+
+<body> # the body is what will be inside the webpage itself! 
+
+Blah balah 
+
+</body>
+
+</html> #closing html program tag 
+
+Remember how we turned it into a web page? _quickly go over it_
+
+---
+
+## DESIGN CHALLENGE: WEB PROGRAMMING: HTML PT 2
+
+This week we want to ✨spruce✨ up our website a bit more so that it looks like a presentable one. We will be getting in groups to present group designs. The challenge is on!
+
+#### Tip - Adding an image to your site:
+
+Go to google images and **right-click** on any image. You should see a "Copy Link Address" and click that. Paste it into "URL-here.jpg"
+
+<img src="URL_HERE.jpg"> #input image code for html
+
+Hint: make sure for the Link address that it's either a .jpg or a .png format!
+
+<img src="URL_HERE.jpg"
+style="width:100%;"> #this adjusts the size of the image
+
+Tip :
+
+Add a Search bar into your site
+
+```
+<input type="search" name="search">
+```
+
+
+Eventually CSS will be needed for multiple page creation in order to maintain consistency.
+
+Linking to different parts of your code on HTML: 
+```html
+<header>
+    <h1>The Heading</h1>
+    <a href="#content">Skip to content</a>
+</header> 
+
+<nav>
+    <!--loads of navigation stuff -->
+</nav>
+
+<section id="content">
+    <!--lovely content -->
+</section>
+
+```
+
+
+
+Shwetha Jayaraj - all rights reserved.