Browse code

Cambios de diseño

Nika Zhenya authored on 10/01/2019 14:58:11
Showing 3 changed files
... ...
@@ -66,6 +66,12 @@ body {
66 66
   div {
67 67
     width: 100%;
68 68
   }
69
+
70
+  span {
71
+    display: block;
72
+    margin: .5em;
73
+    padding: 0 !important;
74
+  }
69 75
 }
70 76
 
71 77
 @media screen and (min-width: 1024px) {
... ...
@@ -92,6 +98,11 @@ p {
92 98
   margin: 2em;
93 99
 }
94 100
 
101
+p.white {
102
+  color: white;
103
+  line-height: 3;
104
+}
105
+
95 106
 sup {
96 107
   vertical-align: super;
97 108
   font-size: .75em;
... ...
@@ -101,6 +112,16 @@ sup a:link, sup a:visited, sup a:hover, sup a:active {
101 112
   text-decoration: none;
102 113
 }
103 114
 
115
+span {
116
+  padding: .5em;
117
+  border-radius: .5em;
118
+}
119
+
120
+span#e1 {background-color: #630A9A;}
121
+span#e2 {background-color: #CD5018;}
122
+span#e3 {background-color: #F36404;}
123
+span#e4 {background-color: #FE7002;}
124
+
104 125
 hr {
105 126
   width: 75%;
106 127
   margin: 2em auto;
... ...
@@ -14,6 +14,12 @@
14 14
     <body>
15 15
       <h1 id="title">Estadísticas de asistencia. Maestría en Filosofía - UNAM<sup><a href="#note">[*]</a></sup></h1>
16 16
       <p><a href="src/raw.md">Datos crudos</a> | <a href="src/clean.ods">Datos curados</a></p>
17
+      <p class="white">
18
+        <span id="e1">Asistencia</span>
19
+        <span id="e2">Inasistencia por mi culpa</span>
20
+        <span id="e3">Inasistencia por el docente</span>
21
+        <span id="e4">Inasistencia por otros motivos</span>
22
+      </p>
17 23
       <div>
18 24
         <canvas id="chart0"></canvas>
19 25
       </div>
... ...
@@ -23,6 +29,6 @@
23 29
         <canvas id="chart3"></canvas>
24 30
       </div>
25 31
       <hr />
26
-      <p id="note"><sup><a href="#title">[*]</a></sup> Los seminarios de investigación fueron ignorados</p>
32
+      <p id="note"><sup><a href="#title">[*]</a></sup> Los seminarios de investigación fueron ignorados.</p>
27 33
     </body>
28 34
 </html>
... ...
@@ -46,7 +46,7 @@ function build (e, i) {
46 46
         text: e.label
47 47
       },
48 48
       legend: {
49
-        display: i == 0 ? true : false
49
+        display: false
50 50
       },
51 51
       plugins: {
52 52
         datalabels: {