1 <!-- views/partials/head.ejs -->
2 <meta name="viewport" content="width=device-width, initial-scale=1">
5 <!-- CSS (load bootstrap from a CDN) -->
6 <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
7 <link rel="stylesheet" type="text/css" href="/styles/main.css" />
8 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
13 /* de aca para abajo es para el hamburguer*/
15 text-decoration: none;
18 transition: color 0.3s ease;
33 -webkit-user-select: none;
50 /* and place it over the hamburger */
52 -webkit-touch-callout: none;
56 * Just a quick hamburger
70 transform-origin: 4px 0px;
72 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
73 background 1s cubic-bezier(0.77, 0.2, 0.05, 1.0),
77 #menuToggle span:first-child {
78 transform-origin: 0% 0%;
81 #menuToggle span:nth-last-child(2) {
82 transform-origin: 0% 100%;
86 * Transform all the slices of hamburger
89 #menuToggle input:checked~span:nth-last-child(4) {
90 transform: translate(-6px, 8px) rotate(-45deg) scale(0.4, 0.8);
95 * But let's hide the middle one.
97 #menuToggle input:checked~span:nth-last-child(3) {
98 transform: translate(-5px, 0px) rotate(0deg) scale(0.7, 0.7);
103 * Ohyeah and the last one should go the other direction
105 #menuToggle input:checked~span:nth-last-child(2) {
106 transform: translate(-4px, -11px) rotate(45deg) scale(0.4, 0.8);
111 * Make this absolute positioned
112 * at the top left of the screen
117 margin: -100px 0 0 -50px;
122 list-style-type: none;
123 -webkit-font-smoothing: antialiased;
124 /* to stop flickering of text in safari */
126 transform-origin: 0% 0%;
127 transform: translate(-100%, 0);
129 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
139 * And let's slide it in from the left
141 #menuToggle input:checked~ul {