From 06eeec6ceda0064883729e8e155db9797d3549ed Mon Sep 17 00:00:00 2001 From: Angus Townsley Date: Mon, 4 Mar 2024 22:39:13 +0000 Subject: [PATCH 1/3] completed core and extensions --- index.html | 56 +++++++++++++++++++++- style.css | 138 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 192 insertions(+), 2 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index 504dc31..10ddb6f 100644 --- a/index.html +++ b/index.html @@ -5,9 +5,61 @@ - + Yugi Muto Rocks - + + +
+

Yugi Muto

+

The King of Games

+
+ + Yugi Muto, from Duel Links + Yugi Drawing a card + +
+

Yugi Muto is an iconic character in the world of anime and manga, + primarily known for his role in the series "Yu-Gi-Oh!" created by Kazuki Takahashi. + Here's a lot of cool stuff about Yugi Muto:

+

Yugi lives in Domino City. + He possesses an ancient Egyptian artifact called the Millennium Puzzle, + which becomes the focal point of his adventures.

+

+ Yugi's journey begins when he solves the Millennium Puzzle, + a mysterious artifact that grants him incredible powers and connects him with the spirit + of an ancient Pharaoh named Atem, also known as Yami (Dark) Yugi. +

+

Yugi values friendship and loyalty above all else. + Throughout the series, he forms strong bonds with his friends, + including Joey Wheeler, Tristan Taylor, and Tea Gardner, + who support him in his duels and adventures.

+

As Yugi adventured, he gradually unlocked the memories and powers of the ancient Pharaoh, + who inhabits his body during crucial duels. + The Pharaoh's experiences and wisdom greatly influence + Yugi's growth as a duelist and as a person.

+

Throughout the series, Yugi encounters powerful cards known as the Egyptian God Cards -

+
  • Slifer the Sky Dragon
  • Obelisk the Tormentor
  • The Winged Dragon of Ra
+
+

+ In essence, Yugi Muto embodies the spirit of courage, friendship, and determination, making him a beloved and timeless character in the world of entertainment. +

+
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..edefa12 --- /dev/null +++ b/style.css @@ -0,0 +1,138 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Montserrat", sans-serif; + scroll-behavior: smooth; + } + + +body{ + background-color: black; + color: white; + display: grid; + grid-template: "logo header button" + "p1 p p2" 1fr / .5fr 1fr .5fr ; + justify-items: center; + align-items: center; + } + +header { + grid-area: header; + display: grid; + grid-template: "a" + "b" 1fr; + + width: 100%; + height: 100%; + color: white; + justify-items: center; + text-decoration: underline; + text-decoration-color: rgba(255, 0, 0, 0.596); + +} +header h1{ + grid-area: a; + text-align: center; + width: auto; + +} +header h2{ + grid-area: b; + text-align: center; +} + +#yugi-1{ + grid-area: p1; + margin-right: 1fr; +} + +#yugi-2{ + grid-area: p2; + width: 415px; +} +#yugilogo { + width: 300px; +} + +#yugibio{ + padding-top: 50px; + grid-area: p; + text-align: center; + word-spacing: 2px; + display:grid; + gap:5%; + +} +#yugibio p{ + margin: 20px; + font-size: 40px; + line-height: 1.5; + border: 2px solid orange; + border-radius: 15px; +} + +#bio2{ + display: none; +} +#bio3{ + display: none; +} +#bio4{ + display: none; +} +#bio5{ + display: none; +} +#bio6{ + display: none; +} +#bio7{ + display: none; +} + +#yugibio ul{ + list-style: none; + line-height: 2.5; + font-size: 40px; + gap: 10px; + display: grid; +} + +#slifer{ + color: red; + border:3px dashed +} + +#obelisk{ + color: blue; + border:3px dashed +} +#ra{ + color: yellow; + border:3px dashed +} + +button{ + grid-area: button; + width:200px; + height:60px; + color: rgb(231, 231, 231); + background-color:#ed1c24; + font-size: larger; +} + +link{ + grid-area: logo; +} +@keyframes myAnim { + 0% { + opacity: 0; + transform: translateY(-250px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} \ No newline at end of file From b3ab1eb786dff99e3f884632a91ce9ae688e013e Mon Sep 17 00:00:00 2001 From: Angus Townsley Date: Mon, 4 Mar 2024 22:50:27 +0000 Subject: [PATCH 2/3] small change --- style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/style.css b/style.css index edefa12..cabba2f 100644 --- a/style.css +++ b/style.css @@ -29,6 +29,7 @@ header { justify-items: center; text-decoration: underline; text-decoration-color: rgba(255, 0, 0, 0.596); + margin-top: 20px; } header h1{ From 0a5d3efd75edc66d8fa2caacacaa8f16adb383df Mon Sep 17 00:00:00 2001 From: Angus Townsley Date: Tue, 5 Mar 2024 09:34:05 +0000 Subject: [PATCH 3/3] minor formatting changes --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index cabba2f..122144b 100644 --- a/style.css +++ b/style.css @@ -123,7 +123,7 @@ button{ font-size: larger; } -link{ +#link{ grid-area: logo; } @keyframes myAnim {