diff --git a/bool-kiara/chessboard/fstyle.css b/bool-kiara/chessboard/fstyle.css new file mode 100644 index 0000000..ce626ef --- /dev/null +++ b/bool-kiara/chessboard/fstyle.css @@ -0,0 +1,73 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background: #e3e3e3; + background-image: url("https://lh3.googleusercontent.com/proxy/ReLfcXBjrGohzNPkD-4X7rs0H5fEJsUZjdSCRXlGBi-zx09O8wEzceWcIQ-kEPP1urzYEQ8GQk7EObkGxnQ9369-6qLvf6mEpyJR5bxB9PFRt8NT-2cmEM_x8M2joRee67WAWkKM75yGWm5hk6gG0xA8Q7kAVg"); + background-size: cover; + font-family: 'Eczar', serif; +} + +h1 { + text-align: center; + margin: 10px; +} + +.chessboard { + margin: auto; + max-width: 650px; + max-height: 650px; + width: 100vw; + height: 100vw; + background: black; + box-shadow: 1px 1px 8px 8px white; + display: flex; + justify-content: center; + align-items: center; +} + +.container { + max-width: 640px; + max-height: 640px; + width: 100vw; + height: 100vw; + background-image: url("https://media.istockphoto.com/vectors/white-wood-texture-vector-illustration-wooden-horizontal-light-plank-vector-id1224688839?b=1&k=6&m=1224688839&s=612x612&w=0&h=PO4aki6Ck_mAjSBDlGV2lrQAwdcphVeM8wrHu3XgCQQ="); + background-size: cover; + margin: auto; + position: relative; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + flex-wrap: wrap; +} + +.container div:hover { + box-shadow: 1px 1px 8px 8px black; +} + +.white img, .black img { + width: 80%; +} + +.white { + background: rgba(227, 227, 227, 0.4); + display: flex; + justify-content: center; + align-items: center; + width: 12.5%; + height: 12.5%; +} + +.black { + background: rgba(0, 0, 0, 0.55); + display: flex; + justify-content: center; + align-items: center; + width: 12.5%; + height: 12.5%; +} \ No newline at end of file diff --git a/bool-kiara/chessboard/gstyle.css b/bool-kiara/chessboard/gstyle.css new file mode 100644 index 0000000..0b391a4 --- /dev/null +++ b/bool-kiara/chessboard/gstyle.css @@ -0,0 +1,69 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background: #e3e3e3; + background-image: url("https://lh3.googleusercontent.com/proxy/ReLfcXBjrGohzNPkD-4X7rs0H5fEJsUZjdSCRXlGBi-zx09O8wEzceWcIQ-kEPP1urzYEQ8GQk7EObkGxnQ9369-6qLvf6mEpyJR5bxB9PFRt8NT-2cmEM_x8M2joRee67WAWkKM75yGWm5hk6gG0xA8Q7kAVg"); + background-size: cover; + font-family: 'Eczar', serif; +} + +h1 { + text-align: center; + margin: 10px; +} + +.chessboard { + margin: auto; + max-width: 650px; + max-height: 650px; + width: 100vw; + height: 100vw; + background: black; + box-shadow: 1px 1px 8px 8px white; + display: grid; + justify-items: center; +} + +.container { + max-width: 640px; + max-height: 640px; + width: 100vw; + height: 100vw; + background-image: url("https://media.istockphoto.com/vectors/white-wood-texture-vector-illustration-wooden-horizontal-light-plank-vector-id1224688839?b=1&k=6&m=1224688839&s=612x612&w=0&h=PO4aki6Ck_mAjSBDlGV2lrQAwdcphVeM8wrHu3XgCQQ="); + background-size: cover; + margin: auto; + position: relative; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: grid; + grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%; + grid-template-rows: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%; +} + +.container div:hover { + box-shadow: 1px 1px 8px 8px black; +} + +.white img, .black img { + width: 80%; +} + +.white { + background: rgba(227, 227, 227, 0.4); + display: grid; + justify-items: center; + align-items: center; +} + +.black { + background: rgba(0, 0, 0, 0.55); + display: grid; + justify-items: center; + align-items: center; +} \ No newline at end of file diff --git a/bool-kiara/chessboard/images/b_bishop_png_shadow_256px.png b/bool-kiara/chessboard/images/b_bishop_png_shadow_256px.png new file mode 100644 index 0000000..4e06f75 Binary files /dev/null and b/bool-kiara/chessboard/images/b_bishop_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/b_king_png_shadow_256px.png b/bool-kiara/chessboard/images/b_king_png_shadow_256px.png new file mode 100644 index 0000000..7e3a2d0 Binary files /dev/null and b/bool-kiara/chessboard/images/b_king_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/b_knight_png_shadow_256px.png b/bool-kiara/chessboard/images/b_knight_png_shadow_256px.png new file mode 100644 index 0000000..1a79790 Binary files /dev/null and b/bool-kiara/chessboard/images/b_knight_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/b_pawn_png_shadow_256px.png b/bool-kiara/chessboard/images/b_pawn_png_shadow_256px.png new file mode 100644 index 0000000..4093567 Binary files /dev/null and b/bool-kiara/chessboard/images/b_pawn_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/b_queen_png_shadow_256px.png b/bool-kiara/chessboard/images/b_queen_png_shadow_256px.png new file mode 100644 index 0000000..be144e6 Binary files /dev/null and b/bool-kiara/chessboard/images/b_queen_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/b_rook_png_shadow_256px.png b/bool-kiara/chessboard/images/b_rook_png_shadow_256px.png new file mode 100644 index 0000000..007f742 Binary files /dev/null and b/bool-kiara/chessboard/images/b_rook_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/chessboard.PNG b/bool-kiara/chessboard/images/chessboard.PNG new file mode 100644 index 0000000..51d24f6 Binary files /dev/null and b/bool-kiara/chessboard/images/chessboard.PNG differ diff --git a/bool-kiara/chessboard/images/w_bishop_png_shadow_256px.png b/bool-kiara/chessboard/images/w_bishop_png_shadow_256px.png new file mode 100644 index 0000000..b5cd1c3 Binary files /dev/null and b/bool-kiara/chessboard/images/w_bishop_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/w_king_png_shadow_256px.png b/bool-kiara/chessboard/images/w_king_png_shadow_256px.png new file mode 100644 index 0000000..c2d66a0 Binary files /dev/null and b/bool-kiara/chessboard/images/w_king_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/w_knight_png_shadow_256px.png b/bool-kiara/chessboard/images/w_knight_png_shadow_256px.png new file mode 100644 index 0000000..7f56449 Binary files /dev/null and b/bool-kiara/chessboard/images/w_knight_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/w_pawn_png_shadow_256px.png b/bool-kiara/chessboard/images/w_pawn_png_shadow_256px.png new file mode 100644 index 0000000..0c5eaa3 Binary files /dev/null and b/bool-kiara/chessboard/images/w_pawn_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/w_queen_png_shadow_256px.png b/bool-kiara/chessboard/images/w_queen_png_shadow_256px.png new file mode 100644 index 0000000..31687ec Binary files /dev/null and b/bool-kiara/chessboard/images/w_queen_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/images/w_rook_png_shadow_256px.png b/bool-kiara/chessboard/images/w_rook_png_shadow_256px.png new file mode 100644 index 0000000..53213ac Binary files /dev/null and b/bool-kiara/chessboard/images/w_rook_png_shadow_256px.png differ diff --git a/bool-kiara/chessboard/index-f.html b/bool-kiara/chessboard/index-f.html new file mode 100644 index 0000000..db6c53b --- /dev/null +++ b/bool-kiara/chessboard/index-f.html @@ -0,0 +1,91 @@ + + + + + + + + + + FLEX: Chessboard + + +

