Skip to content

Commit

Permalink
v0.1.9
Browse files Browse the repository at this point in the history 
Fixed menu issues
Fixed a lot of other stuff
reorganized
  • Loading branch information
@albano-a
albano-a committed Jan 7, 2024
1 parent 879f919 commit 45c0674
Show file tree
Hide file tree
Showing 18 changed files with 261 additions and 285 deletions.
27 changes: 27 additions & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 Not Found</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, sans-serif;
}
h1 {
font-size: 3em;
}
</style>
</head>
<body>
<div>
<h1>Error 404</h1>
<p>Sorry, the page you are looking for could not be found.</p>
<a href="/">Go Home</a>
</div>
</body>
</html>
34 changes: 9 additions & 25 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,11 +41,11 @@
<li><a href='code.html'>Tabela Exemplo</a></li>
<li><a class='dropdown-arrow'>Recursos</a>
<ul class='sub-menus'>
<li><a href='resources/geofisica/geofisica.html'>Geofisica</a></li>
<li><a href='resources/geologia/geologia.html'>Geologia</a></li>
<li><a href='resources/fisica/fisica.html'>Física</a></li>
<li><a href='resources/calculo/calculo.html'>Cálculo</a></li>
<li><a href='resources/programacao/programacao.html'>Programação</a></li>
<li><a href='resources/geofisica.html'>Geofisica</a></li>
<li><a href='resources/geologia.html'>Geologia</a></li>
<li><a href='resources/fisica.html'>Física</a></li>
<li><a href='resources/calculo.html'>Cálculo</a></li>
<li><a href='resources/programacao.html'>Programação</a></li>
</ul>
</li>
<li><a href='contact.html'>Contato</a></li>
Expand All @@ -66,27 +66,11 @@
</p>
</center>
</div>
<div class="dark-mode-toggle">
<input type="checkbox" id="darkMode" class="checkbox">
<label for="darkMode" class="label">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
<div class="ball"></div>
</label>
</div>
<footer>
&copy; 2024 André Albano - Powered by <a href="https://github.com" class="logo-link" target="_blank">Github</a>
&copy; 2024 Arthur Zussman - Powered by <a href="https://github.com" id="git-logo" target="_blank">Github</a>
</footer>
<script>
document.getElementById('darkMode').addEventListener('change', function(event){
if(event.target.checked){
// Enable dark mode
document.getElementById('dark-style').disabled = false;
} else {
// Disable dark mode
document.getElementById('dark-style').disabled = true;
}
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="css/menu_nav.js"></script>
<script src="menu_nav2.js"></script>
</body>
</html>
15 changes: 9 additions & 6 deletions code.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,11 +40,11 @@
<li><a href='code.html'>Tabela Exemplo</a></li>
<li><a class='dropdown-arrow'>Recursos</a>
<ul class='sub-menus'>
<li><a href='resources/geofisica/geofisica.html'>Geofisica</a></li>
<li><a href='resources/geologia/geologia.html'>Geologia</a></li>
<li><a href='resources/fisica/fisica.html'>Física</a></li>
<li><a href='resources/calculo/calculo.html'>Cálculo</a></li>
<li><a href='resources/programacao/programacao.html'>Programação</a></li>
<li><a href='resources/geofisica.html'>Geofisica</a></li>
<li><a href='resources/geologia.html'>Geologia</a></li>
<li><a href='resources/fisica.html'>Física</a></li>
<li><a href='resources/calculo.html'>Cálculo</a></li>
<li><a href='resources/programacao.html'>Programação</a></li>
</ul>
</li>
<li><a href='contact.html'>Contato</a></li>
Expand Down Expand Up @@ -102,7 +102,10 @@
</table>
</center>
<footer>
&copy; 2024 André Albano - Powered by <a href="https://github.com" class="logo-link" target="_blank">Github</a>
&copy; 2024 Arthur Zussman - Powered by <a href="https://github.com" id="git-logo" target="_blank">Github</a>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="css/menu_nav.js"></script>
<script src="menu_nav2.js"></script>
</body>
</html>
42 changes: 14 additions & 28 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,8 @@
</header>
<!-- Barra de navegação -->
<nav id='menu'>
<input type='checkbox' id='responsive-menu' onclick='updatemenu()'><label></label>
<input type='checkbox' id='responsive-menu' onclick='updatemenu()'>
<label for='responsive-menu'></label>
<ul>
<li><a href='index.html'>Início</a></li>
<li><a href='o-que-e-geofisica.html'>O que é geofísica?</a></li>
Expand All @@ -42,11 +43,11 @@
<li><a href='code.html'>Tabela Exemplo</a></li>
<li><a class='dropdown-arrow'>Recursos</a>
<ul class='sub-menus'>
<li><a href='resources/geofisica/geofisica.html'>Geofisica</a></li>
<li><a href='resources/geologia/geologia.html'>Geologia</a></li>
<li><a href='resources/fisica/fisica.html'>Física</a></li>
<li><a href='resources/calculo/calculo.html'>Cálculo</a></li>
<li><a href='resources/programacao/programacao.html'>Programação</a></li>
<li><a href='resources/geofisica.html'>Geofisica</a></li>
<li><a href='resources/geologia.html'>Geologia</a></li>
<li><a href='resources/fisica.html'>Física</a></li>
<li><a href='resources/calculo.html'>Cálculo</a></li>
<li><a href='resources/programacao.html'>Programação</a></li>
</ul>
</li>
<li><a href='contact.html'>Contato</a></li>
Expand All @@ -58,38 +59,23 @@ <h3>Entre em contato se possui sugestões de melhoria ou encontrou algum problem
<div class="container">
<form action="https://formspree.io/f/myyryoaq" method="POST">
<label for="name">Nome:</label>
<input type="text" id="name" name="name" required>
<input type="text" id="name" name="name" required autocomplete="on">

<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required>
<input type="email" id="email" name="email" required autocomplete="on">

<label for="message">Sua mensagem:</label>
<textarea id="message" name="message" required></textarea>
<br>
<button type="submit">Enviar</button>
</form>
</div>
<div class="dark-mode-toggle">
<input type="checkbox" id="darkMode" class="checkbox">
<label for="darkMode" class="label">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
<div class="ball"></div>
</label>
</div>

<footer>
&copy; 2024 André Albano - Powered by <a href="https://github.com" class="logo-link" target="_blank">Github</a>
&copy; 2024 Arthur Zussman - Powered by <a href="https://github.com" id="git-logo" target="_blank">Github</a>
</footer>
<script>
document.getElementById('darkMode').addEventListener('change', function(event){
if(event.target.checked){
// Enable dark mode
document.getElementById('dark-style').disabled = false;
} else {
// Disable dark mode
document.getElementById('dark-style').disabled = true;
}
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="css/menu_nav.js"></script>
<script src="menu_nav2.js"></script>
</body>
</html>
105 changes: 45 additions & 60 deletions css/classes_style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
/* General Classes */

/* Usar id logo-link par a fazer links normais*/
#logo-link {
#logo-link, #git-logo {
color: inherit; /* Reset text color */
text-decoration: none; /* Remove underline */
font-family: inherit; /* Reset font family */
Expand All @@ -16,10 +16,25 @@
transition: none; /* Reset transition */
}

#logo-link:hover {
#git-logo {
color: inherit; /* Reset text color */
text-decoration: none; /* Remove underline */
font-family: inherit; /* Reset font family */
font-weight: normal; /* Reset font weight */
color: rgb(255, 255, 255);
display: inline-flex;
padding: 0; /* Reset padding */
background-color: transparent; /* Reset background color */
border-radius: 0; /* Reset border radius */
transition: none; /* Reset transition */
}

#logo-link:hover, #git-logo:hover {
text-decoration: underline;
}



/* Header styles */
.header {
display: flex;
Expand Down Expand Up @@ -122,7 +137,7 @@
height: auto;
overflow: hidden;
width: 170px;
background: #00458F;
background: #0056B3;
position: absolute;
z-index: 99;
display: none;
Expand All @@ -140,74 +155,44 @@
display: block;
border-radius: 0px;
}
/* #0056B3 */
#menu ul.sub-menus a:hover{
background: #0056B3;
color: #FFFFFF;
border-radius: 0;
border-radius: 0px;
}

