cat/catmpeg.github.io
1
0
Fork 0
mirror of https://github.com/catmpeg/catmpeg.github.io.git synced 2026-02-20 07:40:56 +03:00
Code Issues Projects Releases Packages Wiki Activity

Redesigngsdfsd

Browse source
This commit is contained in:
PatrickStar8753 2025-03-09 18:08:32 +07:00
commit eb4d93fae4
16 changed files with 337 additions and 315 deletions
Download patch file Download diff file Expand all files Collapse all files

153
404.html
View file

@ -1,129 +1,36 @@
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Личная страница semkapc">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Личная страница semkapc" />
<title>semkapc Page</title>
<link rel="icon" href="favicon.jpg">
<style>
body {
margin: 0;
font-family: 'Nunito', sans-serif;
background: linear-gradient(-45deg, #030303, #222222, #030303, #222222);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
color: #fff;
text-align: center;
}
<link rel="icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="styles.css" />
</head>
<header>
<div id="id_clock">00:00:00</div>
</header>
<br />
<br />
<br />
<main>
<h1>404 Not Found</h1>
<br />
<h1><a href="/">Главная страница</a></h1>
<br />
<br />
<script>
function digitalClock() {
const date = new Date();
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
document.getElementById("id_clock").textContent = `${hours}:${minutes}:${seconds}`;
setTimeout(digitalClock, 1000);
}
.content {
margin: 20px;
}
header {
background-color: rgba(0, 0, 0, 0.7);
padding: 10px;
text-align: center;
font-family: 'Ubuntu';font-size: 16px;
}
main {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 20px;
}
h1, h2 {
text-align: center;
}
nav {
display: flex;
justify-content: center;
gap: 20px;
margin: 20px 0;
font-family: 'Ubuntu';font-size: 16px;
}
nav img {
transition: transform 0.3s ease;
}
nav img:hover {
transform: scale(1.1);
}
#contacts ul {
list-style-type: none;
padding: 0;
}
#contacts li {
margin-bottom: 10px;
}
footer {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
a {
color: rgb(255, 174, 0);
text-decoration: none;
transition: color 0.3s ease;
font-family: 'Ubuntu';font-size: 16px;
}
a:hover, a:active {
color: rgb(255, 200, 0);
text-decoration: underline;
font-family: 'Ubuntu';font-size: 16px;
}
@media (max-width: 600px) {
nav {
flex-direction: column;
align-items: center;
}
}
</style>
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
<style>
body {
font-family: 'Ubuntu';font-size: 16px;
}
</style>
</head>
<header>
<marquee>Слава Internet Explorer и Netscape!</marquee>
<div id="id_clock"></div>
</header>
<br>
<br>
<br>
<main>
<script>digitalClock();</script>
<h1>404 Not Found</h1>
<br>
<h1><a href="//semkapc.github.io">Главная страница</a></h1>
<br>
<br>
<script src="../script.js"></script>
</main>
digitalClock();
</script>
</main>
</html>