Responsive Chessboard Using Flex

+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/bool-kiara/chessboard/index-g.html b/bool-kiara/chessboard/index-g.html new file mode 100644 index 0000000..294896d --- /dev/null +++ b/bool-kiara/chessboard/index-g.html @@ -0,0 +1,91 @@ + + + + + + + + + + GRID: Chessboard + + +

Responsive Chessboard Using Grid

+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/bool-kiara/index.html b/bool-kiara/index.html new file mode 100644 index 0000000..e69de29 diff --git a/bool-kiara/survey-form/images/c1 bg.png b/bool-kiara/survey-form/images/c1 bg.png new file mode 100644 index 0000000..4701e69 Binary files /dev/null and b/bool-kiara/survey-form/images/c1 bg.png differ diff --git a/bool-kiara/survey-form/images/c2 bg.png b/bool-kiara/survey-form/images/c2 bg.png new file mode 100644 index 0000000..9fcd379 Binary files /dev/null and b/bool-kiara/survey-form/images/c2 bg.png differ diff --git a/bool-kiara/survey-form/images/icon.png b/bool-kiara/survey-form/images/icon.png new file mode 100644 index 0000000..5806fae Binary files /dev/null and b/bool-kiara/survey-form/images/icon.png differ diff --git a/bool-kiara/survey-form/index.html b/bool-kiara/survey-form/index.html new file mode 100644 index 0000000..cfbf86f --- /dev/null +++ b/bool-kiara/survey-form/index.html @@ -0,0 +1,140 @@ + + + + VACCINE SIDE EFFECTS: Survey Form + + + + + +
+

