-
Notifications
You must be signed in to change notification settings - Fork 0
/
historia.html
226 lines (176 loc) · 17.2 KB
/
historia.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Indie Movement</title>
<!-- Disable tap highlight on IE -->
<meta name="msapplication-tap-highlight" content="no">
<!-- Web Application Manifest -->
<link rel="manifest" href="manifest.json">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Web Starter Kit">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Web Starter Kit">
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#2F3BA2">
<!-- Color the status bar on mobile devices -->
<meta name="theme-color" content="#2F3BA2">
<!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
<!--
<link rel="canonical" href="http://www.example.com/">
-->
<!-- Material Design Lite page styles:
You can choose other color schemes from the CDN, more info here http://www.getmdl.io/customize/index.html
Format: material.color1-color2.min.css, some examples:
material.red-teal.min.css
material.blue-orange.min.css
material.purple-indigo.min.css
-->
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<!-- Material Design icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Your styles -->
<link rel="stylesheet" href="styles/mymain.css">
<link rel="stylesheet" href="styles/design.css">
</head>
<body class="mdl-demo mdl-color--grey-100 mdl-color-text--grey-700 mdl-base">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header mdl-layout__header--waterfall portfolio-header">
<div class="mdl-layout__header-row portfolio-logo-row">
<span class="mdl-layout__title">
<div class="portfolio-logo"></div>
<span class="mdl-layout__title"><!--Indie Movement - Indie bands from today.--></span>
</span>
</div>
<div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link " href="index.html">Inicio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="noticias.html">Noticias</a>
<a class="mdl-navigation__link is-active" href="historia.html">Historia</a>
<a class="mdl-navigation__link" href="bandas.html">Bandas</a>
<a class="mdl-navigation__link" href="trivia.html">Trivia</a>
<a class="mdl-navigation__link" href="contactanos.html">Contacto</a>
</nav>
</div>
</header>
<div class="mdl-layout__drawer mdl-layout--small-screen-only">
<nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
<a class="mdl-navigation__link" href="index.html">Inicio</a>
<a class="mdl-navigation__link" href="blog.html">Blog</a>
<a class="mdl-navigation__link" href="noticias.html">Noticias</a>
<a class="mdl-navigation__link is-active" href="historia.html">Historia</a>
<a class="mdl-navigation__link" href="bandas.html">Bandas</a>
<a class="mdl-navigation__link" href="trivia.html">Trivia</a>
<a class="mdl-navigation__link" href="contactanos.html">Contacto</a>
</nav>
</div>
<main class="mdl-layout__content">
<div class="mdl-grid portfolio-max-width">
<div class="mdl-cell mdl-cell--12-col">
<h4 class="top-heading">HISTORIA</h4>
<div class="separator"></div>
<h5 class="sub-heading">INDIE ROCK</h5>
</div>
</div>
<!-- first-header -->
<div class="mdl-grid portfolio-max-width">
<div class="mdl-cell mdl-cell--12-col mdl-card mdl-shadow--4dp">
<div class="mdl-card__media" id="history-banner"></div>
<div class="mdl-grid portfolio-copy">
<h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">Origenes: 70s y 1980</h3>
<div class="mdl-cell mdl-cell--12-col mdl-card__supporting-text no-padding ">
<p>
El documental de la BBC 'Música para Misfits: La historia de Indie' señala el nacimiento del indie como la auto-publicación de la espiral de Scratch EP de la banda de Manchester Buzzcocks 1977. Aunque Buzzcocks se clasifican a menudo como una banda de punk se ha argumentado por la BBC y otros que la publicación de espiral rasguño de forma independiente de un sello importante llevó a la acuñación del nombre 'indie' ( 'indie' es la forma abreviada de "independiente").
<br><br>
A mediados de la década de 1980, el término "independiente" comenzó a ser utilizado para describir la música producida en las etiquetas de post-punk en lugar de las propias etiquetas. La escena de rock independiente en los EE.UU.
Fue prefigurada por la roca de la universidad que dominó las listas de radio de la universidad, que incluía bandas como REM clave . De los EE.UU. y The Smiths desde el Reino Unido. Estas bandas synthpop rechazaron la dominante de la década de 1980,
y ayudó a inspirar a base de pop de guitarras tintineo; otras bandas importantes en el género incluyen 10,000 Maniacs y los de DB de los EE.UU., y The Housemartins y el LA de desde el Reino Unido.
<br><br>
Un número de prominentes compañías discográficas de rock indie fueron fundadas durante la década de 1980. Estos incluyen Washington, Dischord Records de DC, en 1980, de Seattle Sub Pop Records en 1986 [20] y se fundó la ciudad de Nueva York Matador Records y Durham, Merge Records de Carolina del Norte en 1989. táctil de Chicago y vaya los expedientes como un fanzine en 1979 y comenzaron a liberar los registros durante la década de 1980.
</p>
</div>
<div class="bands">
<img src="images/kurtcobain.jpg" alt="" class="circle-img">
<img src="images/liam-gall.png" alt="" class="circle-img">
</div>
<h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">1990</h3>
<div class="mdl-cell mdl-cell--12-col mdl-card__supporting-text no-padding ">
<p>
La década de 1990 trajo cambios importantes en la escena del rock alternativo. bandas grunge como Nirvana, Pearl Jam, Soundgarden, Agujero, y Alice in Chains se rompió en la corriente principal, lograr éxito de la carta comercial y la exposición generalizada.bandas de punk revival como Green Day y The Offspring también se hizo popular y se agruparon bajo el "alternativo" paraguas. del mismo modo, en el Reino Unido Britpop vio bandas como Blur y Oasis emergen en la corriente principal, el abandono de la pequeña escala regional y elementos políticos de la escena indie de 1980.
<br><br>
Como resultado de bandas de rock alternativo que se mueven en la corriente principal, el término "alternativo" pierde su significado original contracultural y comenzó a referirse a la nueva forma, más ligero en el mercado de la música que ahora estaba alcanzando el éxito de corriente. Se ha argumentado que incluso el término "vendido" pierde su significado como grunge hizo posible que un movimiento de nicho, no importa cuán radical, para ser cooptado por la corriente principal, consolidando la formación de una cultura individualista y fragmentada.
Esta teoría plantea la hipótesis de permanecer independiente se convirtió en una opción de carrera para las bandas tanto de funciones de la industria en lugar de un ideal, ya que el principio de la resistencia al mercado se evaporaron a favor de una cultura más sinérgica.
<br><Br>
El término "indie rock" llegó a ser asociado con las bandas y géneros que quedaron dedicada a su estado independiente. Bandas Incluso grunge, después de su ruptura con éxito, comenzaron a crear música que suena más independiente, desdibujando aún más las líneas. Ryan Moore ha argumentado que como consecuencia de la apropiación de rock alternativo por la industria de la música corporativa que lo que se hizo conocido como rock independiente cada vez más convertido en el pasado para producir formas de roca "retro" que se basó en el garage rock, rockabilly, blues, country y el swing.
</p>
</div>
<h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">Diversificacion</h3>
<div class="mdl-cell mdl-cell--12-col mdl-card__supporting-text no-padding ">
<p>
A finales de la década de 1990 el indie rock desarrolló varios subgéneros y estilos relacionados. Después del pop independiente éstos incluyeron lo-fi, noise pop, sadcore, post-rock, rock espacial y math rock. En contraste, sadcore hicieron hincapié en el dolor y el sufrimiento a través del uso melódica de instrumentación acústica y electrónica en la música de bandas como American Music Club y Red House Painters, mientras que la reactivación de pop barroco reaccionó en contra de lo -fi y la música experimental mediante la colocación de un énfasis en la melodía y la instrumentación clásica, con artistas como Arcade Fire, Belle & Sebastian y Rufus Wainwright. Weezer Pinkerton (1996) introdujo el género a un público más amplio y más convencional.
</p>
</div>
<div class="bands">
<img src="images/death-cab-singer.png" alt="" class="circle-img">
</div>
<h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">2000s</h3>
<div class="mdl-cell mdl-cell--12-col mdl-card__supporting-text no-padding ">
<p>
En la década de 2000, la industria de la música cambia, el descenso de las ventas de discos, el crecimiento de las nuevas tecnologías digitales y el aumento del uso de Internet como una herramienta para la promoción de la música, permitió una nueva ola de grupos de rock independientes para lograr el éxito de corriente. existentes bandas independientes que ahora eran capaces de entrar en la corriente principal incluyeron más musical y bandas emocionalmente complejos incluyendo Modest Mouse (cuyo álbum de 2004 Buenas noticias para la gente que le gustan las malas noticias llegaron a la parte superior 40 de los EEUU y fue nominado para un premio Grammy), Ojos brillantes (que en 2004 tenían dos sencillos en la parte superior de la revista Billboard Hot 100 individual Ventas) y Death Cab for Cutie (cuyo 2005 Planes álbum debutó en el número cuatro en los EE.UU., que queda en las listas de Billboard durante casi una año y alcanzar el disco de platino y una nominación al Grammy). Este nuevo avance comercial y el uso generalizado del indie plazo a otras formas de cultura popular, condujeron una serie de comentaristas a sugerir que el rock independiente había dejado de ser un término significativo .
</p>
</div>
<div class="bands">
<img src="images/alex.png" alt="" class="circle-img">
</div>
<h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">Garage rock/new wave/post-punk revival</h3>
<div class="mdl-cell mdl-cell--12-col mdl-card__supporting-text no-padding ">
<p>
En la década de 2000, un nuevo grupo de bandas que han jugado un despojada y la versión de respaldo a los principios básicos de la guitarra de rock surgido en la corriente principal. Se caracterizaron diversamente como parte de un garage rock, new wave o post-punk revival. Debido a que las bandas vinieron de todo el mundo, citada diversas influencias (de blues tradicional, a través de la nueva onda al grunge), y adoptado diferentes estilos de vestir, su unidad como género ha sido cuestionada. se había producido intentos de revivir el rock de garaje y los elementos del punk en los años 1980 y 1990 y en 2000 escenas habían crecido en varios países. La escena del rock de Detroit incluyen los Von Bondies, Electric Six, The Dirtbombs y The Detroit Cobras y el de Nueva York Radio 4, Yeah Yeah Yeahs, Energía Frankenstein, y el éxtasis.
<br><br>
El éxito comercial de estas escenas fue llevado por cuatro bandas: The Strokes, que salieron de la escena club de Nueva York con su álbum debut Is This It (2001); The White Stripes, de Detroit, con su tercer álbum White Blood Cells (2001); Las Colmenas de Suecia, después de su álbum recopilatorio Your New Favourite Band (2001); y las vides de Australia con muy evolucionados (2002). Ellos fueron bautizadas las "Las" bandas por los medios de comunicación, y apodado "Los salvadores del rock 'n' roll", lo que lleva a las acusaciones de bombo. [58] Un segunda ola de bandas que logró obtener el reconocimiento internacional como resultado del movimiento incluido The Black Keys, Negro Rebel Motorcycle club, Modest Mouse, The Killers, Interpol y Kings of Leon de los EE.UU.
<Br><br>
Desde el Reino Unido fueron los Libertines, Franz Ferdinand, Bloc Party, editores, The Fratellis, Placebo, Razorlight, Kaiser Chiefs y The Kooks. La banda británica Arctic Monkeys fueron el acto más destacado deben su éxito comercial inicial hasta el uso de las redes sociales de Internet, encabezó las listas con su primer single "I Bet You Look Good on the Dancefloor". Muchas de las bandas británicas enumerados anteriormente, con la excepción de Arctic Monkeys, experimentó una fuerte disminución de las fortunas comerciales a causa de rock independiente de "muerte lenta y dolorosa."
</p>
</div>
</div>
</div>
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
<div class="mdl-logo">Indie Movement 2016.</div>
</div>
<div class="mdl-mini-footer__right-section">
<ul class="mdl-mini-footer__link-list">
<li><a href="#">Help</a></li>
<li><a href="#">Privacy & Terms</a></li>
</ul>
</div>
</footer>
</main>
</div>
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<!-- build:js(app/) ../../scripts/main.min.js -->
<script src="scripts/main.js"></script>
<!-- endbuild -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-X', 'auto');
ga('send', 'pageview');
</script>
<!-- Built with love using Web Starter Kit -->
</body>
</html>