diff --git a/README.md b/README.md deleted file mode 100644 index 3c5c687..0000000 --- a/README.md +++ /dev/null @@ -1,2 +0,0 @@ -# batch9-activities -batch-9 activities repositories diff --git a/angeles-don/chess-board-flex/index-flex.html b/angeles-don/chess-board-flex/index-flex.html new file mode 100644 index 0000000..907a42c --- /dev/null +++ b/angeles-don/chess-board-flex/index-flex.html @@ -0,0 +1,118 @@ + + + + + + + + Document + + + + +
+

Chessboard using Flexbox

+ +
+ + +
+ + +
♜
+
♞
+
+
♛
+
♚
+
♝
+
♞
+
♜
+ + + + +
♟
+
♟
+
♟
+
+
+
♟
+
+
♟
+ + + +
+
+
+
+
+
+
♟
+
+ + + + +
+
+
+
♟
+
+
♝
+
+
+ + + + + +
+
+
+
+
+
♙
+
+
+ + + +
+
+
+
+
+
♘
+
+
+ + + +
♙
+
♙
+
♙
+
♙
+
♙
+
+
♙
+
♙
+ + + +
♖
+
♘
+
♗
+
♕
+
♔
+
♗
+
+
♖
+ + +
+ + + + + \ No newline at end of file diff --git a/angeles-don/chess-board-flex/styles-flex.css b/angeles-don/chess-board-flex/styles-flex.css new file mode 100644 index 0000000..10fde8d --- /dev/null +++ b/angeles-don/chess-board-flex/styles-flex.css @@ -0,0 +1,58 @@ + + +body{ + display: flex; + flex-direction: column; + align-items: center; + background-color: skyblue; +} + +.header { + + padding: 50px; +} + +.chessboard { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 0; + padding: 0; + position: relative; + justify-content: center; + align-items: center; + align-content: center; + text-align: center; + width: 30vw; + height: 30vw; + border-radius: 10px; +} + + +.chessboard .odd { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + align-content: center; + text-align: center; + width: 12.5%; + height: 12.5%; + background-color: white; + font-size: 3vw; +} + +.chessboard .even{ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + align-content: center; + text-align: center; + width: 12.5%; + height: 12.5%; + background-color: grey; + text-align: center; + font-size: 3vw; +} + diff --git a/angeles-don/chess-board-grid/index-grid.html b/angeles-don/chess-board-grid/index-grid.html new file mode 100644 index 0000000..1d9467e --- /dev/null +++ b/angeles-don/chess-board-grid/index-grid.html @@ -0,0 +1,112 @@ + + + + + + + + Document + + + + +
+ + +
♜
+
♞
+
+
♛
+
♚
+
♝
+
♞
+
♜
+ + + + +
♟
+
♟
+
♟
+
+
+
♟
+
+
♟
+ + + +
+
+
+
+
+
+
♟
+
+ + + + +
+
+
+
♟
+
+
♝
+
+
+ + + + + +
+
+
+
+
+
♙
+
+
+ + + +
+
+
+
+
+
♘
+
+
+ + + +
♙
+
♙
+
♙
+
♙
+
♙
+
+
♙
+
♙
+ + + +
♖
+
♘
+
♗
+
♕
+
♔
+
♗
+
+
♖
+ + +
+ + + + + \ No newline at end of file diff --git a/angeles-don/chess-board-grid/styles-grid.css b/angeles-don/chess-board-grid/styles-grid.css new file mode 100644 index 0000000..1893c94 --- /dev/null +++ b/angeles-don/chess-board-grid/styles-grid.css @@ -0,0 +1,43 @@ + + +body { + height: 90vh; + display: grid; + justify-content: center; + align-items: center; + box-sizing: border-box; + background-color: red; +} + + +.chessboard{ + display: grid; + grid-template-columns: repeat(8, auto); + grid-template-rows: repeat(8, auto); + width: 65vh; + height: 65vh; + position: relative; + +} + + + .odd { + background-color: grey; + font-size: 5vh; + display: grid; + justify-content: center; + align-items: center; + height: auto; + width: auto; + + } + + .even { + background-color: aqua; + font-size: 5vh; + display: grid; + justify-content: center; + align-items: center; + height: auto; + width: auto; + } \ No newline at end of file diff --git a/angeles-don/survey-form-page/images/deftones.jpg b/angeles-don/survey-form-page/images/deftones.jpg new file mode 100644 index 0000000..8f75636 Binary files /dev/null and b/angeles-don/survey-form-page/images/deftones.jpg differ diff --git a/angeles-don/survey-form-page/index.html b/angeles-don/survey-form-page/index.html new file mode 100644 index 0000000..4e5ee37 --- /dev/null +++ b/angeles-don/survey-form-page/index.html @@ -0,0 +1,126 @@ + + + + + + + + Form Page + + +
+ + +
+

