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 <title>Oscar J Rodriguez B</title>
8 <link rel='stylesheet' href='/stylesheets/style.css' />
9 <!-- <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> -->
14 /* de aca para abajo es para el hamburguer*/
16 text-decoration: none;
19 transition: color 0.3s ease;
34 -webkit-user-select: none;
51 /* and place it over the hamburger */
53 -webkit-touch-callout: none;
57 * Just a quick hamburger
71 transform-origin: 4px 0px;
73 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
74 background 1s cubic-bezier(0.77, 0.2, 0.05, 1.0),
78 #menuToggle span:first-child {
79 transform-origin: 0% 0%;
82 #menuToggle span:nth-last-child(2) {
83 transform-origin: 0% 100%;
87 * Transform all the slices of hamburger
90 #menuToggle input:checked~span:nth-last-child(4) {
91 transform: translate(-6px, 8px) rotate(-45deg) scale(0.4, 0.8);
96 * But let's hide the middle one.
98 #menuToggle input:checked~span:nth-last-child(3) {
99 transform: translate(-5px, 0px) rotate(0deg) scale(0.7, 0.7);
104 * Ohyeah and the last one should go the other direction
106 #menuToggle input:checked~span:nth-last-child(2) {
107 transform: translate(-4px, -11px) rotate(45deg) scale(0.4, 0.8);
112 * Make this absolute positioned
113 * at the top left of the screen
118 margin: -100px 0 0 -50px;
123 list-style-type: none;
124 -webkit-font-smoothing: antialiased;
125 /* to stop flickering of text in safari */
127 transform-origin: 0% 0%;
128 transform: translate(-100%, 0);
130 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
140 * And let's slide it in from the left
142 #menuToggle input:checked~ul {