VACCINE SIDE EFFECTS SURVEY FORM

+
+
+
+
+

Data Privacy Agreement

+
+

We are conducting a survey to help us better understand the certain side effects people experience after administering a COVID-19 vaccine to them. We would like to ask you questions about the possible effects and symptoms you have experienced in the first 3 days after getting your shot, whether it be the first or second dose. This is also to help people how to address those symptoms and keep them informed in all the relevant information in getting the COVID-19 vaccine to achieve herd immunity. Rest assured all data that will be gathered during this survey will be kept confidential.

By clicking "I Agree", you hereby acknowledge that you have read and understood the information above and you freely give your consent to participate in this survey.

+
+ +
+
+ +
+
+

Personal Information

+
+
+ +
+ +
+ +

+ + Gender:
+ +
+ +

+ + Comorbidities (pre-existing conditions):
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +

+ Adults of any age with the following conditions can be more likely to to get severely ill from COVID-19. For more information, click here.
+
+
+

Vaccine Information

+
+
+ Vaccine Received: +
+ + +
+ + + +

+ It's not safe to use different kinds of vaccine brands for the two dose administration. For more information, click here.
+
+ Symptoms experienced in the first 3 days of getting the vaccine:
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +

+ + For any comments or questions regarding the COVID-19 vaccine, feel free to type it below.
+ + +
+ +
+
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/bool-kiara/survey-form/results.html b/bool-kiara/survey-form/results.html new file mode 100644 index 0000000..991e96d --- /dev/null +++ b/bool-kiara/survey-form/results.html @@ -0,0 +1,62 @@ + + + + VACCINE SIDE EFFECTS: Survey Form Responses + + + + + +
+
+
+

Thank you for answering!

+
+

+ Thank you for doing your part in helping the world move on from this global pandemic. We highly suggest you encourage other people to get vaccinated too.
+ Let's achieve herd immunity together.
+ To know more about herd immunity, click here.
+

+ Additional links to keep yourself informed:
+

+

+

+
+ + +
+
+ +
+
+

Your Responses

