cat/catmpeg.github.io
1
0
Fork 0
mirror of https://github.com/catmpeg/catmpeg.github.io.git synced 2026-02-20 15:50:57 +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"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Личная страница semkapc"> <meta name="description" content="Личная страница semkapc" />
<title>semkapc Page</title> <title>semkapc Page</title>
<link rel="icon" href="favicon.jpg"> <link rel="icon" href="/images/favicon.jpg">
<style> <link rel="stylesheet" href="styles.css" />
body { </head>
margin: 0; <header>
font-family: 'Nunito', sans-serif; <div id="id_clock">00:00:00</div>
background: linear-gradient(-45deg, #030303, #222222, #030303, #222222); </header>
background-size: 400% 400%; <br />
animation: gradient 15s ease infinite; <br />
color: #fff; <br />
text-align: center; <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 { document.getElementById("id_clock").textContent = `${hours}:${minutes}:${seconds}`;
0% { setTimeout(digitalClock, 1000);
background-position: 0% 50%; }
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.content { digitalClock();
margin: 20px; </script>
} </main>
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>
</html> </html>

55
chat.html
View file

@ -5,45 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Личная страница semkapc"> <meta name="description" content="Личная страница semkapc">
<title>semkapc Page</title> <title>semkapc Page</title>
<link rel="icon" href="favicon.jpg"> <link rel="icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
<style>
body {
font-family: 'Ubuntu';font-size: 16px;
}
</style>
</head> </head>
<body> <body>
<header> <div id="terminal">
<marquee>Слава Internet Explorer и Netscape!</marquee> <p style="color: rgb(5, 245, 229)">Welcome to semkapc Page!</p>
<div id="id_clock"></div> </div>
</header> <div id="content">
<br> <header>
<br> <div id="id_clock">00:00:00</div>
<br> </header>
<main> <br>
<h1>Чат</h1> <br>
<a href="//semkapc.github.io/">Обратно на домашнюю страницу</a> <br>
<main>
<h1>Чат</h1>
<iframe width="100%" height="400" src="//semka.w10.site/cgi-bin/chat"></iframe> <a href="/">Обратно на домашнюю страницу</a>
<iframe width="100%" height="400" src="//semka.w10.site/cgi-bin/chat"></iframe>
<h2>Внимание!</h2> <h2>Внимание!</h2>
<p>Если у вас не работает чат, проверьте адрес сайта. iframe работает через http, нужно чтобы вы тоже заходили через http.</p> <p>Если у вас не работает чат, проверьте адрес сайта. iframe работает через http, нужно чтобы вы тоже заходили через http.</p>
</main> </main>
</div>
<script> <script src="/script.js"></script>
function digitalClock() {
var date = new Date();
var hours = date.getHours().toString().padStart(2, '0');
var minutes = date.getMinutes().toString().padStart(2, '0');
var seconds = date.getSeconds().toString().padStart(2, '0');
document.getElementById("id_clock").innerHTML = hours + ":" + minutes + ":" + seconds;
setTimeout(digitalClock, 1000);
}
digitalClock();
</script>
</body> </body>
</html> </html>

BIN
favicon.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 29 KiB

61
games.html
View file

@ -5,44 +5,31 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Личная страница semkapc"> <meta name="description" content="Личная страница semkapc">
<title>semkapc Page</title> <title>semkapc Page</title>
<link rel="icon" href="favicon.jpg"> <link rel="icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
<style>
body {
font-family: 'Ubuntu';font-size: 16px;
}
</style>
</head> </head>
<body> <body>
<header> <div id="terminal">
<marquee>Слава Internet Explorer и Netscape!</marquee> <p style="color: rgb(5, 245, 229)">Welcome to semkapc Page!</p>
<div id="id_clock"></div> </div>
</header> <div id="content">
<br> <header>
<br> <div id="id_clock">00:00:00</div>
<br> </header>
<main> <br>
<h1>Игры</h1> <br>
<a href="//semkapc.github.io/">Обратно на домашнюю страницу</a> <br>
<h2>Doom 2D</h2> <main>
<a href="//semkapc.github.io/games/doom2d.html">Играть</a> <h1>Игры</h1>
<h2>Tetris</h2> <a href="/">Обратно на домашнюю страницу</a>
<a href="//semkapc.github.io/games/tetris.html">Играть</a> <h2>Doom 2D</h2>
<h2>GIFYPET</h2> <a href="/games/doom2d.html">Играть</a>
<a href="//semkapc.github.io/games/GIFYPET.html">Играть</a> <h2>Tetris</h2>
</main> <a href="/games/tetris.html">Играть</a>
<h2>GIFYPET</h2>
<script> <a href="/games/GIFYPET.html">Играть</a>
function digitalClock() { </main>
var date = new Date(); </div>
var hours = date.getHours().toString().padStart(2, '0'); <script src="script.js"></script>
var minutes = date.getMinutes().toString().padStart(2, '0');
var seconds = date.getSeconds().toString().padStart(2, '0');
document.getElementById("id_clock").innerHTML = hours + ":" + minutes + ":" + seconds;
setTimeout(digitalClock, 1000);
}
digitalClock();
</script>
</body> </body>
</html> </html>

1
games/1
View file

@ -1 +0,0 @@
g

1
images/1
View file

@ -1 +0,0 @@
dfgd

BIN
images/aaaaaaaha.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.1 KiB

BIN
images/bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 437 KiB

BIN
images/chat.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 373 KiB

Before After
Before After

BIN
images/flashpla.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.8 KiB

13
images/flashpla.svg Normal file
View file

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="1637.933 -784.236 1622.882 1513.045" xmlns="http://www.w3.org/2000/svg">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M 1637.933 -784.236 L 1637.933 728.809 L 3260.815 728.809 L 3260.815 -784.236 L 1637.933 -784.236 Z" style=""/>
<g transform="matrix(2.422256, 0, 0, 2.422256, 552.459229, -161.936447)" style="">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="120.0002" y1="-7.9937" x2="120.0002" y2="250.7279" gradientTransform="matrix(4.960205, -2.840095, 3.080802, 5.380598, 1564.138428, -328.871979)">
<stop offset="0" style="stop-color: rgb(217, 11, 30);"/>
<stop offset="1" style="stop-color: rgb(92, 3, 6);"/>
</linearGradient>
</g>
<path d="M 2828.278 -512.565 C 2708.996 -525.867 2570.441 -474.419 2485.8 -372.503 C 2417.495 -290.257 2385.441 -185.395 2344.217 -86.985 C 2264.101 104.268 2170.152 237.469 2041.362 230.602 L 2041.362 413.201 C 2181.336 413.201 2300.932 353.599 2385.198 251.231 C 2438.817 185.77 2476.616 114.839 2508.648 34.755 L 2734.674 30.957 L 2734.674 -148.927 L 2578.972 -150.012 C 2636.076 -271.879 2699.447 -336.952 2828.278 -336.952 L 2828.278 -512.565 Z" style="fill: rgb(255, 255, 255);"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
images/programs.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 488 KiB

93
index.html
View file

@ -1,54 +1,51 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Личная страница semkapc"> <meta name="description" content="Личная страница semkapc">
<title>semkapc Page</title> <title>semkapc Page</title>
<link rel="icon" href="favicon.jpg"> <link rel="icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'> </head>
<style> <body>
body { <div id="terminal">
font-family: 'Ubuntu';font-size: 16px; <p style="color: rgb(5, 245, 229)">Welcome to semkapc Page!</p>
} </div>
</style> <div id="content">
</head> <header>
<body> <div id="id_clock">00:00:00</div>
<header> </header>
<marquee>Слава Internet Explorer и Netscape!</marquee> <br>
<div id="id_clock"></div> <br>
</header> <br>
<br> <main>
<br> <h1>Добро пожаловать на страницу semkapc</h1>
<br>
<main>
<h1>Добро пожаловать на страницу semkapc</h1>
<nav> <nav>
<a href="//semkapc.github.io/games.html"><img src="//semkapc.github.io/images/flashpla.png" alt="Игры"></a> <a href="/games.html"><img width="64" src="/images/flashpla.svg" style="border-radius: 50%; height: 64px; object-fit: cover; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.45);" alt="Игры"></a>
<a href="//semkapc.github.io/chat.html"><img src="//semkapc.github.io/images/chat.png" alt="Чат"></a> <a href="/chat.html"><img width="64" src="/images/chat.png" alt="Чат"></a>
<a href="//gamma-world.eu/semka"><img width="64" height="62" src="//semkapc.github.io/images/aaaaaaaha.png" alt="Semka Archive"></a> <a href="/soft.html"><img width="64" src="/images/programs.png" alt="Semka Archive"></a>
</nav> </nav>
<section id="contacts"> <section id="contacts">
<h2>Мои контакты:</h2> <h2>Мои контакты:</h2>
<ul> <ul>
<li>Discord: semkapc</li> <li>Discord: wolxd_</li>
<li>Telegram: semkapc</li> <li>Telegram: semkapc</li>
<li>Gamma ID: <a href="https://gid.root.sx/semkapc">https://gid.root.sx/semkapc</a></li> <li>Gamma ID: <a href="https://gid.root.sx/semkapc">https://gid.root.sx/semkapc</a></li>
<li>KICQ: 6668561 (Неактив)</li> <li>KICQ: 6668561 (Неактив)</li>
</ul> </ul>
</section> </section>
<footer> <footer>
<a href="//gamma-world.eu"><img src="//gamma-world.eu/img/gammaworld.png" alt="Gamma World"></a> <a href="//gamma-world.eu"><img src="//gamma-world.eu/img/gammaworld.png" alt="Gamma World"></a>
<a href="//kernel.org/"><img src="//semkapc.github.io/images/linuxnow.gif" alt="Linux"></a> <a href="//kernel.org/"><img src="//semkapc.github.io/images/linuxnow.gif" alt="Linux"></a>
<a href="//web1.0hosting.net/"><img src="//web1.0hosting.net/b.gif" alt="Web1.0 Hosting"></a> <a href="//web1.0hosting.net/"><img src="//web1.0hosting.net/b.gif" alt="Web1.0 Hosting"></a>
<a href="//www.old-web.com"><img src="//www.old-web.com/images/banners/button.gif" width="88" height="31" alt="Old Web"></a> <a href="//www.old-web.com"><img src="//www.old-web.com/images/banners/button.gif" width="88" height="31" alt="Old Web"></a>
</footer> </footer>
</main> </main>
</div>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>

124
script.js
View file

@ -1,3 +1,87 @@
var text = `
Expecting device dev-ttyS0.device...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Remote File Systems.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on Delayed Shutdown Socket.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on /dev/initctl Compatibility Named Pipe.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Encrypted Volumes.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on udev Kernel Socket.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on udev Control Socket.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Set up automount Arbitrary Executable File Formats F...utomount Point.
Expecting device dev-disk-by\x2duuid-6038ea52\ ce4c9.device...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on Journal Socket.
Starting File System Check on Root Device...
Starting udev Kernel Device Manager...
Mounting Debug File System...
Starting Journal Service...
Started Journal Service.
Starting Apply Kernel Variables... Starting udev Coldplug all Devices...
Mounting Huge Pages File System...
Mounting POSIX Message Queue File System...
Starting Setup Virtual Console...
Starting Set Up Additional Binary Formats...
Mounting Configuration File System...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Apply Kernel Variables.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started udev Kernel Device Manager.
Mounting Arbitrary Executable File Formats File System...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started udev Coldplug all Devices.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Mounted POSIX Message Queue File System.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Mounted Debug File System.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Mounted Configuration File System.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Mounted Huge Pages File System.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Mounted Arbitrary Executable File Formats File System.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Set Up Additional Binary Formats.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Setup Virtual Console.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Found device /dev/ttyso.
systemd-fsck [53]: semkapc: clean, 319575/983040 files, 2914206/3932160 blocks
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started File System Check on Root Device.
Starting Remount Root and Kernel File Systems...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Remount Root and Kernel File Systems.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Local File Systems (Pre).
Mounting Temporary Directory...
Starting Load Random Seed...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Mounted Temporary Directory.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Local File Systems.
Starting Recreate Volatile Files and Directories...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Found device QEMU_HARDDISK.
Activating swap /dev/disk/by-uuid/6038ea52-80a2-42c5...d0a22e1ce4c9...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Load Random Seed.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Activated swap /dev/disk/by-uuid/6038ea52-8032-42c5-8902-d0a22e1ce4c9.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Swap.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Recreate Volatile Files and Directories.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target System Initialization. Starting Restore Sound Card State...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on SSH Socket for Per-Connection Servers.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on Avahi mDNS/DNS-SD Stack Activation Socket.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Listening on D-Bus System Message Bus Socket.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Sockets.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Basic System.
Starting Network Manager...
Starting Network Time Service...
Starting Command Scheduler...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Command Scheduler.
Starting Login Service...
Starting Avahi mDNS/DNS-SD Stack...
Starting Permit User Sessions...
Starting D-Bus System Message Bus.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Restore Sound Card State.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Network Time Service.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Network Time Protocol.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Permit User Sessions.
Starting Serial Getty on ttys0...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Serial Getty on ttys0.
Starting Getty on tty1...
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Getty on tty1.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Login Prompts.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started D-Bus System Message Bus.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Avahi mDNS/DNS-SD Stack.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Login Service.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Started Network Manager.
[ <span style="color: rgb(0, 255, 0);">OK</span> ] Reached target Multi-User.
`.split('\n')
var terminal = document.getElementById('terminal');
var i = 1;
function digitalClock() { function digitalClock() {
const date = new Date(); const date = new Date();
const hours = String(date.getHours()).padStart(2, '0'); const hours = String(date.getHours()).padStart(2, '0');
@ -12,7 +96,39 @@ document.addEventListener('DOMContentLoaded', (event) => {
digitalClock(); digitalClock();
// Загрузка счетчика посещений // Загрузка счетчика посещений
const script = document.createElement('script'); try {
script.src = "//counter.websiteout.com/js/3/8/0/1"; const script = document.createElement('script');
document.getElementById('visit-counter').appendChild(script); script.src = "//counter.websiteout.com/js/3/8/0/1";
}); document.getElementById('visit-counter').appendChild(script);
} catch (e) {}
});
if (!sessionStorage.getItem('animated')){
sessionStorage.setItem('animated', 'true');
document.body.classList.add('anim');
document.getElementById('content').style.display = 'none';
document.body.style.overflow = 'hidden';
terminal.style.display = 'block';
setTimeout(function() {
var systemd = setInterval(function(){
if (i != text.length) {
terminal.insertAdjacentHTML('beforeend', `<p>${text[i - 1]}</p>`);
terminal.scrollTop = terminal.scrollHeight;
i++;
} else {
clearInterval(systemd);
setTimeout(function(){
terminal.insertAdjacentHTML('beforeend', `<br><p>semkapc Page<br>Kernel 3.4.3-1.fc17.x86_64 on an x86_64 (ttySo)</p><br><p>root login: <span style="color: white; background-color: white;">_</span></p><br>`);
terminal.scrollTop = terminal.scrollHeight;
setTimeout(function(){
document.body.style.overflow = 'auto';
document.getElementById('content').style.display = 'block';
terminal.remove();
}, 1000)
}, 2000);
}
}, 10);
}, 3000)
} else {
terminal.remove();
}

61
soft.html
View file

@ -5,45 +5,32 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Личная страница semkapc"> <meta name="description" content="Личная страница semkapc">
<title>semkapc Page</title> <title>semkapc Page</title>
<link rel="icon" href="favicon.jpg"> <link rel="icon" href="/images/favicon.jpg">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet'>
<style>
body {
font-family: 'Ubuntu';font-size: 16px;
}
</style>
</head> </head>
<body> <body>
<header> <div id="terminal">
<marquee>Слава Internet Explorer и Netscape!</marquee> <p style="color: rgb(5, 245, 229)">Welcome to semkapc Page!</p>
<div id="id_clock"></div> </div>
</header> <div id="content">
<br> <header>
<br> <div id="id_clock">00:00:00</div>
<br> </header>
<main> <br>
<h1>Программы</h1> <br>
<a href="//semkapc.github.io/">Обратно на домашнюю страницу</a> <br>
<h2>ICQ 2000b Beta Build 3286 4.70</h2> <main>
<a href="https://qu.ax/WJeur.zip">Скачать</a> <h1>Программы</h1>
<h2>Netscape 6.21</h2> <a href="/">Обратно на домашнюю страницу</a>
<a href="https://qu.ax/SQffY.zip">Скачать</a> <h2>ICQ 2000b Beta Build 3286 4.70</h2>
<h2>MyPal 68.14.6b</h2> <a href="https://qu.ax/WJeur.zip">Скачать</a>
<a href="https://github.com/Feodor2/Mypal68/releases/download/68.14.6b/mypal-68.14.6.en-US.win32.zip">Скачать 32 Bit</a> <h2>Netscape 6.21</h2>
<a href="https://github.com/Feodor2/Mypal68/releases/download/68.14.6b/mypal-68.14.6.en-US.win64.zip">Скачать 64 Bit</a> <a href="https://qu.ax/SQffY.zip">Скачать</a>
<h2>MyPal 68.14.6b</h2>
<a href="https://github.com/Feodor2/Mypal68/releases/download/68.14.6b/mypal-68.14.6.en-US.win32.zip">Скачать 32 Bit</a>
<a href="https://github.com/Feodor2/Mypal68/releases/download/68.14.6b/mypal-68.14.6.en-US.win64.zip">Скачать 64 Bit</a>
</main> </main>
</div>
<script> <script src="script.js"></script>
function digitalClock() {
var date = new Date();
var hours = date.getHours().toString().padStart(2, '0');
var minutes = date.getMinutes().toString().padStart(2, '0');
var seconds = date.getSeconds().toString().padStart(2, '0');
document.getElementById("id_clock").innerHTML = hours + ":" + minutes + ":" + seconds;
setTimeout(digitalClock, 1000);
}
digitalClock();
</script>
</body> </body>
</html> </html>

86
styles.css
View file

@ -1,34 +1,21 @@
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body { body {
margin: 0; margin: 0;
font-family: 'Nunito', sans-serif; font-family: 'Ubuntu';
background: linear-gradient(-45deg, #030303, #222222, #030303, #222222); font-size: 16px;
background-size: 1000% 1000%; background-image: url('/images/bg.jpg');
animation: gradient 15s ease infinite; background-size: cover;
background-position: center center;
background-attachment: fixed;
color: #fff; color: #fff;
text-align: center; text-align: center;
} height: 100vh;
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.content {
margin: 20px;
} }
header { header {
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
padding: 10px; padding: 10px;
text-align: center;
font-family: 'Ubuntu';font-size: 16px;
} }
main { main {
@ -39,10 +26,6 @@ main {
border-radius: 20px; border-radius: 20px;
} }
h1, h2 {
text-align: center;
}
nav { nav {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -88,9 +71,60 @@ a:hover, a:active {
font-family: 'Ubuntu';font-size: 16px; font-family: 'Ubuntu';font-size: 16px;
} }
.anim main {
animation: fadein 500ms cubic-bezier(0, 1, 1, 1);
}
.anim header {
animation: headerfade 500ms linear;
}
#terminal {
display: none;
width: 100%;
min-height: 100%;
max-height: 100%;
overflow: auto;
position: absolute;
z-index: 9999;
top: 0;
left: 0;
background-color: black;
font-family: 'consolas', monospace;
text-align: left;
-ms-overflow-style: none;
scrollbar-width: none;
white-space: pre-wrap;
}
#terminal::-webkit-scrollbar {
display: none;
}
#terminal p {
margin: 0;
padding: 0;
}
@keyframes fadein {
from { opacity: 0; filter: blur(10px); transform: scale(0.8); }
to { opacity: 1; filter: blur(0px); transform: scale(1); }
}
@keyframes headerfade {
from { opacity: 0; transform: translateY(-100%); }
to { opacity: 1; transform: translateY(0%); }
}
@media (max-width: 600px) { @media (max-width: 600px) {
nav { nav {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
footer {
display: flex;
flex-direction: column;
align-items: center;
}
} }