From d46fa864779b9c120c9db31776e54e4e36d1f72b Mon Sep 17 00:00:00 2001 From: Janzen Go Date: Tue, 11 Feb 2025 17:02:36 +0800 Subject: [PATCH 1/3] 2-structure challenges udpates --- 2-structure/11_wiki_article.html | 17 ++-- 2-structure/12_lorem_ipsum.html | 60 +++++++------ 2-structure/13_power_rangers.html | 83 +++++++++--------- 2-structure/14_top_8.html | 140 ++++++++++++++---------------- 4 files changed, 147 insertions(+), 153 deletions(-) diff --git a/2-structure/11_wiki_article.html b/2-structure/11_wiki_article.html index 1e07a7d..fa484b0 100644 --- a/2-structure/11_wiki_article.html +++ b/2-structure/11_wiki_article.html @@ -1,5 +1,5 @@ - - + + @@ -7,8 +7,13 @@ Wiki Article -

Shigeru Miyamoto

- Shigeru Miyamoto Wikipedia image -

Shigeru Miyamoto is a video game designer famous for creating notable franchises including Super Mario Bros. and The Legend of Zelda. He has worked for Nintendo since 1977.

+

Biography

+

Jose P. Rizal

+ A portrait image of Jose Rizal, the national hero of the Philippines. +

+ Jose Protasio Rizal Mercado y Alonso Realonda + was a Filipino nationalist, writer and polymath active at the end of the Spanish Colonial period of the Philipppines. + He is considered a national hero of the Philippines. +

- + \ No newline at end of file diff --git a/2-structure/12_lorem_ipsum.html b/2-structure/12_lorem_ipsum.html index 23dbbb4..ed00894 100644 --- a/2-structure/12_lorem_ipsum.html +++ b/2-structure/12_lorem_ipsum.html @@ -1,36 +1,34 @@ - + - - Draft Title - - -

Untitled

- - Heading 1 - Heading 2 + + Lorem Ipsum + + +

Untitled

-
-

Heading 1

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -

-
- -
-

Heading 2

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -

-
- - - + Heading 1 + Heading 2 + +
+

Heading 1

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+
+
+

Heading 2

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+
+ + \ No newline at end of file diff --git a/2-structure/13_power_rangers.html b/2-structure/13_power_rangers.html index b04d419..afcdfa3 100644 --- a/2-structure/13_power_rangers.html +++ b/2-structure/13_power_rangers.html @@ -1,47 +1,44 @@ - - + + - - Power Rangers - - - -
-
-
-
-
-
-
-
-
-
- + + Power Rangers! + + + + + +
+
+
+
+
+ \ No newline at end of file diff --git a/2-structure/14_top_8.html b/2-structure/14_top_8.html index 0af810c..bb9a43f 100644 --- a/2-structure/14_top_8.html +++ b/2-structure/14_top_8.html @@ -1,85 +1,79 @@ - - + - - MySpace Top 8 - - - -
-

My Top 8 Friends!

-
-
-

My Friend Tom

- Tom from MySpace -
+ + Top 8 MySpace + + -
-

My Friend Tom

- Tom from MySpace + +
+

My Top friends!

+
+
+

Cory

+ Picture of YouTuber CoryxKenshin +
+
+

Pweds

+ Picture of YouTuber Pewdiepie +
+
+

Dan

+ Picture of YouTuber DanTDM +
+
+

Stampy

+ Picture of YouTuber Stampylongnose +
- -
-

My Friend Tom

- Tom from MySpace +
+
+

Walli

+ Picture of YouTuber Wallibear +
+
+

Dream

+ Picture of YouTuber Dream +
+
+

Jimmy

+ Picture of YouTuber Mr. Beast +
+
+

Jack

+ Picture of YouTuber Jacksepticeye +
-
- - + + \ No newline at end of file From 54674289c5db8c58564e0dc9bd3c74171a5e4466 Mon Sep 17 00:00:00 2001 From: Janzen Go Date: Tue, 11 Feb 2025 17:12:03 +0800 Subject: [PATCH 2/3] 2-form challenges updates --- 3-forms/15_google.html | 10 +++++----- 3-forms/16_sign_up.html | 9 ++++----- 3-forms/17_sign_up.html | 15 +++++++-------- 3-forms/18_rsvp.html | 26 +++++++++++++------------- 3-forms/19_contact_us.html | 15 ++++++++------- 3-forms/20_welp.html | 32 +++++++++++++++++++------------- 6 files changed, 56 insertions(+), 51 deletions(-) diff --git a/3-forms/15_google.html b/3-forms/15_google.html index 765eaf7..52288da 100644 --- a/3-forms/15_google.html +++ b/3-forms/15_google.html @@ -1,5 +1,5 @@ - - + + @@ -7,10 +7,10 @@ Google -
-

