Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@matheuslaidler
matheuslaidler committed Apr 7, 2024
1 parent 5b221e2 commit 4733a71
Show file tree
Hide file tree
Showing 8 changed files with 200 additions and 181 deletions.
99 changes: 54 additions & 45 deletions css/menu.css
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,16 @@
/*MENU DE OPÇÕES*/

/*MENU DE OPÇÕES*/
#cssmenu {
width: 100%;
width: auto;
position: sticky;
display: flex;
display: inherit;
justify-content: center;
align-items: center;
height: 8.6vh;
height: 8vh;
background: linear-gradient(to bottom, #32323a, #141414);
border-bottom: 0.5vh solid #73ffe8; /*borda azul 73ffe8 - 51b5a4*/
top: 0;
margin-top: -4vh;
z-index: 9999;
}

Expand All @@ -24,14 +25,17 @@

#cssmenu a {
display: inline-block;
padding: 0 8vh; /*botão largura*/
line-height: 8.2vh; /*botão altura*/
padding: 0.75vh 7.5vh; /*botão largura*/
line-height: 6vh; /*botão altura*/
/*width: 100%;*/
color: #fff;
text-decoration: none;
font-size: 12px;
text-align: center;
/*margin-left: -1.25vh;*/
}


/*arredondamento dos cantos superiores dos botoes usados*/
#cssmenu > ul > li > a {
border-radius: 10px 10px 0 0;
Expand Down Expand Up @@ -89,49 +93,30 @@
background: #73ffe89f;
}

/*logo*/
.underlaidler {
position: absolute;
top: 0.60vh;
left: 15.725vh;
width: auto;
height: 5vh;
.logotipo {
width: 65%;
height: auto;
top: 1.285vh;
left: 10vh;
align-self: left;
margin-top: -0.65vh;
margin-left: 2.75vh;
border: 0;
}

.underline {
position: absolute;
width: 0.485vh;
height: 4.325vh;
top: 1.525vh;
left: 41.5325vh;
}
.idioma {
position: relative;
top: 0.525vh;
top: 0.7505vh;
width: auto;
height: 2.45vh;
margin-top: -0.75vh;
}

/* Estilos para telas menores -> Logo no menu de tablets */
@media (max-width: 1280px) {
.underlaidler {
position: absolute;
top: 0.60vh;
left: 1.725vh;
width: auto;
height: 5vh;
}

.underline {
position: absolute;
width: 0.485vh;
height: 4.325vh;
top: 1.525vh;
left: 28vh;
}
}

/* Estilos para telas menores -> Menu Hamburguer */

/* Menu Hamburguer */
@media screen and (max-width: 980px) {
#cssmenu {
position: sticky;
Expand Down Expand Up @@ -214,13 +199,22 @@
max-height: 500vh;
}

#cssmenu .logotipo {

width: 65%;
padding: 0;
position: center;
margin-top: -1.75vh;
}

/* Estilos para o ícone do hambúrguer */
#cssmenu .menu-icon {
cursor: pointer;
display: inline-block;
position: center; /*absolute p voltar ao canto*/
position: absolute; /*absolute p voltar ao canto // center // */
width: 3vh;
height: 3vh;
margin-top: 2.5vh;
margin-left: 2vh;
}

#cssmenu .menu-icon .bar {
Expand All @@ -240,11 +234,11 @@
#cssmenu ul.open {
display: block;
position: absolute;
top: 5.55vh;
top: 15.55vh;
right: 0;
left: 0;
background-color: #141414cb;
border-top: 3.5px solid #73ffe8;
border-top: 13.5px solid #73ffe8;
padding: 0.2vh;
padding-top: 0;
min-height: 135vh;
Expand Down Expand Up @@ -280,6 +274,16 @@
}
}

@media (max-width: 1080px) {

#cssmenu .logotipo {

width: 48%;
padding: 0;
position: center;
margin-top: -8.75vh;
}
}

/* estilo para telas menores - pockets phones? até 280p*/

Expand Down Expand Up @@ -313,6 +317,11 @@
#cssmenu ul ul {
transition: max-height 0.35s ease-out;
}

#cssmenu .logotipo {

