diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 00000000..2f54e4ac --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,14 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "editor-browser", + "request": "launch", + "name": "Open exercise1.html", + "url": "file:///c%3A/Users/stanl/.ssh/SL%20BU/bu-learning/exercise1.html" + } + ] +} \ No newline at end of file diff --git a/Exercise 0/FavoriteThings.txt b/Exercise 0/FavoriteThings.txt new file mode 100644 index 00000000..bd5e7fc5 --- /dev/null +++ b/Exercise 0/FavoriteThings.txt @@ -0,0 +1,3 @@ +Name: Stanley Li +Movie: Alice in Wonderland 2010 +Music: Daylight \ No newline at end of file diff --git a/Exercise 1/exercise1.html b/Exercise 1/exercise1.html new file mode 100644 index 00000000..b4eeced3 --- /dev/null +++ b/Exercise 1/exercise1.html @@ -0,0 +1,93 @@ + + + + + Exercise 1 + + + +

Stanley Li:Exercise 1-HTML

+

6/27/2026

+ +
+

My Favorite Things

+ + + + + + + + + + + + + + + + + + +
First nameLast nameFavorite Movie ImageFavorite Music Audio SampleFavorite Video Sample
StanleyLi + + Alice in Wonderland + + + + + +
+ +
+

Information form

+
+
+
+
+
+

Available days:

+
+ Monday + Tuesday + Wednesday + Thursday + Friday + Saturday + Sunday +
+

Available Times:

+
+

+ +
+

Additional Information:

+
+

+ + +
+
+ + \ No newline at end of file diff --git a/Exercise 2/exercise2.css b/Exercise 2/exercise2.css new file mode 100644 index 00000000..4e882739 --- /dev/null +++ b/Exercise 2/exercise2.css @@ -0,0 +1,119 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + position: relative; +} + +.blue { + background-color: blue; + width: 100%; + height: 250px; + flex-direction: row; + text-align: center; + padding-top: 90px; + color: white; +} + +.orange { + background-color: orange; + width: 100%; + height: 250px; + flex-direction: row; + text-align: center; + padding-top: 45px; + color: white; +} + +.Grey { + background-color: rgb(62, 57, 57); + width: 100%; + height: 375px; + flex-direction: row; + text-align: center; + padding-top: 100px; + color: white; +} + +html { + border: 36px solid rgb(255, 255, 255); +} + +a { + color: rgb(0, 123, 255); +} + +.Title { + font-size: 50px; + font-weight: bold; +} + +.logo { + margin-right: 1050px; + margin-top: -3250px; + border: 12px solid rgb(62, 57, 57); +} + +.teamPhoto { + margin-right: 1050px; + margin-top: -3250px; + border: 12px solid orange; +} + +.code { + margin-left: 1050px; + margin-top: -100%; + border: 12px solid rgb(62, 57, 57); +} + +.engirl{ + margin-right: 1050px; + margin-top: -100%; + border: 12px solid blue; +} + +.engboy{ + margin-left: 1050px; + margin-top: -100%; + border: 12px solid blue; +} + +.teamPhoto2 { + margin-top: -100%; + margin-left: 1050px; + border: 12px solid orange; +} + +.Advisor { + margin-top: 15px; +} + +.description { + margin-top: 25px +} + +.Welcome { + margin-top: 15px; +} + +form { + background-color: black; + color: white; + width: 300px; + margin-left: 575px; + text-align: center; +} + +.submit { + background-color: green; + margin-top: 10px; +} + +.Reset { + background-color: red; + margin-top: 10px; +} + +.Yes, .No { + margin-top: 10px; +} diff --git a/Exercise 2/exercise2.html b/Exercise 2/exercise2.html new file mode 100644 index 00000000..2384117f --- /dev/null +++ b/Exercise 2/exercise2.html @@ -0,0 +1,46 @@ + + + + + + + Exercise 2 + + +
+
+

Robotic Club Interest Meeting

+

Welcoming all students interested in electrical,

+

mechanical, and software engineering or business!

+ + FRC 1758 Code Team Photo +
+
+

Join us on November 12 at 6 PM

+

Location: Room 207

+

We will be discussing our upcoming

+

season and how you can get involved!

+ FRC 1758 Engineering Team Photo + FRC 1758 Engineering Team Photo +
+
+

Contact us at Frcteam1758@gmail.com or

+

our website at https://www.frcteam1758.org/

+

Club Advisor: Mr. Litchford

+ FRC 1758 Team Photo + FRC 1758 Photo +
+

Coming to the Interest Meeting?

+
+ Yes + No +
+
+ + +
+
+
+
+ + \ No newline at end of file diff --git a/Exercise 3/E3 Asset/Raider, e3.png b/Exercise 3/E3 Asset/Raider, e3.png new file mode 100644 index 00000000..5aa86ea6 Binary files /dev/null and b/Exercise 3/E3 Asset/Raider, e3.png differ diff --git a/Exercise 3/E3 Asset/background-desktop, e3.jpg b/Exercise 3/E3 Asset/background-desktop, e3.jpg new file mode 100644 index 00000000..22ffcf85 Binary files /dev/null and b/Exercise 3/E3 Asset/background-desktop, e3.jpg differ diff --git a/Exercise 3/E3 Asset/background-mobile, e3.jpg b/Exercise 3/E3 Asset/background-mobile, e3.jpg new file mode 100644 index 00000000..e2c914f9 Binary files /dev/null and b/Exercise 3/E3 Asset/background-mobile, e3.jpg differ diff --git a/Exercise 3/E3 Asset/marvel_studios, e3.mp4 b/Exercise 3/E3 Asset/marvel_studios, e3.mp4 new file mode 100644 index 00000000..bcdbaa6b Binary files /dev/null and b/Exercise 3/E3 Asset/marvel_studios, e3.mp4 differ diff --git a/Exercise 3/E3 Asset/rick_roll, e3.mp3 b/Exercise 3/E3 Asset/rick_roll, e3.mp3 new file mode 100644 index 00000000..89f4bfd9 Binary files /dev/null and b/Exercise 3/E3 Asset/rick_roll, e3.mp3 differ diff --git a/Exercise 3/Exercise3.css b/Exercise 3/Exercise3.css new file mode 100644 index 00000000..3a1cbdda --- /dev/null +++ b/Exercise 3/Exercise3.css @@ -0,0 +1,177 @@ +h6 { + margin-top: 15px; +} + +h2 { + margin-top: 0px; +} + +.hr1 { + margin-top: 10px; +} + +h3 { + margin-top: 10px; +} + +body { + margin: 0; + padding: 0; +} + +body { + background-image: url("E3 Asset/background-desktop,%20e3.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + background-attachment: fixed; +} + +#table, h2, h3, h6 { + color: white; +} + +form { + background-color: #cecaca; + padding: 15px; + max-width: 475px; + margin: 0 auto; + font-family: Arial, Helvetica, sans-serif; + border: solid 10px #808080; + color: black; + font-weight: bold; +} + +/* Media query for desktop devices */ +@media screen and (min-width: 768px) { + body { + background-image: url("E3 Asset/background-desktop,%20e3.jpg"); + } + + .footer { + position: relative; + margin-top: 40px; + bottom: 0; + width: 100%; + background-color: #8a0073; + color: white; + text-align: center; + padding: 10px; + clear: both; + } + + td { + background-color: #263a42; +} + +th { + background-color: #2a3441; +} + +form { + background-color: #cecaca; + padding: 15px; + max-width: 475px; + margin: 0 auto; + font-family: Arial, Helvetica, sans-serif; + border: solid 10px #808080; + color: black; + font-weight: bold; +} + +h1, h2, h3, h4, h5, h6, #table { + font-family: 'Comic Sans MS', 'Comic Sans', cursive; +} + +.submit { + background-color: #4caf40; + color: white; + border: none; + border-radius: 3px; + cursor: pointer; + padding: 10px 20px 10px 20px; + +} + +.reset { + background-color: #c53939; + color: white; + border: none; + border-radius: 3px; + cursor: pointer; + padding: 10px 20px 10px 20px; + +} + +form label { + display: inline-block; + margin-bottom: 7px; +} + +.week-group { + font-weight: bold; +} + +.available-time { + width: 400px; + height: 35px; + padding: 5px 20px 5px 20px; + text-align: center; +} + +.yesno-group input, .week-group input { + accent-color: black; + cursor: pointer; +} + +.Comments { + width: 400px; + box-sizing: border-box; + text-align: center; + padding-top: 7px; +} + +.full-name { + width: 250px; + max-width: 400px; + box-sizing: border-box; + text-align: center; + padding: 5px 20px 5px 20px; + width: 400px; + height: 35px; +} +.Email-Address { + width: 250px; + box-sizing: border-box; + text-align: center; + padding: 5px 20px 5px 20px; + width: 400px; + height: 35px; +} +.Password { + width: 250px; + box-sizing: border-box; + text-align: center; + padding: 5px 20px 5px 20px; + width: 400px; + height: 35px; +} + +#table { + border-collapse: collapse; + width: 100%; + border: 7px solid grey; +} + +#table td, #table th { + text-align: center; + padding: 8px; + border: 7px solid grey; +} +} + +.hr1, .hr2 { + background-color: white; + height: 5px; + border: none; +} \ No newline at end of file diff --git a/Exercise 3/Exercise3.html b/Exercise 3/Exercise3.html new file mode 100644 index 00000000..9f9d8757 --- /dev/null +++ b/Exercise 3/Exercise3.html @@ -0,0 +1,266 @@ + + + + + Exercise 3 +

Exercise 3 by Stanley Li

+
Date submitted: 20/07/2023
+ + +
+ +

Fun facts about me:

+ + + + + + + + + + + + + + + + + + + + +
First NameLast NameFavorite MovieFavorite SongFavorite Video
StanleyLi + Rick Roll + + Click play button to play music:
+ + 		+ +
+
+

Enter your details below:

+
+
+

+
+

+
+

+
+
+ Monday + Tuesday + Wednesday + Thursday + Friday + Saturday + Sunday

+
+
+

+
+
+ Yes + No

+
+
+

+ + +
+ + + \ No newline at end of file diff --git a/assets/Alice, Exercise 1.png b/assets/Alice, Exercise 1.png new file mode 100644 index 00000000..56f14d5b Binary files /dev/null and b/assets/Alice, Exercise 1.png differ diff --git a/assets/Building U exercise 1 music.mp3 b/assets/Building U exercise 1 music.mp3 new file mode 100644 index 00000000..3146ff75 Binary files /dev/null and b/assets/Building U exercise 1 music.mp3 differ diff --git a/assets/Exercise 1 Video.mp4 b/assets/Exercise 1 Video.mp4 new file mode 100644 index 00000000..056f4f9f Binary files /dev/null and b/assets/Exercise 1 Video.mp4 differ diff --git a/assets/Exercise 2, code.jpg b/assets/Exercise 2, code.jpg new file mode 100644 index 00000000..66fcbfae Binary files /dev/null and b/assets/Exercise 2, code.jpg differ diff --git a/assets/Exercise 2, en.jpg b/assets/Exercise 2, en.jpg new file mode 100644 index 00000000..60794a9d Binary files /dev/null and b/assets/Exercise 2, en.jpg differ diff --git a/assets/Exercise 2, eng.jpg b/assets/Exercise 2, eng.jpg new file mode 100644 index 00000000..83824bc7 Binary files /dev/null and b/assets/Exercise 2, eng.jpg differ diff --git a/assets/Exercise 2.jpg b/assets/Exercise 2.jpg new file mode 100644 index 00000000..7c39e23d Binary files /dev/null and b/assets/Exercise 2.jpg differ diff --git a/assets/FRC1758 Logo, Exercise 2.webp b/assets/FRC1758 Logo, Exercise 2.webp new file mode 100644 index 00000000..54fc0c45 Binary files /dev/null and b/assets/FRC1758 Logo, Exercise 2.webp differ diff --git a/assets/Technomancers 1758-All photos-76331596281.jpg b/assets/Technomancers 1758-All photos-76331596281.jpg new file mode 100644 index 00000000..1f5fa9af Binary files /dev/null and b/assets/Technomancers 1758-All photos-76331596281.jpg differ