mirror of
https://github.com/catmpeg/catmpeg.github.io.git
synced 2026-02-20 15:50:57 +03:00
sosiski
This commit is contained in:
GitHub
commit
12299268f6
7 changed files with 319 additions and 0 deletions
49
chat.html
Normal file
49
chat.html
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<marquee>Слава Internet Explorer и Netscape!</marquee>
|
||||||
|
<div id="id_clock"></div>
|
||||||
|
</header>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Чат</h1>
|
||||||
|
<a href="//semkapc.github.io/">Обратно на домашнюю страницу</a>
|
||||||
|
|
||||||
|
|
||||||
|
<iframe width="100%" height="400" src="//semka.w10.site/cgi-bin/chat"></iframe>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Внимание!</h2>
|
||||||
|
<p>Если у вас не работает чат, проверьте адрес сайта. iframe работает через http, нужно чтобы вы тоже заходили через http.</p>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</html>
|
||||||
BIN
favicon.jpg
Normal file
BIN
favicon.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
48
games.html
Normal file
48
games.html
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<marquee>Слава Internet Explorer и Netscape!</marquee>
|
||||||
|
<div id="id_clock"></div>
|
||||||
|
</header>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Игры</h1>
|
||||||
|
<a href="//semkapc.github.io/">Обратно на домашнюю страницу</a>
|
||||||
|
<h2>Doom 2D</h2>
|
||||||
|
<a href="//semkapc.github.io/games/doom2d.html">Играть</a>
|
||||||
|
<h2>Tetris</h2>
|
||||||
|
<a href="//semkapc.github.io/games/tetris.html">Играть</a>
|
||||||
|
<h2>GIFYPET</h2>
|
||||||
|
<a href="//semkapc.github.io/games/GIFYPET.html">Играть</a>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</html>
|
||||||
59
index.html
Normal file
59
index.html
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<marquee>Слава Internet Explorer и Netscape!</marquee>
|
||||||
|
<div id="id_clock"></div>
|
||||||
|
</header>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Добро пожаловать на страницу semkapc</h1>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="//semkapc.github.io/games.html"><img src="//semkapc.github.io/images/flashpla.png" alt="Игры"></a>
|
||||||
|
<a href="//semkapc.github.io/chat.html"><img src="//semkapc.github.io/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>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section id="contacts">
|
||||||
|
<h2>Мои контакты:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Discord: semkapc</li>
|
||||||
|
<li>Telegram: semkapc</li>
|
||||||
|
<li>Gamma ID: <a href="https://gid.root.sx/semkapc">https://gid.root.sx/semkapc</a></li>
|
||||||
|
<li>KICQ: 6668561 (Неактив)</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="counter">
|
||||||
|
<h2>Количество заходов на сайт:</h2>
|
||||||
|
<div id="visit-counter"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<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="//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>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
script.js
Normal file
18
script.js
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
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');
|
||||||
|
|
||||||
|
document.getElementById("id_clock").textContent = `${hours}:${minutes}:${seconds}`;
|
||||||
|
setTimeout(digitalClock, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', (event) => {
|
||||||
|
digitalClock();
|
||||||
|
|
||||||
|
// Загрузка счетчика посещений
|
||||||
|
const script = document.createElement('script');
|
||||||
|
script.src = "//counter.websiteout.com/js/3/8/0/1";
|
||||||
|
document.getElementById('visit-counter').appendChild(script);
|
||||||
|
});
|
||||||
49
soft.html
Normal file
49
soft.html
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<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">
|
||||||
|
<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>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<marquee>Слава Internet Explorer и Netscape!</marquee>
|
||||||
|
<div id="id_clock"></div>
|
||||||
|
</header>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Программы</h1>
|
||||||
|
<a href="//semkapc.github.io/">Обратно на домашнюю страницу</a>
|
||||||
|
<h2>ICQ 2000b Beta Build 3286 4.70</h2>
|
||||||
|
<a href="http://old-dos.ru/dl.php?id=34346">Скачать</a>
|
||||||
|
<h2>Netscape 6.21</h2>
|
||||||
|
<a href="http://old-dos.ru/dl.php?id=31596">Скачать</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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</html>
|
||||||
96
styles.css
Normal file
96
styles.css
Normal file
|
|
@ -0,0 +1,96 @@
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes gradient {
|
||||||
|
0% {
|
||||||
|
background-position: 0% 50%;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
background-position: 100% 50%;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-position: 0% 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue