Skip to content

Commit

Permalink
Merge pull request #25 from GaiaOrtona/main
Browse files Browse the repository at this point in the history 
cambiamenti gaia
  • Loading branch information
@GaiaOrtona
GaiaOrtona authored Jan 17, 2024
2 parents ada072e + 78378cc commit 954906c
Show file tree
Hide file tree
Showing 5 changed files with 122 additions and 107 deletions.
21 changes: 15 additions & 6 deletions 2030gaia.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,14 @@


body {
background: linear-gradient(to bottom, #FFDAB9, #8B4513);
position: relative;
cursor: url('img/2030img/cursorepianetasabbioso.png'), auto;
background-color: #C28842;


}





Expand Down Expand Up @@ -142,7 +145,7 @@ body {
overflow-y: auto;
max-height: 300px;
cursor: url('img/2030img/cursorepianetasabbioso.png'), auto; /* Imposta l'altezza massima desiderata per la visualizzazione dei tab */
}
}

#map-tab {
border: 3px solid black;
Expand Down Expand Up @@ -277,7 +280,7 @@ body {
font-size: 24px;
}

.publicationdate {
.publication-date {
font-family: 'Dune';
color: #F1FAEE;
font-weight: 900;
Expand All @@ -286,6 +289,12 @@ body {

}

.publication-location {
font-family: 'Semplicita';
text-align: center;
font-size: 24px;
}

.content{
column-count: 1;
width: 100%;
Expand Down Expand Up @@ -337,7 +346,7 @@ body {
}

#space {
height: 17rem;
height: 40vh;
}

.image-container {
Expand Down Expand Up @@ -386,7 +395,7 @@ body {


.music-container {
background-color: #F1FAEE;
background-color: rgb(56, 48, 38);
border-radius: 15px;
box-shadow: 0 10px 10px 0 rgb(87, 31, 1);
width: 50%;
Expand All @@ -395,7 +404,7 @@ body {
z-index: 10;
margin-left: auto;
margin-right: auto;
margin-top: -75%;
margin-top: -62%;
}

.stitle {
Expand Down
12 changes: 9 additions & 3 deletions anni30gaia.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -213,13 +213,19 @@ body {
font-size: 24px;
}

.publicationdate {
.publication-date {
font-family: 'Semplicita';
text-align: center;
font-size: 24px;

}

.publication-location {
font-family: 'Semplicita';
text-align: center;
font-size: 24px;
}

.content{
column-count: 2;
column-gap: 50px;
Expand Down Expand Up @@ -267,7 +273,7 @@ body {
}

#space {
height: 17rem;
height: 40vh;
}

.image-container {
Expand Down Expand Up @@ -321,7 +327,7 @@ body {
z-index: 10;
margin-left: auto;
margin-right: auto;
margin-top: -75%;
margin-top: -47%;
}

.stitle {
Expand Down
42 changes: 21 additions & 21 deletions gaia1.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,35 +3,35 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Articolo 1</title>
<title>Music and fashion through history</title>
</head>
<body>
<div class="article">
<div class="generic-info"><div class="title"><h1>A Timeline of music's influence over fashion</h1></div>
<p class="author">Antonia Sardone</p>
<p class="publicationdate">08/08/2021</p>
<p class="publication-date">08/08/2021</p>
</div>
<div class="content">
<img src="img\img articolo 1 gaia\Billie-Joe-Armstrong-of-Green-Day-performing-at-the-Hella-Mega-Tour.-Photo-Credit-AP.webp">
<figcaption><p class="img-description">Billie Joe Armstrong of Green Day performing at the Hella Mega Tour. (Photo Credit: AP)</p></figcaption>
<br>
<p class="start">It’s almost impossible to envision a world where <span class="keyword" id="music">music</span> and <span class="keyword" id="fashion">fashion</span> do not go hand in hand. <span class="keyword" id="music">Music</span> affects our lives greatly and speaks
<p class="start">It's almost impossible to envision a world where <span class="keyword" id="music">music</span> and <span class="keyword" id="fashion">fashion</span> do not go hand in hand. <span class="keyword" id="music">Music</span> affects our lives greatly and speaks
volumes to the times we are living in. On August 4th, I attended my first concert post-pandemic, and it was one of the most exhilarating
and liberating experiences that I’ve had in years. My teenage daughter and I went to see <span class="person" id="GD">Green Day</span> and <span class="person"id="Weezer">Weezer</span> at the “Hella Mega Tour”,
and liberating experiences that I've had in years. My teenage daughter and I went to see <span class="person" id="GD">Green Day</span> and <span class="person"id="Weezer">Weezer</span> at the “Hella Mega Tour”,
sadly <span class="person" id="FOB">Fall Out Boy</span> had to cancel due to one of its members testing positive for Covid. As soon as I walked into the stadium, I noticed
that the punk movement is alive and well in <span class="place" id="NYC">NYC</span> and <span class="person" id="GD">Green Day</span> fans at every age were rocking their leather jackets, colorful hair,
corsets and plaid. It was thrilling to see all these teens and adults rocking out and having the best time. So naturally, it inspired
this post on how <span class="keyword" id="music">music</span> influences <span class="keyword" id="fashion">fashion</span>.</p>
<p>The influence <span class="keyword" id="music">music</span> has on <span class="keyword" id="fashion">fashion</span> has been evident throughout history. <span class="keyword" id="music">Music</span>, much like <span class="keyword" id="fashion">fashion</span>, has always been used as a way of
self-expression and both are also emotional and obtainable forms of art that the masses can enjoy and partake in. <span class="keyword" id="fashion">Fashion</span>, like <span class="keyword" id="music">music</span>,
is one of the clearest signs of the times, and it says more about our culture than we give it credit for. We can easily distinguish the
difference between the bell-bottom jean’s hippies wore in 1969 versus the skin-tight denim worn by emo teens in 2005.</p>
difference between the bell-bottom jean's hippies wore in 1969 versus the skin-tight denim worn by emo teens in 2005.</p>
<img src="img\img articolo 1 gaia\Sean-Diddy-Combs-the-Hip-Hop-Legend-and-fashion-designer-was-featured-in-an-Vogue-editorial-with-Kate-Moss-in-the-October-1999-issue-of-Vogue-Magazine.-Photo-Credit-Annie-Leibovitz.jpg">
<figcaption><p class="img-description">Sean Diddy Combs, the Hip-Hop Legend and fashion designer was featured in an Vogue editorial with Kate Moss in the October, 1999 issue of Vogue Magazine. (Photo Credit: Annie Leibovitz)</p></figcaption>
<h2 class="title-2">1920'S FLAPPER</h2>
<img src="img/img articolo 1 gaia/Benny-Kruegers-band-plays-at-Brooklyns-Brighton-Beach-as-a-flapper-girl-dances-on-the-piano.-Photo-Credit-Getty-Images.jpg">
<figcaption><p class="img-description">Benny Krueger’s band plays at Brooklyn’s Brighton Beach as a flapper girl dances on the piano. (Photo Credit: Getty Images)</p></figcaption>
<p>In today’s day and age jazz <span class="keyword" id="music">music</span> may seem squeaky clean and innocent, but it was extremely scandalous during its early years because
<figcaption><p class="img-description">Benny Krueger's band plays at Brooklyn's Brighton Beach as a flapper girl dances on the piano. (Photo Credit: Getty Images)</p></figcaption>
<p>In today's day and age jazz <span class="keyword" id="music">music</span> may seem squeaky clean and innocent, but it was extremely scandalous during its early years because
it was the first form of <span class="keyword" id="music">music</span> that was played almost exclusively at nightclubs and speakeasies that hosted people of all races.
Jazz <span class="keyword" id="music">music</span>also tended to have strong feminist undertones, which changed the way women behaved and dressed.</p>
<img src="img/img articolo 1 gaia/A-flapper-in-London-models-an-evening-frock-of-lilac-tulle-with-a-beaded-tunic-in-1922.-Photot-Credit-Getty-Images..jpg">
Expand All @@ -52,13 +52,13 @@ <h2 class="title-2">1950'S TEEN POP</h2>
<br> <h2 class="title-2">1960'S MOD</h2>
<img src="img/img articolo 1 gaia/Photographed-in-London-in-February-of-1964-just-days-before-their-performance-on-The-Ed-Sullivan-Show-would-set-off-a-global-wave-of-Beatlemania.-Photo-Credit-Getty-Images.jpg">
<figcaption><p class="img-description">Photographed in London in February of 1964, just days before their performance on The Ed Sullivan Show which would set off a global wave of Beatlemania. (Photo Credit: Getty Images)</p></figcaption>
<p>The ‘60s were a swinging time in <span class="place" id="London">London</span> as a more modern version of jazz began to evolve and the “modernists” movement was born. This ‘60s
<p>The '60s were a swinging time in <span class="place" id="London">London</span> as a more modern version of jazz began to evolve and the “modernists” movement was born. This '60s
subculture also embraced the musical styles of ska, R&B, and soul.</p>
<p>The “modernists” embraced the bohemian lifestyle of the ‘50s Beatnik generation, so it came as no surprise that many chose to mimic
<p>The “modernists” embraced the bohemian lifestyle of the '50s Beatnik generation, so it came as no surprise that many chose to mimic
that look as part of their lifestyle. Eventually, this extremely <span class="keyword" id="fashion">fashion</span>-conscious clique of clubkids became known as Mods.</p>
<img src="img/img articolo 1 gaia/Models-in-Mod-British-designer-Mary-Quant-loks-as-the-designer-launches-her-footwear-collection-in-1967.-Photo-Credit-Instagram-Dress-Historians.jpeg">
<figcaption><p class="img-description">Models in Mod British designer Mary Quant looks as the designer launches her footwear collection in 1967. (Photo Credit: Instagram Dress Historians)</p></figcaption>
<p>By the middle of the ‘60s, the Mod subculture’s brand of beatnik-meets-modern <span class="keyword" id="fashion">fashion</span> became one of the biggest trends in high <span class="keyword" id="fashion">fashion</span>
<p>By the middle of the '60s, the Mod subculture's brand of beatnik-meets-modern <span class="keyword" id="fashion">fashion</span> became one of the biggest trends in high <span class="keyword" id="fashion">fashion</span>
history. Even today, both the <span class="keyword"id="music">music</span> and the stylistic aesthetic of Mod <span class="keyword" id="fashion">fashion</span> continues to be a joyful and youthful source of inspiration
for top designers.</p>
<br> <h2 class="title-2">1960'S HIPPIES </h2><br>
Expand All @@ -77,27 +77,27 @@ <h2 class="title-2">1950'S TEEN POP</h2>
<figcaption><p class="img-description">SEX PISTOLS; Group photo on the set of the Pretty Vacant video shoot L-R Sid Vicious, Paul Cook, Johnny Rotten (John Lydon) and Steve Jones (Photo Credit: Virginia Turbett/Redferns)</p></figcaption>
<p>Much like Mods, many early punks also enjoyed the musical genre of ska, reggae, and soul. However, this <span class="keyword" id="music">music</span> Punk scene quickly became
known for aggressive rock <span class="keyword" id="music">music</span> with just very light ska elements tossed into the mix.</p>
<p>The punk movement quickly evolved to become a social one. Due to punk <span class="keyword" id="music">music</span>’s deep focus on individuality and freedom, many people
<p>The punk movement quickly evolved to become a social one. Due to punk <span class="keyword" id="music">music</span>'s deep focus on individuality and freedom, many people
joined the punk scene as a way to raise their middle finger to the establishment. So their sartorial choices were always been geared
towards hand made items like leather jackets, brightly colored hair, piercings and anything that looked different from typical
mainstream.</p>
<img src="img/img articolo 1 gaia/Punks-sitting-on-the-floor-of-Londons-Roxy-club-in-Covent-Garden-one-of-the-key-venues-in-1976.-Photo-Credit-Derek-Ridgers.jpg">
<figcaption><p class="img-description">Punks sitting on the floor of London’s Roxy club in Covent Garden, one of the key venues in 1976. (Photo Credit: Derek Ridgers)</p></figcaption>
<figcaption><p class="img-description">Punks sitting on the floor of London's Roxy club in Covent Garden, one of the key venues in 1976. (Photo Credit: Derek Ridgers)</p></figcaption>
<img src="img/img articolo 1 gaia/In-the-early-seventies-Westwood-along-with-then-partner-Malcolm-McLaren-orchestrated-the-stylistic-revolution-of-Punk.-Photo-Credit-Getty-Images.jpg">
<figcaption><p class="img-description">In the early seventies, Vivienne Westwood, along with then partner Malcolm McLaren, orchestrated the stylistic revolution of Punk. (Photo Credit: Getty Images)</p></figcaption>
<p>Punk is generally considered to be the first real <span class="keyword" id="music">music</span>subculture out there, with Glam Rock being a close second.</p>
<br> <h2 class="title-2">1970'S GLAM ROCK </h2><br>
<img src="img/img articolo 1 gaia/Rock-Icon-David-Bowie-known-for-his-Glam-Rock-style.-Photo-Credit-Rolling-Stones.jpg">
<figcaption><p class="img-description">Jan. 1, 1970 – DAVID BOWIE LIVE IN CONCERT IN 1970 (Credit Image: © UPPA/ZUMAPRESS.com)</p></figcaption>
<figcaption><p class="img-description">Jan. 1, 1970 - DAVID BOWIE LIVE IN CONCERT IN 1970 (Credit Image: © UPPA/ZUMAPRESS.com)</p></figcaption>
<p>As special effects during the Seventies were being used in television and films, and Star Wars became one of the first movies to involve
so many of these effects, it made sense for musicians to sign on. The ‘70s were one of the first decades that truly embraced science
so many of these effects, it made sense for musicians to sign on. The '70s were one of the first decades that truly embraced science
fiction as it became a major focal point in pop culture.</p>
<p>Musicians such as <span class="person" id="DV">David Bowie</span>, <span class="person" id="MC">Marc Bolan</span>, and bands like <span class="person" id="KISS">Kiss</span>, began to draw inspiration from sci-fi as they ramped up their showmanship
by adding sci-fi “backstories” to their performances, resulting in the birth of Glam Rock.</p>
<img src="img/img articolo 1 gaia/Rocker-Marc-Bolan-in-London-in-the-mid-70s.-Photo-Credit-Alamy.jpg">
<figcaption><p class="img-description">Rocker Marc Bolan in London in the mid 70s. (Photo Credit: Alamy)</p></figcaption>
<p>So, it should come as no surprise that many underground shops began to carry items that fit the Glam Rock aesthetic, although, many
people loved the <span class="keyword" id="music">music</span> but didn’t buy into the glam rock <span class="keyword" id="fashion">fashion</span> movement. As a result, many consider glam rock to be one of the first
people loved the <span class="keyword" id="music">music</span> but didn't buy into the glam rock <span class="keyword" id="fashion">fashion</span> movement. As a result, many consider glam rock to be one of the first
actual pop subcultures out there.</p>
<br> <h2 class="title-2">1980'S GOTH </h2><br>
<img src="img/img articolo 1 gaia/Members-of-the-Goth-Eighties-band-The-Cure.-Photo-Credit-Rolling-Stones.jpg">
Expand All @@ -107,8 +107,8 @@ <h2 class="title-2">1950'S TEEN POP</h2>
<img src="img/img articolo 1 gaia/Goth-kids.-Photo-Credit-Museum-of-Youth-Culture-Rebecca-Lewis-1536x1173.jpg">
<figcaption><p class="img-description">Goth kids. (Photo Credit: Museum of Youth Culture Rebecca Lewis)</p></figcaption>
<p>Most of these sullen <span class="keyword" id="music">music</span>genres became tied to quite a few other habits, such as wearing all black, a love of horror movies, pale
make-up, dark burgundy lipstick, and just enjoying the darker side of life. Gothic <span class="keyword" id="fashion">fashion</span>’s beginnings often mimicked the spookier
elements with ‘witch-like’ <span class="keyword" id="fashion">fashion</span>, much like many of <span class="person" id="TB">Tim Burton</span>’s characters.</p>
make-up, dark burgundy lipstick, and just enjoying the darker side of life. Gothic <span class="keyword" id="fashion">fashion</span>'s beginnings often mimicked the spookier
elements with 'witch-like' <span class="keyword" id="fashion">fashion</span>, much like many of <span class="person" id="TB">Tim Burton</span>'s characters.</p>
<br> <h2 class="title-2">1990'S GRUNGE </h2><br>
<img src="img/img articolo 1 gaia/Seattle-band-Nirvana-was-one-of-the-biggest-influential-grunge-style-of-music.-Photo-Credit-Rolling-Stones.jpg">
<figcaption><p class="img-description">Seattle band Nirvana was one of the biggest influential grunge style of music. (Photo Credit: Rolling Stones)</p></figcaption>
Expand All @@ -117,16 +117,16 @@ <h2 class="title-2">1950'S TEEN POP</h2>
up venting it via <span class="keyword" id="music">music</span>…and it resonated with a whole generation of teens.</p>
<img src="img/img articolo 1 gaia/Naomi-Campbell-and-Kristen-McMenamyPhotographed-by-Steven-Meisel-Vogue-December-1992.jpg">
<figcaption><p class="img-description">Naomi Campbell and Kristen McMenamy in a Vogue editorial. (Photo Credit: Steven Meisel, Vogue, December 1992)</p></figcaption>
<p>The gritty, unkept look of those style clothing quickly attracted those who liked the <span class="keyword" id="music">music</span>’s edgy appeal. <span class="person" id="MJ">Marc Jacobs</span> was an early
<p>The gritty, unkept look of those style clothing quickly attracted those who liked the <span class="keyword" id="music">music</span>'s edgy appeal. <span class="person" id="MJ">Marc Jacobs</span> was an early
adopter of this look. Today, the 90s grunge movement still remains a identifiable <span class="keyword" id="fashion">fashion</span> trend.</p>
<br><h2 class="title-2"> 1990'S HIP-HOP </h2><br>
<img src="img/img articolo 1 gaia/TLCs-Tionne-T-Boz-Watkins-Lisa-Left-Eye-Lopes-and-Rozonda-Chilli-Thomas-owned-the-90s-as-the-best-selling-American-girl-group-of-all-time.-Photo-Creit-Getty-Images-768x1152.jpg">
<figcaption><p class="img-description">TLC’s Tionne T-Boz Watkins, Lisa Left Eye Lopes, and Rozonda Chilli Thomas owned the 90s as the best selling American girl group of all time. (Photo Credit: Getty Images)</p></figcaption>
<figcaption><p class="img-description">TLC's Tionne T-Boz Watkins, Lisa Left Eye Lopes, and Rozonda Chilli Thomas owned the 90s as the best selling American girl group of all time. (Photo Credit: Getty Images)</p></figcaption>
<p>By the late eighties and early nineties, hip-hop exploded and became one of the most popular forms of <span class="keyword" id="music">music</span>. Hip-hop culture was born on
the streets of urban neighborhoods like <span class="place" id="NYC">New York</span>, <span class="place" id="Los Angeles">Los Angeles</span>, and <span class="place" id="Detroit">Detroit</span>, where rap battles, breakdancing, and turntablism became a
way of life for teens.</p>
<img src="img/img articolo 1 gaia/Aaliyahs-famed-90s-Hilfiger-ad.-Photo-Credit-Tommy-Hilfiger.jpg">
<figcaption><p class="img-description">Aaliyah’s famed ’90s Hilfiger ad. (Photo Credit: Tommy Hilfiger Archives)</p></figcaption>
<figcaption><p class="img-description">Aaliyah's famed '90s Hilfiger ad. (Photo Credit: Tommy Hilfiger Archives)</p></figcaption>
<p>It was just a matter of time that the influence of hip hop began to spread outside of urban areas and embraced by teens all across
America. People began to emulate the <span class="keyword" id="fashion">fashion</span> of rappers, and by the time that hip hop became mainstream, it became synonymous with a
specific style of clothing. Some of the most popular hip hop trends were baggy pants with your underwear logo peaking through, Adidas
Expand All @@ -139,7 +139,7 @@ <h2 class="title-2">1950'S TEEN POP</h2>
and of course, heavy drug usage.</p>
<img src="img/img articolo 1 gaia/Ravers-at-an-EDM-Festival.-Photo-Credit-IEDM.com_.webp">
<figcaption><p class="img-description">Ravers at an EDM Festival. (Photo Credit: IEDM.com)</p></figcaption>
<p>This underground Electric Dance <span class="keyword" id="music">Music</span> (EDM) movement never really left but in the early 2000’s the rave culture had a resurgence that
<p>This underground Electric Dance <span class="keyword" id="music">Music</span> (EDM) movement never really left but in the early 2000's the rave culture had a resurgence that
morphed to include tiny bikinis, glowing wings, UFO pants, and of course, leg fuzzies.</p>
<br> <h2 class="title-2">2020'S GENDER-BENDING FASHION </h2><br>
<img src="img/img articolo 1 gaia/image.png">
Expand Down
Loading

0 comments on commit 954906c

Please sign in to comment.