+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/bool-kiara/survey-form/rstyle.css b/bool-kiara/survey-form/rstyle.css new file mode 100644 index 0000000..9d23841 --- /dev/null +++ b/bool-kiara/survey-form/rstyle.css @@ -0,0 +1,140 @@ +* { + margin: 0; + padding: 0; + scroll-behavior: smooth; +} + +#main { + transition: 0.8s; + font-family: 'Work Sans', sans-serif; + font-weight: 300; + color: #070606; + background-image: url("images/c1\ bg.png"); + transition: 0.8s; +} + +h2 { + margin: 15px; + font-family: 'Montserrat', sans-serif; + text-align: center; +} + +#title { + font-family: 'Montserrat', sans-serif; + margin-top: 20px; + text-align: center; + background: white; + position: fixed; + width: 100%; +} + +#description { + margin: 10px; + padding: 5px; + line-height: 1.9em; + text-align: center; +} + +#description2 { + line-height: 1.9em; + text-align: center; +} + +#description2 a { + text-decoration: none; +} + +#description2 a:hover { + color: #f42c49; +} + +.btn-box { + width: 100%; + margin: 30px auto; + text-align: center; +} + +.btn-box button { + width: 200px; + height: 35px; + margin: 0 10px; + background: #070606; + border-radius: 30px; + border: 0; + outline: none; + color: white; + font-family: 'Work Sans', sans-serif; + cursor: pointer; +} + +.container { + background: transparent; + margin: auto; + display: flex; + justify-content: center; + align-items: center; + width: 1250px; + height: 100vh; + overflow: hidden; +} + +.content { + background: transparent; + width: 1150px; + height: 100vh; +} + +#content-1 { + position: absolute; + background: white; + border-radius: 10px; + width: 750px; + height: 480px; + left: 50%; + margin-left: -375px; + top: 50%; + margin-top: -240px; + transition: 0.8s; + box-shadow: 1px 1px 8px 5px #888888; +} + +#content-1 li { + padding: 5px; + list-style: none; + text-align: center; +} + +#content-1 a { + text-decoration: none; +} + +#content-1 a:hover { + color: #f42c49; +} + +#content-2 { + margin: 10px; + background: transparent; + position: relative; + display: flex; + justify-content: space-around; + width: 1130px; + top: 1500px; + left: auto; + transition: 0.8s; +} + +#c21 { + background: white; + margin: 10px; + border-radius: 10px; + width: 565px; + box-shadow: 1px 1px 8px 2px #888888; +} + +#results { + margin: 10px; + padding: 5px; + line-height: 1.1em; + text-align: justify; +} \ No newline at end of file diff --git a/bool-kiara/survey-form/style.css b/bool-kiara/survey-form/style.css new file mode 100644 index 0000000..3f46b1a --- /dev/null +++ b/bool-kiara/survey-form/style.css @@ -0,0 +1,148 @@ +* { + margin: 0; + padding: 0; + scroll-behavior: smooth; +} + +#main { + transition: 0.8s; + font-family: 'Work Sans', sans-serif; + font-weight: 300; + color: #070606; + background-image: url("images/c1\ bg.png"); + transition: 0.8s; +} + +h2 { + margin: 15px; + font-family: 'Montserrat', sans-serif; + text-align: center; +} + +#title { + font-family: 'Montserrat', sans-serif; + margin-top: 20px; + text-align: center; + background: white; + position: fixed; + width: 100%; + box-shadow: 1px 1px 8px 1px #888888; +} + +#description { + margin: 10px; + padding: 5px; + text-align: justify; + line-height: 1.9em; +} + +.btn-box { + width: 100%; + margin: 30px auto; + text-align: center; +} + +.btn-box button { + width: 100px; + height: 35px; + margin: 0 10px; + background: #070606; + border-radius: 30px; + border: 0; + outline: none; + color: white; + font-family: 'Work Sans', sans-serif; + cursor: pointer; +} + +.container { + background: transparent; + margin: auto; + display: flex; + justify-content: center; + align-items: center; + width: 1250px; + height: 100vh; + overflow: hidden; +} + +.content { + background: transparent; + width: 1150px; + height: 100vh; +} + +#content-1 { + position: absolute; + background: white; + border-radius: 10px; + width: 750px; + height: 480px; + left: 50%; + margin-left: -375px; + top: 50%; + margin-top: -240px; + transition: 0.8s; + box-shadow: 1px 1px 8px 5px #888888; +} + +#content-2 { + margin: 10px; + background: transparent; + position: relative; + display: flex; + justify-content: space-around; + width: 1130px; + top: 1500px; + left: auto; + transition: 0.8s; +} + +#c21, #c22 { + background: white; + margin: 10px; + border-radius: 10px; + width: 565px; + box-shadow: 1px 1px 8px 2px #888888; +} + +#survey-form, #c221 { + margin: 10px; + padding: 5px; +} + +#survey-form a, #c221 a { + text-decoration: none; +} + +#survey-form a:hover, #c221 a:hover { + color: #f42c49; +} + +#survey-form #name, #survey-form #email { + width: 200px; + border: 0; +} + +#survey-form #number { + width: 120px; + border: 0; +} + +::placeholder, #c221 #dropdown, #c221 #date { + font-family: 'Work Sans', sans-serif; +} + +#c221 #dropdown { + border: 0; + width: 120px; +} + +#c221 #date { + border: 0; + width: 150px; +} + +#comments { + width: 100%; +} \ No newline at end of file diff --git a/bool-kiara/tribute-page/images/JENNIE BG.jpg b/bool-kiara/tribute-page/images/JENNIE BG.jpg new file mode 100644 index 0000000..7c3dcf3 Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE BG.jpg differ diff --git a/bool-kiara/tribute-page/images/JENNIE FILM IG ICON.jpg b/bool-kiara/tribute-page/images/JENNIE FILM IG ICON.jpg new file mode 100644 index 0000000..c2b8aec Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE FILM IG ICON.jpg differ diff --git a/bool-kiara/tribute-page/images/JENNIE ICON.png b/bool-kiara/tribute-page/images/JENNIE ICON.png new file mode 100644 index 0000000..8f53fdd Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE ICON.png differ diff --git a/bool-kiara/tribute-page/images/JENNIE IG ICON.jpg b/bool-kiara/tribute-page/images/JENNIE IG ICON.jpg new file mode 100644 index 0000000..84e5810 Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE IG ICON.jpg differ diff --git a/bool-kiara/tribute-page/images/JENNIE SPOTIFY ICON.jpg b/bool-kiara/tribute-page/images/JENNIE SPOTIFY ICON.jpg new file mode 100644 index 0000000..2b2dad4 Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE SPOTIFY ICON.jpg differ diff --git a/bool-kiara/tribute-page/images/JENNIE WEIBO ICON.jpg b/bool-kiara/tribute-page/images/JENNIE WEIBO ICON.jpg new file mode 100644 index 0000000..f97630d Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE WEIBO ICON.jpg differ diff --git a/bool-kiara/tribute-page/images/JENNIE YT ICON.jpg b/bool-kiara/tribute-page/images/JENNIE YT ICON.jpg new file mode 100644 index 0000000..59fe24b Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE YT ICON.jpg differ diff --git a/bool-kiara/tribute-page/images/JENNIE'S DOGS.jpg b/bool-kiara/tribute-page/images/JENNIE'S DOGS.jpg new file mode 100644 index 0000000..5a1e25d Binary files /dev/null and b/bool-kiara/tribute-page/images/JENNIE'S DOGS.jpg differ diff --git a/bool-kiara/tribute-page/index.html b/bool-kiara/tribute-page/index.html new file mode 100644 index 0000000..f59f2c4 --- /dev/null +++ b/bool-kiara/tribute-page/index.html @@ -0,0 +1,213 @@ + + + + JENNIE: Tribute Page + + + + + +
+
+ +
+
+
+

