Merge pull request 'JS en kleuren update' () from test into main

Reviewed-on: 
This commit is contained in:
Mathijs Lermer 2023-01-16 20:25:22 +01:00
commit 8d5684d11d
5 changed files with 82 additions and 54 deletions

View file

@ -29,6 +29,7 @@
<link rel="icon" href="assets/afb/favicon.png" type="image/png">
<link href="/assets/css/mrl.css" rel="stylesheet">
<link href="/assets/fontawesome/css/all.css" rel="stylesheet">
<script type="text/javascript" src="/assets/js/mrl.js"></script>
<!--- site-->
<meta name="viewport" content="width=device-width, initial-scale=1" >
</head>
@ -39,7 +40,7 @@
<section id="sectie_kop">
<div class="container">
<header>
<logo>Lermer.nl</logo>
<logo><a href="/">LERMER.NL</a></logo>
<nav id="main_menu_01">
<ul>
<li> <a href="/index.html">Welkom</a></Li>
@ -85,7 +86,7 @@
<div class="footer-links">
<ul>
<li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl"> <i class="fas fa-code-merge"></i></a></Li>
</ul>
</div>
</footer>
@ -93,15 +94,4 @@
</section>
</div>
</body>
<script>
function hamburgermenuknopje() {
var x = document.getElementById('main_menu_01');
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</html>

View file

@ -164,7 +164,7 @@
}
a:active {
color: yellow;
color: #8d100e;
background-color: #2B3642;
text-decoration: underline;
}
@ -181,7 +181,7 @@
}
a:hover {
background-color: #2B3642;
background-color: #374351;
}
/*specials*********************************************************************************************************/
@ -197,44 +197,71 @@
}
.knop{
padding: 25px 90px 25px 90px;
text-align: center;
padding: 25px 90px 25px 90px;
text-decoration: none;
border-radius: 5px;
font-size: 20px;
color: #D2E0F0;
cursor: pointer;
}
#knop a:link{
color: #D2E0F0;
background-color: transparent;
background-color: #2B3642;
text-decoration: none;
padding: 25px 25px 25px 25px;
}
#knop a:visited {
color: rgba(255, 255, 255, 0);
color: #D2E0F0;
background-color: #2B3642;
text-decoration: none;
}
#knop a:hover {
background-color: #2B3642;
background-color: #374351;
}
#knop a:active {
color: yellow;
color: #8d100e;
background-color: #2B3642;
text-decoration: underline;
}
.knop_contact{
padding: 25px 25px 25px 25px;
width: 100%;
font-size: 18px;
background-color: #171E26
#knop_contact{
text-align: center;
padding: 0px 0px 25px 0px;
text-decoration: none;
border-radius: 5px;
font-size: 20px;
cursor: pointer;
}
#knop_contact a:link{
color: #D2E0F0;
background-color: transparent;
text-decoration: none;
padding: 25px 25px 25px 25px;
}
#knop_contact a:visited {
color: #D2E0F0;
background-color: transparent;
text-decoration: none;
}
#knop_contact a:hover {
background-color: #374351;
border-radius: 5px;
}
#knop_contact a:active {
color: #8d100e;
background-color: #2B3642;
text-decoration: underline;
border-radius: 5px;
}
/*menu*********/
nav{
@ -284,16 +311,30 @@
text-transform: uppercase;
border-radius: 5px;
font-size: 20px;
}
.footer-links ul li:hover {
display: inline-block;
background-color: #374351;
text-transform: uppercase;
border-radius: 5px;
font-size: 20px;
}
.footer-links ul li a {
text-decoration: none;
padding: 15px 17px 15px 17px;
color: #D2E0F0;
}
.footer-links ul li a:hover {
text-decoration: none;
border-radius: 5px;
color: #D2E0F0;
}
.footer-links ul li a:active {
color: #8d100e;
}
/*uitzonderingen*********************************************************************************************************/

8
assets/js/mrl.js Normal file
View file

@ -0,0 +1,8 @@
function hamburgermenuknopje() {
var x = document.getElementById('main_menu_01');
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}

View file

@ -28,6 +28,7 @@
<link rel="icon" href="assets/afb/favicon.png" type="image/png">
<link href="/assets/css/mrl.css" rel="stylesheet">
<link href="/assets/fontawesome/css/all.css" rel="stylesheet">
<script type="text/javascript" src="/assets/js/mrl.js"></script>
<!--- site-->
<meta name="viewport" content="width=device-width, initial-scale=1" >
</head>
@ -38,7 +39,7 @@
<section id="sectie_kop">
<div class="container">
<header>
<logo>Lermer.nl</logo>
<logo><a href="/">LERMER.NL</a></logo>
<nav id="main_menu_01">
<ul>
<li class="active"> <a href="/index.html">Welkom</a></Li>
@ -67,14 +68,13 @@
</picture>
<h2>Contactgegevens:</h2>
<div id="knop">
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
<br><br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
<br><br>
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
<br><br>
<div id="knop_contact">
<a href="mailto:info@lermer.nl">E-mail: Mathijs@lermer.nl</a><br>
<br><br><br>
<a href="https://matrix.to/#/@mathijs:lermer.nl">[MATRIX]: @mathijs:lermer.nl</a><br>
<br><br><br>
<a href="https://mastodon.lermer.nl/@mathijs">Mastodon: @mathijs@lermer.nl</a><br>
<br>
</div>
</div>
@ -91,7 +91,7 @@
<div class="footer-links">
<ul>
<li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl"> <i class="fas fa-code-merge"></i></a></Li>
</ul>
</div>
</footer>
@ -99,15 +99,4 @@
</section>
</div>
</body>
<script>
function hamburgermenuknopje() {
var x = document.getElementById('main_menu_01');
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</html>

0
robots.txt Normal file → Executable file
View file