srizan/mainwebsite
1
0
Fork 0
mirror of https://github.com/SrIzan10/mainwebsite.git synced 2026-06-06 00:56:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

w3cvalidator7

Browse Source
This commit is contained in:
SrIzan10
2021-02-25 20:30:21 +01:00
parent 938da5ed47
commit 5ca13affa3
1 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
index.html
View File

@@ -6,6 +6,47 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Sr Izan's website.</title>
<!--Scripts and styles-->
<script>
function myFunction() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
<style>
body {
background-color: white;
color: black;
font-size: 25px;
overflow: hidden;
}
.corner{
position: absolute;
right: 0px;
bottom: 0px;
}
.dark-mode {
background-color: #23272A;
color: white;
}
.lefttorighttext{
position: absolute;
white-space: nowrap;
animation: floatText 5s infinite alternate ease-in-out;
}
@-webkit-keyframes floatText{
from {
left: 00%;
}
to {
/* left: auto; */
left: 100%;
}
}
</style>
</head>
<body>
@@ -15,46 +56,6 @@
</div>
<div class="corner"><button onclick="myFunction()">Cambiar a modo oscuro</button></div>
<!--Scripts and styles-->
<script>
function myFunction() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
<style>
body {
background-color: white;
color: black;
font-size: 25px;
overflow: hidden;
}
.corner{
position: absolute;
right: 0px;
bottom: 0px;
}
.dark-mode {
background-color: #23272A;
color: white;
}
.lefttorighttext{
position: absolute;
white-space: nowrap;
animation: floatText 5s infinite alternate ease-in-out;
}
@-webkit-keyframes floatText{
from {
left: 00%;
}
to {
/* left: auto; */
left: 100%;
}
}
</style>
</body>
</html>