JENNIE

+
+
+
+
+
+
+

WHO IS KIM JENNIE?

+

Korean: 김제니

+

Jennie Kim, known mononymously as Jennie, was born in the Seoul Capital Area, South Korea on January 16, 1996. When she was eight years old, she went on a trip with her family to Australia and New Zealand. While in New Zealand, her mother asked her if she liked the place and if she wanted to stay, Jennie replied "yes". A year later, she was sent to study at Waikowhai Intermediate School in Auckland, New Zealand and lived with a home-stay family. Jennie spoke about her experiences on learning a new language on MBC's special documentary English, Must Change to Survive (2006). During her adolescent years, she dreamed of becoming a ballet dancer. After completing Intermediate, she enrolled into ACG Parnell College.

+

Jennie heard of K-pop while residing in New Zealand, particularly finding an interest in YG Entertainment's music. Her mother planned to transfer her to the United States in Florida at the age of 14 to continue her studies leading to an occupation of a lawyer or teacher. However, the idea wasn't to her liking as she may not find work she liked while residing alone; her family supported her decision and soon had her moved back to South Korea in 2010. Jennie auditioned to join YG Entertainment that same year and performed Rihanna's "Take a Bow", later succeeding in joining the label as a trainee. Through High Cut Korea, she once revealed how she was afraid of strangers and terrible at taking initiative and so could barely greet during her audition. Initially auditioning as a vocalist, the company believed she should embrace the role of a rapper as at the time she was the only trainee capable of speaking English, while most songs she covered included raps. She attended Cheongdam Middle School for her studies.