We want to make your night better

+

By filling up this survey form. We can further provide you with a better experience.

+
+ + + + + +
+ + + diff --git a/angeles-don/survey-form-page/style1.css b/angeles-don/survey-form-page/style1.css new file mode 100644 index 0000000..1d60cc7 --- /dev/null +++ b/angeles-don/survey-form-page/style1.css @@ -0,0 +1,30 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; + } + +body { + + background-color:skyblue; +} + +#container { + width: 100%; + min-height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + + +#message { + + color: white; + text-align: center; + +} + diff --git a/angeles-don/survey-form-page/styles.css b/angeles-don/survey-form-page/styles.css new file mode 100644 index 0000000..dbd1891 --- /dev/null +++ b/angeles-don/survey-form-page/styles.css @@ -0,0 +1,187 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + font-family: 'Poppins', sans-serif; + background-color: skyblue; + } + + #container { + display: flex; + flex-wrap: wrap; + padding: 20px; + justify-content: space-around; + align-items: center; + min-height: 100vh; + max-width: 100%; + margin: 0 auto; + } + + #title { + font-size: 50px; + line-height: 70px; + margin-bottom: 90px; + text-shadow: 2px 2px gray; + } + + #description { + font-size: 20px; + } + + #registerForm{ + text-shadow: 2px 2px gray; + } + #first { + display: flex; + justify-content: space-evenly; + } + + #second { + display: flex; + justify-content: space-evenly; + } + + #third{ + display: flex; + justify-content: center; + } + + #left{ + height: auto; + color: white; + animation: slidetop .7s ease-in; + } + + + + #right { + background-color: white; + border-radius: 15px; + box-shadow: 0 5px rgb(0,0,0,0.2); + animation: slidetop .7s ease-in; + } + + @keyframes slidetop { + 0% { + transform: translateY(-800px); + } + } + + + #registerForm { + text-align: center; + margin-top: 30px; + } + + form{ + padding: 30px; +} + + +#name, #lastName, #email, #number, select{ + padding: 10px 15px; + border-radius: 20px; + margin-bottom: 15px; + border: 1px solid; + width: 99%; + display: block; + + } + + input[type="text"], input[type="email"], + [type="tel"] { + border-radius: 20px; + outline: none; + } + +select { + outline: none; +} + +option { + border-radius: 5px; +} + +#first small{ + color: grey; + position: absolute; + left: 0; + text-align: left; + top: 37px; +} + + + #radioCheck{ + display: flex; + justify-content: space-around; + padding-top: 20px; + } + + + #text-area{ + padding-top: 30px; + display: flex; + flex-direction: column; + + + } + + + + #text-area1{ + display: flex; + justify-content: center; + + + } + + #notes{ + resize: none; + + } + + #button { + text-align: center; + + } + + #submit { + padding: 15px; + text-transform: uppercase; + color: white; + background-color: rgb(115, 204, 26); + border-radius: 30px; + margin-top: 30px; + cursor: pointer; + } + + + + + @media screen and (max-width: 768px) { + + #container { + flex-direction: column; + } + + #title { + font-size: 50px; + line-height: 70px; + margin-bottom: 30px; + } + + #text { + margin-bottom: 40px; + } + + #left { + margin-bottom: 10px; + height: auto; + } + + } \ No newline at end of file diff --git a/angeles-don/survey-form-page/submit.html b/angeles-don/survey-form-page/submit.html new file mode 100644 index 0000000..642c644 --- /dev/null +++ b/angeles-don/survey-form-page/submit.html @@ -0,0 +1,23 @@ + + + + + + + + Document + + + +
+ +
+

