Brunobrno/epinger2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
David Bruno Vontor
2025-10-02 00:49:12 +02:00
commit 2ebd800d44
146 changed files with 2960 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
css/tools/email-me.css Normal file
View File

@@ -0,0 +1,82 @@
input[type=text],
input[type=email],
textarea {
width: 100%;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
font-size: 1em;
line-height: 1em;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 0;
padding: 0.5em;
min-height: 0.75em;
border: unset;
border-radius: 0.2em;
outline-color: rgb(84 105 212 / 0.5);
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.email-me label{
display: block;
padding: 0.5em;
}
.email-me-form{
margin: auto;
width: 35%;
}
.email-me-container{
padding-top: 4em;
padding-bottom: 1em;
background-color: #e77713;
color: white;
font-size: 0.95em;
font-weight: 600;
}
.email-me-container header{
font-size: 1.5em;
text-align: center;
}
.email-me hr{
border-color: white;
border-style: solid;
height: 0;
height: 0;
}
.email-me-form button{
font-size: 1em;
padding: 0.8em;
border-radius: 1.5em;
border-width: 0;
background-color: black;
color: white;
-webkit-transition: background-color 1s, color 1s ease;
-moz-transition: background-color 1s, color 1s ease;
-ms-transition: background-color 1s, color 1s ease;
-o-transition: background-color 1s, color 1s ease;
transition: background-color 1s, color 1s ease;
}
.email-me-form button:hover{
background-color: #898989;
}
@media screen and (max-width: 910px){
.email-me-form{
width: 80%;
}
}

16
css/tools/footer.css Normal file
View File

@@ -0,0 +1,16 @@
footer{
background-color: #A4A4A4;
padding: 1em;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
footer a{
color: black;
}
.iframe-map{
width: 100%;
}

205
css/tools/nav.css Normal file
View File

@@ -0,0 +1,205 @@
nav{
background-color: #e77713;
color: white;
display: flex;
flex-direction: column;
width: 100%;
z-index: 999;
}
nav a{
color: white;
text-decoration: none;
}
.nav-logo{
position: relative;
height: fit-content;
background-color: white;
width: 100%;
}
.nav-logo img{
/*margin-left: 1em;
margin-top: -2%;
margin-bottom: -2%;
height: 7.5em;*/
display: flex
;
margin-left: auto;
margin-right: auto;
margin-top: -1.6em;
margin-bottom: -1.5em;
height: 6.5em;
align-items: center;
justify-content: center;
}
.mobile-nav .nav-logo button{
top: 0;
bottom: 0;
position: absolute;
right: 0;
border: 0;
color: black;
height: auto;
width: 1.6em;
background-color: white;
font-size: 3em;
}
.mobile-nav .nav-links{
-webkit-transition: max-height 1s, color 1s ease;
-moz-transition: max-height 1s, color 1s ease;
-ms-transition: max-height 1s, color 1s ease;
-o-transition: max-height 1s, color 1s ease;
transition: max-height 1s, color 1s ease;
overflow: hidden;
max-height: 0;
}
.mobile-nav .nav-links-expanded{
max-height: 100em;
}
.mobile-nav .nav-items{
display: block;
height: 3em;
text-align: center;
line-height: 3em;
font-size: 2em;
border-color: white;
border-style: solid;
border-top-width: 0.05em;
}
.mobile-nav .nav-items:hover{
background-color: white;
color: black;
max-height: 20em;
}
/*#drop-act:hover{
color: black;
}*/
.mobile-nav .dropdown-content{
width: 100%;
margin-right: auto;
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
overflow: hidden;
max-height: 0;
background-color: #212121;
/*border-color: white;
border-style: solid;
border-right-width: 0.2em;*/
}
.mobile-nav .dropdown-active{
max-height: 50em;
}
.desktop-nav{
display: flex;
flex-direction: row;
}
.desktop-nav .nav-logo{
width: 35%;
clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%);
padding-right: 1em;
}
.desktop-nav-second-section{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
width: 100%;
}
.desktop-nav .dropdown-content{
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
max-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
position: absolute;
z-index: 5;
background-color: white;
color: black;
border-bottom-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
margin-top: 1.2em;
margin-left: -2em;
}
.desktop-nav .dropdown-content a{
color: black;
}
.desktop-nav .dropdown:hover .dropdown-content{
max-height: 22em;
}
.desktop-nav .dropdown .dropdown-content .nav-items{
padding: 1em;
}
.desktop-nav .dropdown .dropdown-content .nav-items:hover{
background-color: #dbdbdb;
}
.nav-items{
cursor: pointer;
-webkit-transition: color 0.5s ease, background-color 0.5s ease;
-moz-transition: color 0.5s ease, background-color 0.5s ease;
-ms-transition: color 0.5s ease, background-color 0.5s ease;
-o-transition: color 0.5s ease, background-color 0.5s ease;
transition: color 0.5s ease, background-color 0.5s ease;
}
.nav-items:hover{
/*background-color: #dbdbdb;*/
}
.dropdown{
z-index: 99;
}
@media screen and (min-width: 1000px){
.mobile-nav{
display: none;
}
/*.nav-logo img {
margin: 1em;
height: 1.8em;
}*/
}
@media screen and (max-width: 1000px){
.desktop-nav{
display: none;
}
.nav-logo img{
display: block;
margin-left: 1em;
margin-right: unset;
margin-top: -1.6em;
margin-bottom: -1.6em;
height: 8.5em;
align-items: center;
}
}