+

She debuted as a member of the girl group Blackpink under YG Entertainment in August 2016. In November 2018, Jennie made her debut as a solo artist with the single "Solo". The song was a commercial success domestically and internationally, topping both the Gaon Digital Chart and Billboard's World Digital Songs chart.

+ +
+
+
+
+
+
+
+

SIXTEEN JENNIE FACTS

+
    +
  • Nicknames: Jendeukie, Guldeuk, Nini, Mandu.
    • +
  • She is fluent in Korean and English.
    • +
  • She can speak a little bit of Japanese.
    • +
  • She learned Spanish when she was in New Zealand.
    • +
  • She trained for 5 years and 11 months (2010 August).
    • +
  • She was revealed to be a member on June 1, 2016 and was the first member to be revealed.
    • +
  • She has a total of 9 piercings, 5 on her left ear and 4 on her right ear.
    • +
  • Her zodiac sign is Capricorn and her Chinese zodiac sign is the Rat.
    • +
  • Her dream is to go back to New Zealand and have a concert there.
    • +
  • Her favourite drama genre is romance.
    • +
  • Her favourite color is black.
    • +
  • Her favourite food is milk flavoured ice cream.
    • +
  • She doesn't like pizza very much.
    • +
  • She has two dogs, Kai and Kuma. +
    +
    + Jennie with Kai and Kuma +
    From left to right: Jennie, Kai, Kuma
    +
    +
    +
    • +
  • She enjoys making things.
    • +
  • She loves slime, and once played with it for 2 hours straight.
    • +
+
+
+
+
+
+
+
+

JENNIE'S CAREER TIMELINE