Thank you for your participation!

+
+ +
+ + + + + \ No newline at end of file diff --git a/angeles-don/tribute-page/image/adrenaline.jpg b/angeles-don/tribute-page/image/adrenaline.jpg new file mode 100644 index 0000000..d7c6700 Binary files /dev/null and b/angeles-don/tribute-page/image/adrenaline.jpg differ diff --git a/angeles-don/tribute-page/image/aroundTheFur.jpg b/angeles-don/tribute-page/image/aroundTheFur.jpg new file mode 100644 index 0000000..4a0f5cb Binary files /dev/null and b/angeles-don/tribute-page/image/aroundTheFur.jpg differ diff --git a/angeles-don/tribute-page/image/chino.jpg b/angeles-don/tribute-page/image/chino.jpg new file mode 100644 index 0000000..6aa4b1d Binary files /dev/null and b/angeles-don/tribute-page/image/chino.jpg differ diff --git a/angeles-don/tribute-page/image/chino_logo.jpg b/angeles-don/tribute-page/image/chino_logo.jpg new file mode 100644 index 0000000..c87b1a4 Binary files /dev/null and b/angeles-don/tribute-page/image/chino_logo.jpg differ diff --git a/angeles-don/tribute-page/image/deftones-selfTitled.jpg b/angeles-don/tribute-page/image/deftones-selfTitled.jpg new file mode 100644 index 0000000..298357e Binary files /dev/null and b/angeles-don/tribute-page/image/deftones-selfTitled.jpg differ diff --git a/angeles-don/tribute-page/image/diamond-eyes.jpg b/angeles-don/tribute-page/image/diamond-eyes.jpg new file mode 100644 index 0000000..24a86de Binary files /dev/null and b/angeles-don/tribute-page/image/diamond-eyes.jpg differ diff --git a/angeles-don/tribute-page/image/gore.png b/angeles-don/tribute-page/image/gore.png new file mode 100644 index 0000000..f01fbc8 Binary files /dev/null and b/angeles-don/tribute-page/image/gore.png differ diff --git a/angeles-don/tribute-page/image/koi-no-yokan.jpg b/angeles-don/tribute-page/image/koi-no-yokan.jpg new file mode 100644 index 0000000..bac26fb Binary files /dev/null and b/angeles-don/tribute-page/image/koi-no-yokan.jpg differ diff --git a/angeles-don/tribute-page/image/ohms.png b/angeles-don/tribute-page/image/ohms.png new file mode 100644 index 0000000..661d611 Binary files /dev/null and b/angeles-don/tribute-page/image/ohms.png differ diff --git a/angeles-don/tribute-page/image/saturday-night-wrist.jpg b/angeles-don/tribute-page/image/saturday-night-wrist.jpg new file mode 100644 index 0000000..44f6806 Binary files /dev/null and b/angeles-don/tribute-page/image/saturday-night-wrist.jpg differ diff --git a/angeles-don/tribute-page/image/white-pony.jpg b/angeles-don/tribute-page/image/white-pony.jpg new file mode 100644 index 0000000..3383c50 Binary files /dev/null and b/angeles-don/tribute-page/image/white-pony.jpg differ diff --git a/angeles-don/tribute-page/index.html b/angeles-don/tribute-page/index.html new file mode 100644 index 0000000..96aad78 --- /dev/null +++ b/angeles-don/tribute-page/index.html @@ -0,0 +1,133 @@ + + + + + + + Chino Moreno + + + + + +
+ + + +
+ +
Chino, screaming his lungs out!
+
+ +
+
+

