-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistory.html
118 lines (87 loc) · 8.29 KB
/
history.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- link the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- link the webpage's JavaScript file -->
<script src="/script.js" defer></script>
</head>
<body>
<body>
<!-- header for the website, with the Barbie movie logo as a picture and a pink background -->
<header>
<br>
<img id = "barbieTitle" src="assets/Barbie.jpg" alt = "A black background with the title Barbie in light pink outlined in hot pink">
</header>
<!-- navigation bar for home or index.html, history.html, and hot_take.html -->
<nav>
<ul>
<li>
<a href = "index.html">Home</a>
</li>
<li>
<a href = "history.html">History</a>
</li>
<li>
<a href = "hot_take.html">Hot Take</a>
</ul>
</nav>
<main>
<!-- heading, image, and paragraph description of first Barbie and its influence -->
<div id ="parallax-2">
<h1 class = "header"> 1950s: Barbie was inspired by Marilyn Monroe and Elizabeth Taylor</h1>
<img src = "assets/first.jpg" alt = "The first Barbie is wearing a black and white striped swimsuit, has blond curly hair, and is holding white framed sunglasses in her right hand.">
<p class = "pink">Ruth Handler co-founded Mattel with her husband and named the first Barbie Barbara Millicent Roberts, which she named after her daughter Barbara Handler. Handler released the first Barbie on March 9th, 1959 at the American Toy Fair in New York at $3.00 a piece, worth today $25,000.</p>
</div>
<!-- heading, image, and description of Barbie's impact as a career woman -->
<div id ="parallax-3">
<h1 class = "header"> 1960s: Barbie Grew to be a Career Woman a Decade After Mattel Released Her</h1>
<img src = "assets/astronaut.jpg" alt = "A Barbie in a white astronaut suit, holding a barbie flag on the moon.">
<p class = "pink"> Barbie has pursued over 250 careers such as computer engineering, medicine, and space exploration as she went to the moon in 1965, four years before Neil Armstrong landed on the moon.</p>
</div>
<!-- heading, image, and description of celebrities resembling Barbies and its influence in the 1960s -->
<div id = "parallax-4">
<h1 class = "header"> 1960s: Super Model Twiggy Barbie is Made</h1>
<img src = "assets/twiggy.jpg" alt = "The first Barbie is wearing a black and white striped swimsuit, has blond curly hair, and is holding white framed sunglasses in her right hand.">
<p class = "pink"> The era of creating Barbies to resembles celebrities began in 1967, and later Cher, Audrey Hepburn, Diana Ross, and JK Rowling would join the mix.</p>
</div>
<!-- heading, image, and description of Mattel's release of the first official African Latina American Barbie and its impact -->
<div id = "parallax-5">
<h1 class = "header"> 1980s: Mattel Releases the First Offical African Latina American Barbie</h1>
<img src = "assets/1980.jpg" alt = "The first African Latina American Barbie has a dark afro with chesnut dark brown skin and brown eyes. She is wearing a long sparkly red dress with a golden necklace, a red flower ring on her right hand, red twizzler earings, and red high heels.">
<p class = "pink"> The real first African American doll was Christie, Barbie's friend, in 1968; however, this Barbie was the first official release. Afterward, the first of more than 40 races internationally met stores worldwide in 1980.</p>
</div>
<!-- heading, image, and description of Barbie Drag Queen and its influence in 2012-->
<div id = "parallax-6">
<h1 class = "header"> 2012: The Drag Queen is Here</h1>
<img src = "assets/drag.jpg" alt = "Barbie is on the cover of a Barbie Collector Magazine in a silver rhinestone stress and a faux fur white coat on the outside and pink satin on the inside with a train. She has long voluminous blonde hair with dark eyeliner, mascara, and a bold red lip.">
<p class = "pink"> Fashion designers Phillipe and David Blond created the Blonds Blond Diamond Barbie priced at $125 during Christmas time in 2012.</p>
</div>
<!-- heading, image, and description of Chemo Ella Barbie doll and its impact -->
<div id = "parallax-7">
<h1 class = "header"> 2012 & 2014: Chemo Barbie Ella is Here</h1>
<img src = "assets/ella.jpeg" alt = "Ella is fair tan with a bald head. She is wearing a yellow and pink striped tank top with hearts and a light pink tutu skirt with hot pink polkadots.">
<p class = "pink"> To help young girls with pediatric cancer, Mattel released a doll named Ella, Barbie's friend who has a bald head. Originally, the company distributed the doll to hospitals alone, but a cancer patient's mother petitioned for Mattel to produce more and was successful in 2014.</p>
</div>
<!-- heading and image and descriptionfor Barbie diversity collection Mattel introduced in 2016 -->
<div id = "parallax-8">
<h1 class = "header"> 2016: Diversity with the Barbie Fashionistas</h1>
<img class = "many" src = "assets/diverse.jpg" alt = "To the far left, there is a girl with skin of dark chocolate and dark curly hair in a yellow and pink summer dress. Next to her, there is a fair-skinned girl with long blue hair in a pink half-sleeved shirt with a corset on top, black with black and white stripes for the center, and a black mini skirt. The girl in the middle has a pink checkered shirt, fair skin, long silky black hair, a yellow flowery necklace, and a long white pencil skirt. Next to her is a girl with chesnut brown skin, curly brown hair, and a halter neck dress with black for the top and red for the bottom. The girl second to the far right has curly red hair, brown eyes, fair skin, a dress with a blue, pink, and white plaid pattern for the top and a blue skirt for the bottom. The girl to the far right has long blonde hair, blue eyes, fair skin, a denim tank top, and a yellow skirt with a pink belt.">
<p class = "pink"> For many years, critics argued that Barbie was not representative of modern women. As a result, Mattel released the Barbie Fashionistas in 2016 in four body types, seven skin tones, twenty-two eye colors, and twenty-four hairstyles.</p>
</div>
<!-- image and heading and description for Inspiring Women's Collection in 2018 and 2019 -->
<div id = "parallax-9">
<h1 class = "header"> 2018 & 2019: Honoring Historic Icons in History & Representing All Body Types</h1>
<img class = "many" src = "assets/all.jpg" alt = "To the left is Amelia Earhart, middle Frida Kahlo, and right Katherine Johnson. Amelia Earhart has a short brown pixie bob wearing a brown leather jacket with a white scarf and googles around her neck. She is holding her brown helmet in her right arm and is wearing khaki colored pants. Frida Kahlo has a black-haired bun with golden glasses a dress with a black top with red flowers and green stems, a blue bottom fanned out skirt, and a red shawl overtop. Katherine Johnson has a thick black pixie bob with black glasses and a light pink dress with a white tie and her ID badge around her neck.">
<p class = "pink"> To honor influential women, Mattel released the "Inspiring Women Collection" in 2018 to depict (from left to right) the pilot Amelia Earhart, painter Frida Kalho, and space scientist, physicist, and mathematician Katherine Johnson. Johnson provided the calculations for Alan Shepard's first flight into space, John Glenn's orbit around the earth, and the trajectory for Apollo 11's landing. She also recived the Presidential Medal of Freedom in 2015 from Barack Obama. Later in 2019, Mattel released a Barbie with a smaller bust, waist, and more defined arms to add on to the collection of Barbie's wide array of body shapes.</p>
<br>
<!-- credit for research for history.html page from history.com -->
<p id = "credit">Credit to <a href = "https://www.history.com/news/barbie-through-the-ages" target="_blank" rel="noopener noreferrer"> History.com</a> </p>
</div>
</main>
</body>
</html>