+
    +
  • +
    +

    April 10, 2012

    +

    Jennie Kim was introduced to the public through a photo titled "Who's that girl?" via the official blog of YG Entertainment.

    +
    +
    • +
  • +
    +

    August 30, 2012

    +

    YG Entertainment released a YouTube video through their blog titled "YG Trainee - Jennie Kim", covering B.o.B.'s song "Strange Clouds" featuring Lil Wayne.

    +
    +
    • +
  • +
    +

    September 1, 2012

    +

    Jennie Kim made her first public appearance as the lead actress in G-Dragon's music video "That XX" from his extended play, One of a Kind.

    +
    +
    • +
  • +
    +

    January 21, 2013

    +

    Another video titled "Jennie Kim - YG New Artist", covering the song "Lotus Flower Bomb" by rapper Wale was released.

    +
    +
    • +
  • +
    +

    March 2013

    +

    Lee Hi featured Jennie Kim on her B-side track, "Special" from her debut album, First Love.

    +
    +
    • +
  • +
    +

    August 2013

    +

    Jennie Kim featured on Seungri’s B-side track "GG Be" for his extended play, Let's Talk About Love.

    +
    +
    • +
  • +
    +

    September 2013

    +

    Jennie Kim featured on G-Dragon's B-side track "Black" and recorded the hook in less than five days before the release of his album, Coup d'etat.

    +
    +
    • +
  • +
    +

    September 8, 2013

    +

    Jennie Kim made her first stage appearance alongside G-Dragon on SBS' Inkigayo.

    +
    +
    • +
  • +
    +

    June 1, 2016

    +

    Jennie Kim was the first to be revealed for YG Entertainment's newest girl group, seven years after the debut of 2NE1.

    +
    +
    • +
  • +
    +

    August 8, 2016

    +

    Jennie Kim debuted as a member of girl group BLACKPINK with the release of their single album Square One alongside double A-side singles, "Boombayah" (붐바야) and "Whistle" (휘파람).

    +
    +
    • +
  • +
    +

    July 2018

    +

    Jennie Kim appeared with fellow BLACKPINK member Jisoo Kim on Running Man.

    +
    +
    • +
  • +
    +

    October 1, 2018

    +

    Jennie Kim was confirmed to join as a cast member for SBS' new variety show, Village Survival, the Eight. This marked her first permanent casting for a television series.

    +
    +
    • +
  • +
    +

    November 12, 2018

    +

    Jennie Kim released a single album titled Solo with a lead single of the same name.

    +
    +
    • +
  • +
    +

    November 25, 2018

    +

    Jennie Kim received her first music show win as a solo artist on Inkigayo.

    +
    +
    • +
  • +
    +

    April 2019

    +

    Jennie Kim became the first Korean solo artist to perform at Coachella. Her performance was listed under "The 10 Best Things We Saw at Coachella 2019", with Billboard describing it as "mind-blowing" and "stunning" for fans and casual passersby.

    +
    +
    • +
  • +
    +

    October 2, 2020

    +

    "Lovesick Girls", BLACKPINK's single that Jennie Kim co-wrote, was released.

    +
    +
    • +
  • +
    +

    January 16, 2021

    +

    Jennie Kim commenced her official YouTube channel.

    +
    +
    • +
+
+
+
+
+
+
+
+

KEEP UP WITH JENNIE HERE!

