This repository has been archived by the owner on Mar 11, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 65
/
index.html
95 lines (82 loc) · 3.58 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ramos</title>
<meta property="og:title" content="Malla Interactiva" />
<meta property="og:url" content="http://labcomp.cl/~saedo/apps/viz/ramos" />
<meta property="og:image" content="http://labcomp.cl/~saedo/apps/viz/ramos/thumbnail.png" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<!-- Google Analytics -->
<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-108274078-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<style>
body {
display: inline;
text-align: center;
justify-content:center;
}
html {
font-family: sans-serif;
}
.info {
font-size: 30px;
}
</style>
<body>
<nav class="navbar navbar-default"style='display:flex;justify-content:center'>
<div class="container-fluid" >
<ul class="nav navbar-nav">
<li><a href="?m=ICA">Ambiental</a></li>
<li><a href="?m=ARQ">Arquitectura</a></li>
<li><a href="?m=CIV">Civil</a></li>
<li><a href="?m=ICOM">Comercial</a></li>
<li><a href="?m=CONSTRU">Construcción</a></li>
<li><a href="?m=IDP">Diseño de productos</a></li>
<li><a href="?m=ELI">Eléctrica</a></li>
<li><a href="?m=ELO">Electrónica</a></li>
<li><a href="?m=FIS">Lic. Física</a></li>
<li><a href="?m=INF">Informática</a></li>
<li><a href="?m=ICI">Industrial</a></li>
<li><a href="?m=MAT">Matemática</a></li>
<li><a href="?m=MEC">Mecánica</a></li>
<li><a href="?m=MET">Metalúrgica</a></li>
<li><a href="?m=ICQ">Química</a></li>
<li><a href="?m=TEL">Telemática</a></li>
</ul>
</div>
</nav>
<h1>Malla Interactiva <span id="carrera"></span></h1>
<div class='canvas'></div>
<div class='color-description' style="position:relative;display:flex;justify-content:center;flex-wrap:wrap;"></div>
<div class="info">
Créditos aprobados: <span id='creditos'></span> <br>
<a href="./personalizar/" class="btn btn-primary" role="button">Crea tu propia malla!</a>
<button type="button" onclick="limpiarRamos()" class="btn btn-info">Limpiar ramos aprobados</button>
<a href="./prioridad/" class="btn btn-primary" role="button">Calcula tu prioridad!</a>
</div>
<p><img src="data/ramo.svg" style="width:300px;"></p>
<p>Hecho con el ❤️ por amor al arte. <a href="http://github.com/etra0/ramos">Código fuente</a></p>
<p><button onclick="assureMail()">Contactar</button></p>
<script src='d3.js'></script>
<script src='ramos.js'></script>
<script src='canvas.js'></script>
<script>
function assureMail() {
if (confirm(`¿Estás seguro que necesitas contactar? Para hacer cambios en alguna malla, primero te invito a mirar el codigo fuente, ya que yo personalmente no me dedico a mantenerlas. En el caso de un bug, es recomendado hacerlo.`)) {
window.location = "mailto:[email protected]"
}
}
</script>
</body>
</html>