About Chino Moreno

+

Camilo Wong Moreno was born in Sacramento, California on June 20 1973 to a Mexican father and a Chinese mother. His nickname Chino means "chinese" in Spanish.

He grew up in the Oak Park area of Sacramento, a low income, racially diverse neighborhood.
+ + As a teenager, Chino took up skateboarding. Throughout his childhood, Chino fell in love with bands like Depeche Mode and the Cure. Chino was expelled from C.K. McClatchy High School in Sacramento before he graduated.

+ + In 1988, at 16, Chino and some friends formed the band Deftones. His band now has 9 major label releases. He is also a member of side projects Palms, Team Sleep and Crosses. Chino is married to Risa Mora-Moreno and shares a child named Lola along with two children , Kristian and Jakobi, from his previous marriage to Celeste Schroeder.

+
+
+
+

Musical Career

+
+
+
+

Adrenaline

+

Released: October 3, 1995

+
+
+ +
+
+
+
+

Around the Fur

+

Released: October 28, 1997

+
+
+ +
+
+
+
+

White Pony

+

Released: June 20, 2000

+
+
+ +
+
+
+
+

Deftones

+

Released: May 20, 2003

+
+
+ +
+
+
+
+

Saturday Night Wrist

+

Released: October 31, 2006

+
+
+ +
+
+
+
+

Diamond Eyes

+

Released: May 4, 2010

+
+
+ +
+
+
+
+

Koi No Yokan

+

Released: November 13, 2012

+
+
+ +
+
+
+
+

Gore

+

Released: April 8, 2016

+
+
+ +
+
+
+
+

Ohms

+

Released: September 25, 2020

+
+
+ +
+
+ +
+ + + + \ No newline at end of file diff --git a/angeles-don/tribute-page/styles.css b/angeles-don/tribute-page/styles.css new file mode 100644 index 0000000..2336db9 --- /dev/null +++ b/angeles-don/tribute-page/styles.css @@ -0,0 +1,121 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap'); + +*{ + margin: 0; + padding: 0; + font-family: "Poppins", sans-serif; + box-sizing: border-box; + scroll-behavior: smooth; +} + +#head{ + position: sticky; + text-align: center; + width: 100%; + top: 0px; + background-color: white; + + +} + +#title{ + text-align: center; + font-weight: bold; + font-size: 35px; + +} +#title a{ + text-decoration: none; + color: black; +} +#menu{ + text-align: center; + font-size: 20px; +} + +li a{ + text-decoration: none; + font-weight: bold; + color: white; + +} + +li a:hover{ + color: grey; +} + +#links{ + display: flex; + justify-content: space-evenly; + list-style: none; + background-color: black; + +} + +#img-div{ + text-align: center; + padding-bottom: 20px; + scroll-margin-top: 7em; +} +#image{ + max-width: 100%; +} + +#tribute-info { + text-align: center; + padding: 20px; +} + +h1 { + font-size: 50px; + +} + +p{ + margin-left: 20%; + margin-right: 20%; + text-align: center; + font-size: 30px; + +} + +#tribute-info{ + background-color: grey; + color: white; + scroll-margin-top: 6em; + padding: 0px; +} +#tribute-info h1{ + background-color: black; +} + +#music-container { + scroll-margin-top: 6em; +} + +#music-container h1{ + background-color: black; + color: white; + text-align: center; +} + +#time-line{ + display: flex; + justify-content: space-around; + background-color: grey; + align-items: center; + color: white; + padding-top: 20px; + padding-bottom: 20px; + border-bottom: 1px solid white; + flex-direction: column-reverse; + text-align: center; + +} + +#time-line img{ + width: 150px; + height: 150px; + +} +