This commit is contained in:
catmpeg 2025-01-26 02:01:56 +03:00 committed by GitHub
commit 12299268f6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 319 additions and 0 deletions

49
chat.html Normal file
View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

48
games.html Normal file
View 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
View 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
View 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
View 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
View 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;
}
}