From 7546020e564d2ba5f1ff7f15789e1cd689f6106f Mon Sep 17 00:00:00 2001 From: shwetha729 Date: Wed, 18 Oct 2023 15:00:07 -0400 Subject: [PATCH] Wednesday, October 18, 2023, 15:00:00 + 5 --- .../plugins/recent-files-obsidian/data.json | 12 ++- enter/.obsidian/workspace.json | 47 ++++++++++-- enter/HTML Group Project.md | 5 ++ enter/HTML Tricks Part 2.md | 75 +++++++++++++++++++ 4 files changed, 129 insertions(+), 10 deletions(-) create mode 100644 enter/HTML Group Project.md create mode 100644 enter/HTML Tricks Part 2.md diff --git a/enter/.obsidian/plugins/recent-files-obsidian/data.json b/enter/.obsidian/plugins/recent-files-obsidian/data.json index 3055d1a..8c85a1c 100644 --- a/enter/.obsidian/plugins/recent-files-obsidian/data.json +++ b/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": [], diff --git a/enter/.obsidian/workspace.json b/enter/.obsidian/workspace.json index fcd3e83..e181b22 100644 --- a/enter/.obsidian/workspace.json +++ b/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", diff --git a/enter/HTML Group Project.md b/enter/HTML Group Project.md new file mode 100644 index 0000000..8956f44 --- /dev/null +++ b/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, ) \ No newline at end of file diff --git a/enter/HTML Tricks Part 2.md b/enter/HTML Tricks Part 2.md new file mode 100644 index 0000000..cdcc037 --- /dev/null +++ b/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 + + # makes the program know that it is an html doc + + + + + +This is the title # this appears on the title bar + + + + # the body is what will be inside the webpage itself! + +Blah balah + + + + #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" + + #input image code for html + +Hint: make sure for the Link address that it's either a .jpg or a .png format! + + #this adjusts the size of the image + +Tip : + +Add a Search bar into your site + +``` + +``` + + +Eventually CSS will be needed for multiple page creation in order to maintain consistency. + +Linking to different parts of your code on HTML: +```html +
+

The Heading

+ Skip to content +
+ + + +
+ +
+ +``` + + + +Shwetha Jayaraj - all rights reserved.