/* Computer and Laptops */
@media screen and (min-width: 801px) {
#menu li:hover ul.sub-menus {
display: block;
border-radius: 0px;
left: 50%;
transform: translateX(-50%);
}
}
/* color #00458F */
/* Tablets and Smartphones */
@media screen and (max-width: 800px){
#menu {position:relative}
#menu ul {background:#00458F;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;text-align:left;}
#menu ul.sub-menus {width:100%;position:static;}
#menu ul.sub-menus {width:100%;position:static}
#menu ul.sub-menus a {padding-left:30px;}
#menu li {display:block;float:none;width:auto;}
#menu li {display:block;float:none;width:auto}
#menu li:hover ul.sub-menus {left: 40px;transform: translateX(-3%)}
#menu input, #menu label {position:absolute;top:0; bottom:0;left:0;margin:auto;display:block}
#menu input {z-index:4}
#menu input:checked + label {color:#FFFFFF}
#menu input:checked + label:before {content:"\00d7"}
#menu input:checked ~ ul {display:block}
}

/* DARK MODE ------------------------------------------------------------------------------------*/

.dark-mode-toggle {
display: inline-block;
height: 24px;
position: relative;
width: 60px;
}

.checkbox {
display: none;
}

.label {
background: #fdcb6e;
border-radius: 34px;
cursor: pointer;
display: flex;
justify-content: space-between;
position: relative;
transition: background 0.2s;
width: 100%;
height: 100%;
padding: 5px;
}

.ball {
background: #fff;
border-radius: 50%;
position: absolute;
top: 2px;
left: 2px;
height: 26px;
width: 26px;
transition: transform 0.2s;
}

.checkbox:checked + .label {
background: #363636;
}

.checkbox:checked + .label .ball {
transform: translateX(38px);
}

.label i {
color: #ffffff;
transition: color 0.1s;
}

.checkbox:checked + .label i.fa-sun {
color: #002b36;
#menu li.touch ul.sub-menus {
display: block;
left: 40px;
transform: translateX(-3%);
}
#menu li.open ul.sub-menus {
display: block;
left: 40px;
transform: translateX(-3%);
}
}
2 changes: 1 addition & 1 deletion css/menu_nav.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

function updatemenu() {
if (document.getElementById('responsive-menu').checked == true) {
document.getElementById('menu').style.borderBottomRightRadius = '0';
Expand All @@ -7,4 +6,5 @@ function updatemenu() {
document.getElementById('menu').style.borderRadius = '0px';
}
}


10 changes: 0 additions & 10 deletions darkmode.js
View file

This file was deleted.

Empty file added header.html
View file
Empty file.
Loading

0 comments on commit 45c0674

Please sign in to comment.