+
+
+ + Instagram +
+
+ + Film Instagram +
+
+ + Youtube +
+
+ + Spotify +
+
+ + Weibo +
+
+
+
+
+ + diff --git a/bool-kiara/tribute-page/primetime.woff b/bool-kiara/tribute-page/primetime.woff new file mode 100644 index 0000000..5c264b9 Binary files /dev/null and b/bool-kiara/tribute-page/primetime.woff differ diff --git a/bool-kiara/tribute-page/primetime.woff2 b/bool-kiara/tribute-page/primetime.woff2 new file mode 100644 index 0000000..dd5a819 Binary files /dev/null and b/bool-kiara/tribute-page/primetime.woff2 differ diff --git a/bool-kiara/tribute-page/style.css b/bool-kiara/tribute-page/style.css new file mode 100644 index 0000000..fcd151f --- /dev/null +++ b/bool-kiara/tribute-page/style.css @@ -0,0 +1,251 @@ +@font-face { + font-family: "Primetime"; + src: url("primetime.woff") format("woff"); +} + +* { + margin: 0; + padding: 0; + scroll-behavior: smooth; +} + +body { + display: block; +} + +header { + background-position: center; + background-image: url("images/JENNIE BG.jpg"); + background-size: cover; + background-blend-mode: overlay; + background-attachment: fixed; + display: block; + margin-bottom: 50px; +} + +div { + display: block; +} + +.nav { + display:flex; + justify-content: space-around; + align-items: center; +} + +.nav-bar { + padding: 10px; + background-color: white; +} + +.nav-item { + font-family: "Primetime"; + color: #DCA0AC; + text-decoration: none; +} + +a:hover { + color: black; +} + +.outer-header { + width: 100%; + height: 100vh; +} + +.inner-header { + width: max-content; + height: 100vh; + margin: 0 auto; + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; +} + +#title { + font-family: "Primetime"; + color: white; + font-size: 125px; + letter-spacing: 10px; + padding: 40px; +} + +article { + display: block; +} + +.about-container { + margin: 50px; +} + +.about-container h1 { + text-align: center; + font-family: "Primetime"; + color: #DCA0AC; + font-size: 30px; + letter-spacing: 5px; +} + +.about-container h4 { + margin-bottom: 30px; + text-align: center; + font-family: 'Montserrat', sans-serif; + font-size: 20px; +} + +#tribute-info { + margin-bottom: 15px; + text-align: justify; + font-family: 'Montserrat', sans-serif; + font-size: 16px; + line-height: 30px; +} + +.about-container .source-btn button { + padding: 9px 12px; + box-sizing: border-box; + border: none; + border-radius: 50px; + background-color: #DCA0AC; + font-family: 'Montserrat', sans-serif; + font-size: 12px; + text-align: center; + line-height: 10px; + text-decoration: none; + cursor: pointer; +} + +.facts-container { + margin: 50px; +} + +.facts-container h1 { + text-align: center; + font-family: "Primetime"; + color: #DCA0AC; + font-size: 30px; + letter-spacing: 5px; + margin-bottom: 30px; +} + +#facts-list { + text-align: center; + list-style-type: none; + font-family: 'Montserrat', sans-serif; + font-size: 16px; +} + +.facts-container li { + margin: 10px; + background-color: transparent; + color: black; +} + +.facts-container li:hover { + background-color:#DCA0AC; + border-radius: 25px; + color: white; + font-weight: bold; +} + +#dogs #img-div #image { + width: 15%; + padding: 5px; + margin: auto; + display: flex; + justify-content: center; + align-items: center; +} + +#dogs #img-div figure { + font-size: 10px; +} + +.timeline-container { + margin: 50px; +} + +.timeline-container h1 { + text-align: center; + font-family: "Primetime"; + color: #DCA0AC; + font-size: 30px; + letter-spacing: 5px; + margin-bottom: 30px; +} + +.timeline-container li { + margin: 10px; + list-style-type: none; + font-family: 'Montserrat', sans-serif; + font-size: 16px; +} + +.timeline-container li:hover h3{ + text-align: center; + font-family: 'Montserrat', sans-serif; + font-size: 24px; + font-weight: bold; + color: #DCA0AC +} + +.timeline-container li:hover p{ + text-align: center; + font-family: 'Montserrat', sans-serif; + font-weight: bold; +} + +.socials-container { + margin: 50px; +} + +.socials-container h1 { + text-align: center; + font-family: "Primetime"; + color: #DCA0AC; + font-size: 30px; + letter-spacing: 5px; + margin-bottom: 30px; +} + +.socials-box { + width: 90%; + padding: 10px; + background: transparent; + margin: auto; + display: flex; + justify-content: center; +} + +.icon { + width: 200px; + height: 200px; + background: transparent; + margin: 0px 10px; + transition: 0.5s; +} + +.icon:hover { + transform: scale(1.3); + background: #DCA0AC; +} + +.icon img { + display: block; + width: 200px; +} + +.socials-box .icon a { + display: block; + color: black; + font-weight: bold; + text-align: center; + font-family: 'Montserrat', sans-serif; + font-size: 16px; + text-decoration: none; +} + +.socials-box .icon a:hover { + color: #DCA0AC; +} \ No newline at end of file