diff --git a/src/visualizacion.html b/src/index.html similarity index 97% rename from src/visualizacion.html rename to src/index.html index 54b3b99734a5ac02ef397ee61b17a116f82e1a16..954e3461085948bb1b58f74672a791948021e668 100644 --- a/src/visualizacion.html +++ b/src/index.html @@ -1,54 +1,54 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>Proyecto de Visualización D3</title> - <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> - <link rel="stylesheet" href="visualizacion.css"> -</head> -<body> - <div id='overlay-info'> - <header> - <h3>Año <span id="year-data"></span></h3> - </header> - <div id="info"> - <p><u>País</u>: <span id='country-data'></span></p> - <p><u>Per cápita</u>: <span id='per-cap-data'></span> T.</p> - </div> - </div> - <main> - <h1> - Emisiones de CO<sub>2</sub> totales y per cápita por año - </h1> - <svg> - </svg> - </main> - <aside id="option-panel"> - <section id="legend"> - </section> - <section id="mode-selector"> - <article> - <div> - <input type="radio" id="total" name="mode" value="total"> - <label for="total">Totales</label> - </div> - <div> - <input type="radio" id="capita" name="mode" value="capita" checked> - <label class="marked" for="capita">Per cápita</label> - </div> - </article> - </section> - </aside> - <aside id='date-limiter'> - <div id="slider"> - <div id="arranger"></div> - <div id="progress"></div> - </div> - <div id="current-date">2016</div> - </aside> - <script src="https://d3js.org/d3.v5.min.js"></script> - <script src="visualizacion.js"></script> -</body> -</html> +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>Proyecto de Visualización D3</title> + <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> + <link rel="stylesheet" href="visualizacion.css"> +</head> +<body> + <div id='overlay-info'> + <header> + <h3>Año <span id="year-data"></span></h3> + </header> + <div id="info"> + <p><u>País</u>: <span id='country-data'></span></p> + <p><u>Per cápita</u>: <span id='per-cap-data'></span> T.</p> + </div> + </div> + <main> + <h1> + Emisiones de CO<sub>2</sub> totales y per cápita por año + </h1> + <svg> + </svg> + </main> + <aside id="option-panel"> + <section id="legend"> + </section> + <section id="mode-selector"> + <article> + <div> + <input type="radio" id="total" name="mode" value="total"> + <label for="total">Totales</label> + </div> + <div> + <input type="radio" id="capita" name="mode" value="capita" checked> + <label class="marked" for="capita">Per cápita</label> + </div> + </article> + </section> + </aside> + <aside id='date-limiter'> + <div id="slider"> + <div id="arranger"></div> + <div id="progress"></div> + </div> + <div id="current-date">2016</div> + </aside> + <script src="https://d3js.org/d3.v5.min.js"></script> + <script src="visualizacion.js"></script> +</body> +</html>