1 <!-- views/partials/head.ejs -->
2 <meta name="viewport" content="width=device-width, initial-scale=1">
4 <title>Oscar J Rodriguez B</title>
5 <!-- Personalized style -->
6 <link rel='stylesheet' href='/stylesheets/style.css' />
7 <!-- bulma framework -->
8 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
10 <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
15 /* de aca para abajo es para el hamburguer*/
17 text-decoration: none;
20 transition: color 0.3s ease;
35 -webkit-user-select: none;
52 /* and place it over the hamburger */
54 -webkit-touch-callout: none;
58 * Just a quick hamburger
72 transform-origin: 4px 0px;
74 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
75 background 1s cubic-bezier(0.77, 0.2, 0.05, 1.0),
79 #menuToggle span:first-child {
80 transform-origin: 0% 0%;
83 #menuToggle span:nth-last-child(2) {
84 transform-origin: 0% 100%;
88 * Transform all the slices of hamburger
91 #menuToggle input:checked~span:nth-last-child(4) {
92 transform: translate(-6px, 8px) rotate(-45deg) scale(0.4, 0.8);
97 * But let's hide the middle one.
99 #menuToggle input:checked~span:nth-last-child(3) {
100 transform: translate(-5px, 0px) rotate(0deg) scale(0.7, 0.7);
105 * Ohyeah and the last one should go the other direction
107 #menuToggle input:checked~span:nth-last-child(2) {
108 transform: translate(-4px, -11px) rotate(45deg) scale(0.4, 0.8);
113 * Make this absolute positioned
114 * at the top left of the screen
119 margin: -100px 0 0 -50px;
124 list-style-type: none;
125 -webkit-font-smoothing: antialiased;
126 /* to stop flickering of text in safari */
128 transform-origin: 0% 0%;
129 transform: translate(-100%, 0);
131 transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
141 * And let's slide it in from the left
143 #menuToggle input:checked~ul {