display:none;
}


}
}
}
140 changes: 72 additions & 68 deletions english.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,77 +15,81 @@
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i" rel="stylesheet">
</head>
<body>
<!-- menu desktop/mobile -->
<nav id="cssmenu">
<!-- Topo da página com a Logo -->
<table width="auto" border="0" align="left">
<tbody>
<tr>
<td>
<a href="/" title="matheuslaidler" target="_parent">
<img class="underlaidler" src="img/menu/matheuslaidler.png"/>
<img class="underline" src="img/menu/underline.gif"/></a>
</td>
</tbody>
</table>
<div class="menu-icon">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<!-- menu desktop/mobile - matheus laidler: creditos> matheuslaidler.github.io -->
<nav id="cssmenu">
<table width="auto" border="0" align="left">
<tbody>
<tr>
<td>
<a href="/" title="matheuslaidler" target="_parent"> <!-- width="75%" top="1.285vh" left="15vh" align-self="left" border="0" -->
<img class="logotipo" src="img/menu/matheuslaidler.gif"/></a>
</td>
</tbody>
</table>
<div class="menu-icon">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul>
<li><a href="https://matheuslaidler.github.io" target="_parent">Articles</a></li>
<li><a href="https://matheuslaidler.github.io/projetos" target="_parent">Projects</a></li>
<li class="active"><a href="#" target="_parent">Cryptool</a> <!-- tool --></li>
<li class="has-sub">
<a href="#pages" data-toggle="dropdown">Pages</a>
<ul>
<li><a href="https://github.com/matheuslaidler" target="_blank">Github</a></li>
<li><a href="https://matheuslaidler.gitbook.io/" target="_blank">Rascunhos</a></li> <!-- gitbook - drafts - documentos testes lançados -->
<li><a href="https://youtube.com/@matheuslaidler" target="_blank">Youtube</a></li>
<li><a href="https://instagram.com/matheuslaidler" target="_blank">Instagram</a></li>
<!--<li><a href="https://facebook.com/matheus.laidler" target="_blank">Facebook</a></li>-->
<!--<li><a href="https://twitter.com/matheuslaidler" target="_blank">Twitter/X</a></li>-->
<!--<li><a href="https://linkedin.com/in/laidlervidal" target="_blank">LinkedIn</a></li>-->
<!--<li><a href="https://road2tech.github.io/" target="_blank">Road2Tech ⿻</a></li>-->
<!--<li><a href="https://wayofsec.github.io/" target="_blank">WayOfSec ⿻</a></li>-->
</ul>
</li>
<li class="has-sub">
<a href="#donates" data-toggle="dropdown">Donate</a> <!-- donates❤ -->
<ul>
<li><a href="https://matheuslaidler.github.io">Home</a></li>
<li><a href="https://github.com/matheuslaidler" target="_blank">Github</a></li>
<li class="active has-sub"><a href="#tools" data-toggle="dropdown">Tools</a> <!-- tools -->
<ul>
<li><a href="#" target="_blank">Cryptool</a></li> <!--upar em outro repositório - parte do site - projeto separado-->
<li><a href="#soon" target="_blank">CrackNet</a></li> <!--WNetProbe in dev-->
<li><a href="https://github.com/matheuslaidler/Resoluesh" target="_blank">Resoluesh</a></li>
<li><a href="https://github.com/matheuslaidler/ConDex-Script" target="_blank">ConDeX</a></li>
</ul>
</li>
<li><a href="https://github.com/sponsors/matheuslaidler" target="_blank" title="Github Sponsor">Github Sponsor</a></li>
<li class="has-sub">
<a href="#pages" data-toggle="dropdown">Pages</a>
<ul>
<li><a href="https://matheuslaidler.gitbook.io/" target="_blank">Drafts</a></li> <!-- articles/drafts/sketches -->
<li><a href="https://road2tech.github.io/" target="_blank">Road2Tech</a></li> <!-- articles -->
<li><a href="https://wayofsec.github.io/" target="_blank">WayOfSec</a></li> <!-- articles -->
<li><a href="https://youtube.com/@matheuslaidler" target="_blank">Youtube</a></li>
<li><a href="https://instagram.com/matheuslaidler" target="_blank">Instagram</a></li>
<li><a href="https://www.linkedin.com/in/laidlervidal/" target="_blank">LinkedIn</a></li>
</ul>
</li>
<li class="has-sub">
<a href="#" data-toggle="dropdown">Donate</a> <!-- donates -->
<ul>
<li><a href="https://github.com/sponsors/matheuslaidler" target="_blank" title="Github Sponsor">Via Github</a></li>
<li class="has-sub"><a href="#paypal" title="Paypal">Via PayPal</a>
<ul><center><!-- paypal -->
<div id="donate-button-container">
<div id="donate-button" ></div>
<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
<script>
PayPal.Donation.Button({
env:'production',
hosted_button_id:'55KGKSTYDTDCS',
image: {
src:'https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_donateCC_LG.gif',
alt:'Faça doações com o botão do PayPal',
title:'PayPal - Doação segura !',
}
}).render('#donate-button');
</script>
</div>
</center></ul>
</li>
</ul>
</li>
<li class="has-sub"><a href="#" target="_parent" data-toggle="dropdown"><img class="idioma" src="img/btns/english.png" title="english"/></a>
<a href="https://www.paypal.com/donate/?hosted_button_id=SJYYS28HZPU9A" title="Paypal">PayPal</a>
<!-- my paypal links:
https://www.paypal.com/donate/?hosted_button_id=SJYYS28HZPU9A
https://www.paypal.com/donate/?hosted_button_id=55KGKSTYDTDCS
-->
<ul><center><!-- paypal pop-up -->
<div id="donate-button-container">
<div id="donate-button" ></div>
<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
<script>
PayPal.Donation.Button({
env:'production',
hosted_button_id:'55KGKSTYDTDCS',
image: {
src:'https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_donateCC_LG.gif',
alt:'Faça doações com o botão do PayPal',
title:'PayPal - Doação segura !',
}
}).render('#donate-button');
</script>
</div>
</center></ul>
</li>
</ul>
</li>
<li class="has-sub">
<a href="#" target="_parent" data-toggle="dropdown"><img class="idioma" src="img/btns/english.png" title="english"/></a>
<ul>
<li><a href="/Cryptool/" target="_parent"><img class="idioma" src="img/btns/portuguese.png" title="portuguese"/></a></li>
</ul></li>
</nav>
<!-- fim do menu -->
<li>
<a href="index.html" target="_parent"><img class="idioma" src="img/btns/portuguese.png" title="portuguese"/></a>
</li>
</ul>
</li>
</nav>

<!-- fim do menu de matheus laidler -->

<!-- hash maker md5 -->

Expand Down
Binary file added img/icons/faviconML.ico
View file
Binary file not shown.
Binary file added img/menu/matheus.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/menu/matheuslaidler-1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/menu/matheuslaidler-2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/menu/matheuslaidler.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 4733a71

Please sign in to comment.