Search the web using Google!

+ +

Search the web susing Google!


- + \ No newline at end of file diff --git a/3-forms/16_sign_up.html b/3-forms/16_sign_up.html index d785079..73496dd 100644 --- a/3-forms/16_sign_up.html +++ b/3-forms/16_sign_up.html @@ -1,5 +1,4 @@ - - + @@ -15,9 +14,9 @@

Sign Up



Password:

- Confirm Password: + Confirm password:

- + - + \ No newline at end of file diff --git a/3-forms/17_sign_up.html b/3-forms/17_sign_up.html index d7a4a25..e850d06 100644 --- a/3-forms/17_sign_up.html +++ b/3-forms/17_sign_up.html @@ -1,23 +1,22 @@ - - + - Sign Up Page + Sign Up -
-

Sign Up Page

+ +

Sign Up

Username:

Email:

Password:

- Confirm Password: + Confirm password:

- +
- + \ No newline at end of file diff --git a/3-forms/18_rsvp.html b/3-forms/18_rsvp.html index 5e53398..232f968 100644 --- a/3-forms/18_rsvp.html +++ b/3-forms/18_rsvp.html @@ -1,8 +1,8 @@ - - + + - + RSVP @@ -10,24 +10,24 @@

RSVP

Come and make our special day more awesome!

-
+
First Name:

Last Name:

Are you coming?
- Yes - No - Maybe + Yes + No + Maybe

Any dietary restrictions for main course?
- None
- Vegetarian
- Vegan
- Gluten-free
- Dairy-free + Vegetarian
+ Gluten-free
+ Vegan
+ Low-carb
+ Fasting

- +
\ No newline at end of file diff --git a/3-forms/19_contact_us.html b/3-forms/19_contact_us.html index fda8a83..ea6cfa9 100644 --- a/3-forms/19_contact_us.html +++ b/3-forms/19_contact_us.html @@ -1,5 +1,4 @@ - - + @@ -9,12 +8,14 @@

Contact Us

- + +

-
- + +
+

- +
- + \ No newline at end of file diff --git a/3-forms/20_welp.html b/3-forms/20_welp.html index 4a8b33d..939e520 100644 --- a/3-forms/20_welp.html +++ b/3-forms/20_welp.html @@ -1,5 +1,4 @@ - - + @@ -8,23 +7,30 @@
-

Welp! Review Form

- +

Welp!

+ +

- + + +

+ -
- No - Not Sure - Yes + No + Not Sure + Yes

- + + +

-
- + +
+

- + +
\ No newline at end of file From 71b53913c49f176f95bdcdc2e9de04e5814f7e12 Mon Sep 17 00:00:00 2001 From: Janzen Go Date: Tue, 11 Feb 2025 17:12:41 +0800 Subject: [PATCH 3/3] 4-semantic-html challenges updates --- 4-semantic-html/22_the_header.html | 12 ++--- 4-semantic-html/23_main_footer.html | 24 ++++----- 4-semantic-html/24_blog_posts.html | 50 ++++++++---------- 4-semantic-html/25_figures.html | 75 +++++++++++++------------- 4-semantic-html/26_final_touches.html | 76 ++++++++++++++------------- 5 files changed, 116 insertions(+), 121 deletions(-) diff --git a/4-semantic-html/22_the_header.html b/4-semantic-html/22_the_header.html index ac77a3f..d0a6381 100644 --- a/4-semantic-html/22_the_header.html +++ b/4-semantic-html/22_the_header.html @@ -1,20 +1,18 @@ - + - My Blog + My HTML Journey! -
-

My Blog

+

My HTML Journey!

diff --git a/4-semantic-html/23_main_footer.html b/4-semantic-html/23_main_footer.html index fcfbd55..09bfc8a 100644 --- a/4-semantic-html/23_main_footer.html +++ b/4-semantic-html/23_main_footer.html @@ -1,33 +1,31 @@ - - + + - My Blog + My HTML Journey!
-

My Blog

+

My HTML Journey!

- -
-

My Personal Blog

+

My HTML Journey at CodeDex

- + \ No newline at end of file diff --git a/4-semantic-html/24_blog_posts.html b/4-semantic-html/24_blog_posts.html index 28ac7d5..52d000d 100644 --- a/4-semantic-html/24_blog_posts.html +++ b/4-semantic-html/24_blog_posts.html @@ -1,58 +1,54 @@ - - + - My Blog + My HTML Journey!
-

My Blog

+

My HTML Journey!

-
+
- -
-

