1 <!-- views/partials/head.ejs -->
4 <!-- CSS (load bootstrap from a CDN) -->
5 <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">
6 <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
11 /* de aca para abajo es para el hamburguer*/
13 text-decoration: none;
16 transition: color 0.3s ease;
31 -webkit-user-select: none;
48 /* and place it over the hamburger */
50 -webkit-touch-callout: none;
54 * Just a quick hamburger
68 transform-origin: 4px 0px;
70 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
71 background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
75 #menuToggle span:first-child {
76 transform-origin: 0% 0%;
79 #menuToggle span:nth-last-child(2) {
80 transform-origin: 0% 100%;
84 * Transform all the slices of hamburger
87 #menuToggle input:checked~span:nth-last-child(4) {
88 transform: translate(-7px, 8px) rotate(-45deg) scale(0.5, 0.8);
93 * But let's hide the middle one.
95 #menuToggle input:checked~span:nth-last-child(3) {
96 transform: translate(-5px, 0px) rotate(0deg) scale(0.7, 0.7);
101 * Ohyeah and the last one should go the other direction
103 #menuToggle input:checked~span:nth-last-child(2) {
104 transform: translate(-5px, -10px) rotate(45deg) scale(0.5, 0.8);
109 * Make this absolute positioned
110 * at the top left of the screen
115 margin: -100px 0 0 -50px;
120 list-style-type: none;
121 -webkit-font-smoothing: antialiased;
122 /* to stop flickering of text in safari */
124 transform-origin: 0% 0%;
125 transform: translate(-100%, 0);
127 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
137 * And let's slide it in from the left
139 #menuToggle input:checked~ul {