Difference between revisions of "Team:TecCEM"
| Line 17: | Line 17: | ||
<div class="cuerpo_principal"> | <div class="cuerpo_principal"> | ||
| − | <div class=" | + | <div class="Espacio_menu_lateral"> |
</div> | </div> | ||
| Line 43: | Line 43: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="menu_lateral" id="menu_lateral"> |
<ul style="list-style: none; margin: 0; padding: 0;"> | <ul style="list-style: none; margin: 0; padding: 0;"> | ||
<li>Primer</li> | <li>Primer</li> | ||
| Line 93: | Line 93: | ||
flex-direction: row; | flex-direction: row; | ||
} | } | ||
| − | . | + | .menu_lateral{ |
display: flex; | display: flex; | ||
transition: transform 0.6s ease-out; | transition: transform 0.6s ease-out; | ||
| Line 108: | Line 108: | ||
} | } | ||
| − | . | + | .menu_lateral_hidden{ |
transform: translateX(0%) translateY(0); | transform: translateX(0%) translateY(0); | ||
| − | /*100% - . | + | /*100% - .menu_lateral.height + .menu_lateral_teccem.heigh |
100 - 35 + 20 = 85 | 100 - 35 + 20 = 85 | ||
*/ | */ | ||
} | } | ||
| − | . | + | .Espacio_menu_lateral{ |
width: 10%; | width: 10%; | ||
} | } | ||
| − | . | + | .menu_lateral li{ |
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 155: | Line 155: | ||
$(window).scroll(function(){ | $(window).scroll(function(){ | ||
if($(document).scrollTop() > 20){ | if($(document).scrollTop() > 20){ | ||
| − | document.querySelector(". | + | document.querySelector(".menu_lateral").classList.add("menu_lateral_hidden"); |
} | } | ||
}); | }); | ||
Revision as of 21:50, 12 September 2021
Home
Team
Project
Awards
Human Practices
Parts
Judging form
Team
Título 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, aperiam provident tempora. Deleniti neque dolorem veritatis ipsa maiores nihil optio in labore dolorum, eius quas rem facilis, maxime soluta temporibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas saepe porro eveniet cum minima error obcaecati est qui ex ea eligendi omnis molestiae consequuntur voluptates, ullam commodi praesentium et possimus.
Título 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, aperiam provident tempora. Deleniti neque dolorem veritatis ipsa maiores nihil optio in labore dolorum, eius quas rem facilis, maxime soluta temporibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas saepe porro eveniet cum minima error obcaecati est qui ex ea eligendi omnis molestiae consequuntur voluptates, ullam commodi praesentium et possimus.
Título 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, aperiam provident tempora. Deleniti neque dolorem veritatis ipsa maiores nihil optio in labore dolorum, eius quas rem facilis, maxime soluta temporibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas saepe porro eveniet cum minima error obcaecati est qui ex ea eligendi omnis molestiae consequuntur voluptates, ullam commodi praesentium et possimus.
Título 4
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, aperiam provident tempora. Deleniti neque dolorem veritatis ipsa maiores nihil optio in labore dolorum, eius quas rem facilis, maxime soluta temporibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas saepe porro eveniet cum minima error obcaecati est qui ex ea eligendi omnis molestiae consequuntur voluptates, ullam commodi praesentium et possimus.
Fig 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, nam, maiores. Inventore ex eum doloremque eligendi id, voluptates quod illum, dolore deserunt iste alias. Dolor libero illo hic, temporibus harum.
Título 5
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, aperiam provident tempora. Deleniti neque dolorem veritatis ipsa maiores nihil optio in labore dolorum, eius quas rem facilis, maxime soluta temporibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas saepe porro eveniet cum minima error obcaecati est qui ex ea eligendi omnis molestiae consequuntur voluptates, ullam commodi praesentium et possimus.