About Me

+

My HTML Journey at CodeDex

+
+

About

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

My HTML Journey.

+

I was not knoweldgeable about HTML before. My friend recommeneded to me to learn HTML, and I found CodeDex. So far, my HTML Journey is a fun experience because of CodeDex!

-
-
+

Stories

-
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The Dark-HTML Ages

+

Since the beginning, I love computers, website, and games, but I don't have any idea how they're created.

-

-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The HTML-Enlightenment Era

+

I came across and became friends with someone who knew how to make things I loved, and they introduced me to it. Ever since then, I’ve been interested in learning how to make websites!

-

-
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The CodeDex Training Ground

+

I asked my friend how he learned such wizardry. He suggested that I find a place to train. That’s when I stumbled upon a magical place called "CodeDex," where website wizards hone their skills to become master website-makers.

+ - + \ No newline at end of file diff --git a/4-semantic-html/25_figures.html b/4-semantic-html/25_figures.html index ff13679..471ae0a 100644 --- a/4-semantic-html/25_figures.html +++ b/4-semantic-html/25_figures.html @@ -1,70 +1,69 @@ - - + - My Blog + My HTML Journey!
-

My Blog

+

My HTML Journey!

-
-
-

About Me

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

My HTML Journey at CodeDex

+
+

About

+
+
+ Coding is a very hard thing to do at first. + Coding is a very hard thing to do at first. +
Coding is a hard thing to do in general
+
+

My HTML Journey.

+

I was not knoweldgeable about HTML before. My friend recommeneded to me to learn HTML, and I found CodeDex. So far, my HTML Journey is a fun experience because of CodeDex!

+
-
-
+

Stories

- -
- Obsidian -
A piece of obsidian
+
+ Coding is very hard at first. +
The time I don't know HTML at all, I call it my Dark-HTML Ages.
-
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The Dark-HTML Ages

+

Since the beginning, I love computers, website, and games, but I don't have any idea how they're created.

-

- -
- Obsidian -
A piece of obsidian
+
+ Coding is very hard at first. +
The time I heard and learned about the powers of HTML, I call it my HTML-Enlightenment Era!
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The HTML-Enlightenment Era

+

I came across and became friends with someone who knew how to make things I loved, and they introduced me to it. Ever since then, I’ve been interested in learning how to make websites!

-

- -
- Obsidian -
A piece of obsidian
+
+ Coding is very hard at first. +
Now, I'm under traing in a place called CodeDex, learning how to become a master website-maker!
-
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The CodeDex Training Ground

+

I asked my friend how he learned such wizardry. He suggested that I find a place to train. That’s when I stumbled upon a magical place called "CodeDex," where website wizards hone their skills to become master website-makers.

- + \ No newline at end of file diff --git a/4-semantic-html/26_final_touches.html b/4-semantic-html/26_final_touches.html index 9055b93..eafff25 100644 --- a/4-semantic-html/26_final_touches.html +++ b/4-semantic-html/26_final_touches.html @@ -1,10 +1,9 @@ - - + - + My HTML Journey! - My Blog
-

My Blog

+

My HTML Journey!

-
-
-

About Me

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

My HTML Journey at CodeDex

+
+

About

+
+
+ Coding is a very hard thing to do at first. + Coding is a very hard thing to do at first. +
Coding is a hard thing to do in general
+
+

My HTML Journey.

+

I was not knoweldgeable about HTML before. My friend recommeneded to me to learn HTML, and I found CodeDex. So far, my HTML Journey is a fun experience because of CodeDex!

+
+

-
-
+

Stories

-
- Obsidian -
A piece of obsidian
+
+ Coding is very hard at first. +
The time I don't know HTML at all, I call it my Dark-HTML Ages.
-
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The Dark-HTML Ages

+

Since the beginning, I love computers, website, and games, but I don't have any idea how they're created.

-

+

-
- Obsidian -
A piece of obsidian
+
+ Coding is very hard at first. +
The time I heard and learned about the powers of HTML, I call it my HTML-Enlightenment Era!
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The HTML-Enlightenment Era

+

I came across and became friends with someone who knew how to make things I loved, and they introduced me to it. Ever since then, I’ve been interested in learning how to make websites!

-

+

-
- Obsidian -
A piece of obsidian
+
+ Coding is very hard at first. +
Now, I'm under traing in a place called CodeDex, learning how to become a master website-maker!
-
-

Title

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+

The CodeDex Training Ground

+

I asked my friend how he learned such wizardry. He suggested that I find a place to train. That’s when I stumbled upon a magical place called "CodeDex," where website wizards hone their skills to become master website-makers.

- + \ No newline at end of file