mirror of
https://github.com/catmpeg/catmpeg.github.io.git
synced 2026-02-20 15:50:57 +03:00
бальшой апдате
This commit is contained in:
parent
d77025f2e2
commit
4f79f223e8
26 changed files with 295 additions and 469 deletions
20
404.html
20
404.html
|
|
@ -9,20 +9,12 @@
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
<br>
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
<main>
|
||||||
</div>
|
<h1>404 Not Found</h1>
|
||||||
<div id="content">
|
<br>
|
||||||
<header>
|
<h2><a href="/">Главная страница</a></h2>
|
||||||
<div id="id_clock">00:00:00</div>
|
</main>
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>404 Not Found</h1>
|
|
||||||
<br>
|
|
||||||
<h2><a href="/">Главная страница</a></h2>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</main>
|
|
||||||
</div>
|
</div>
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
30
chat.html
30
chat.html
|
|
@ -1,30 +0,0 @@
|
||||||
<!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 - Chat</title>
|
|
||||||
<link rel="icon" href="images/favicon.jpg">
|
|
||||||
<link rel="stylesheet" href="styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Чат</h1>
|
|
||||||
<h2><a href="/">Обратно на домашнюю страницу</a></h2>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<iframe width="200" height="401" src="//semka.w10.site/cgi-bin/chat"></iframe>
|
|
||||||
</main>
|
|
||||||
<br>
|
|
||||||
</div>
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
21
chat/index.html
Normal file
21
chat/index.html
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!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="/images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Чат</h1>
|
||||||
|
<h2><a href="/">Обратно на домашнюю страницу</a></h2>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<iframe width="200" height="401" src="//semka.w10.site/cgi-bin/chat">
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
font/JetBrainsMono-Bold.ttf
Normal file
BIN
font/JetBrainsMono-Bold.ttf
Normal file
Binary file not shown.
37
games.html
37
games.html
|
|
@ -1,37 +0,0 @@
|
||||||
<!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 - Games</title>
|
|
||||||
<link rel="icon" href="/images/favicon.jpg">
|
|
||||||
<link rel="stylesheet" href="styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Игры</h1>
|
|
||||||
|
|
||||||
<h2><a href="/">Обратно на домашнюю страницу</a></h2>
|
|
||||||
|
|
||||||
<h2>Doom 2 (через DOS Zone)</h2>
|
|
||||||
<h3><a href="/games/doom2.html">Играть</a></h3>
|
|
||||||
|
|
||||||
<h2>Tetris</h2>
|
|
||||||
<h3><a href="/games/tetris.html">Играть</a></h3>
|
|
||||||
|
|
||||||
<h2>Minecraft</h2>
|
|
||||||
<h3><a href="/games/minecraft.html">Играть</a></h3>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
23
games/angrybirds/index.html
Normal file
23
games/angrybirds/index.html
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!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 - Angry Birds</title>
|
||||||
|
<link rel="icon" href="../../images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Angry Birds</h1>
|
||||||
|
<h2><a href="/games">Обратно в игры</a></h2>
|
||||||
|
<br>
|
||||||
|
<embed src="../swfs/angry-birds-6730.swf" type="application/x-shockwave-flash" width="740" height="480">
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
</main>
|
||||||
|
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
23
games/bubbleshooter/index.html
Normal file
23
games/bubbleshooter/index.html
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!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 - Bubble Shooter</title>
|
||||||
|
<link rel="icon" href="../../images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Bubble Shooter</h1>
|
||||||
|
<h2><a href="/games">Обратно в игры</a></h2>
|
||||||
|
<br>
|
||||||
|
<embed src="../swfs/bubble-shooter.swf" type="application/x-shockwave-flash">
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
</main>
|
||||||
|
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
<!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 - Doom 2D</title>
|
|
||||||
<link rel="icon" href="../images/favicon.jpg">
|
|
||||||
<link rel="stylesheet" href="../styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Doom 2 (через DOS Zone)</h1>
|
|
||||||
<h2><a href="../games.html">Обратно в игры</a></h2>
|
|
||||||
<br>
|
|
||||||
<iframe width="100%" height="600" src="//dos.zone/doom-ii-oct-10-1994/" frameborder="0"></iframe>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
<script src="../script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
22
games/doom2/index.html
Normal file
22
games/doom2/index.html
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!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 - Doom 2D</title>
|
||||||
|
<link rel="icon" href="../../images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Doom 2 (через DOS Zone)</h1>
|
||||||
|
<h2><a href="/games">Обратно в игры</a></h2>
|
||||||
|
<br>
|
||||||
|
<iframe width="100%" height="600" src="//dos.zone/doom-ii-oct-10-1994/" frameborder="0"></iframe>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
games/index.html
Normal file
37
games/index.html
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
<!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="/images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Игры</h1>
|
||||||
|
|
||||||
|
<h2><a href="/">Обратно на домашнюю страницу</a></h2>
|
||||||
|
|
||||||
|
<h2>Doom 2 (через DOS Zone)</h2>
|
||||||
|
<h3><a href="doom2/">Играть</a></h3>
|
||||||
|
|
||||||
|
<h2>Tetris</h2>
|
||||||
|
<h3><a href="tetris/">Играть</a></h3>
|
||||||
|
|
||||||
|
<h2>Bubble Shooter</h2>
|
||||||
|
<h3><a href="bubbleshooter/">Играть</a></h3>
|
||||||
|
|
||||||
|
<h2>Red Ball 4: Volume 1</h2>
|
||||||
|
<h3><a href="redball4/">Играть</a></h3>
|
||||||
|
|
||||||
|
<h2>Angry Birds</h2>
|
||||||
|
<h3><a href="angrybirds/">Играть</a></h3>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<h2>Если вы на телефоне то включите версию для ПК</h2>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
<!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 - Minecraft</title>
|
|
||||||
<link rel="icon" href="../images/favicon.jpg">
|
|
||||||
<link rel="stylesheet" href="../styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main class="minecraft">
|
|
||||||
<h1>Minecraft</h1>
|
|
||||||
<h2><a href="../games.html">Обратно в игры</a></h2>
|
|
||||||
<br>
|
|
||||||
<iframe width="100%" height="600" src="//eaglercraft.com/mc/1.8.8/" frameborder="0"></iframe>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
<script src="../script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
23
games/redball4/index.html
Normal file
23
games/redball4/index.html
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!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 - Red Ball 4: Volume 1</title>
|
||||||
|
<link rel="icon" href="../../images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Red Ball 4: Volume 1</h1>
|
||||||
|
<h2><a href="/games">Обратно в игры</a></h2>
|
||||||
|
<br>
|
||||||
|
<embed src="../swfs/redball4vol1.swf" type="application/x-shockwave-flash" width="640" height="480">
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
</main>
|
||||||
|
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
games/swfs/angry-birds-6730.swf
Normal file
BIN
games/swfs/angry-birds-6730.swf
Normal file
Binary file not shown.
BIN
games/swfs/bubble-shooter.swf
Normal file
BIN
games/swfs/bubble-shooter.swf
Normal file
Binary file not shown.
BIN
games/swfs/redball4vol1.swf
Normal file
BIN
games/swfs/redball4vol1.swf
Normal file
Binary file not shown.
|
|
@ -1,31 +0,0 @@
|
||||||
<!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 - Tetris</title>
|
|
||||||
<link rel="icon" href="../images/favicon.jpg">
|
|
||||||
<link rel="stylesheet" href="../styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Tetris</h1>
|
|
||||||
<h2><a href="../games.html">Обратно в игры</a></h2>
|
|
||||||
<br>
|
|
||||||
<embed src="tetris.swf" type="application/x-shockwave-flash">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
|
|
||||||
<script src="../script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
23
games/tetris/index.html
Normal file
23
games/tetris/index.html
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!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 - Tetris</title>
|
||||||
|
<link rel="icon" href="../../images/favicon.jpg">
|
||||||
|
<link rel="stylesheet" href="../../styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<br>
|
||||||
|
<main>
|
||||||
|
<h1>Tetris</h1>
|
||||||
|
<h2><a href="/games">Обратно в игры</a></h2>
|
||||||
|
<br>
|
||||||
|
<embed src="../swfs/tetris.swf" type="application/x-shockwave-flash">
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
</main>
|
||||||
|
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
images/Games.png
BIN
images/Games.png
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 527 KiB |
BIN
images/bg.jpg
BIN
images/bg.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 412 KiB After Width: | Height: | Size: 863 KiB |
BIN
images/bg1.jpg
Normal file
BIN
images/bg1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
89
index.html
89
index.html
|
|
@ -1,53 +1,44 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ru">
|
<html>
|
||||||
<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 - Main</title>
|
<title>semkapc Page - Главная</title>
|
||||||
<link rel="icon" href="images/favicon.jpg">
|
<link rel="icon" href="/images/favicon.jpg">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
|
||||||
<h1>Добро пожаловать на страницу semkapc</h1>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<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><br>
|
|
||||||
|
|
||||||
<a href="chat.html"><img width="64" src="images/chat.png" alt="Чат"></a><br>
|
|
||||||
<a href="info.html"><img width="64" src="images/Information.png" alt="Информация обо мне"></a>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<h2>Мои соцсети:</h2>
|
|
||||||
<h3>Discord: semkapc</h3>
|
|
||||||
<h3>Telegram: <a href="//t.me/semkapc" target="_blank">semkapc</a></h3>
|
|
||||||
<h3>Github: <a href="//github.com/semkapc" target="_blank">semkapc</a></h3>
|
|
||||||
<h3>Steam: <a href="//steamcommunity.com/id/semkapc" target="_blank">semkapc</a></h3>
|
|
||||||
<h3>YouTube: <a href="//www.youtube.com/@wol_xd" target="_blank">@wol_xd</a></h3>
|
|
||||||
<br>
|
<br>
|
||||||
<h2>Ссылки на сайты моих друзей:</h2>
|
<main>
|
||||||
<h3>HonakAC: <a href="//honakac.github.io" target="_blank">honakac.github.io</a></h3>
|
<h1>Добро пожаловать на страницу semkapc</h1>
|
||||||
<h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
|
|
||||||
<h3>Gamma63: <a href="//delta-gamma.org" target="_blank">delta-gamma.org</a></h3>
|
|
||||||
<br>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<div class="webring">
|
<div class="buttons">
|
||||||
<a href="https://otomir23.me/webring/34/prev">‹ prev</a>
|
<a href="games/"><img width="64" src="images/flashpla.svg"
|
||||||
<a href="https://otomir23.me/webring" target="_blank">webring</a>
|
style="border-radius: 50%; height: 64px; object-fit: cover; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.45);"
|
||||||
<a href="https://otomir23.me/webring/34/next">next ›</a>
|
alt="Игры"></a><br>
|
||||||
</div>
|
|
||||||
</div>
|
<a href="chat/"><img width="64" src="images/chat.png" alt="Чат"></a><br>
|
||||||
<script src="script.js"></script>
|
<a href="info/"><img width="64" src="images/Information.png" alt="Информация обо мне"></a>
|
||||||
</body>
|
</div>
|
||||||
|
|
||||||
|
<h2>Мои соцсети:</h2>
|
||||||
|
<h3>Discord: semkapc</h3>
|
||||||
|
<h3>Telegram: <a href="//t.me/semkapc" target="_blank">semkapc</a></h3>
|
||||||
|
<h3>Github: <a href="//github.com/semkapc" target="_blank">semkapc</a></h3>
|
||||||
|
<h3>Steam: <a href="//steamcommunity.com/id/semkapc" target="_blank">semkapc</a></h3>
|
||||||
|
<h3>YouTube: <a href="//www.youtube.com/@wol_xd" target="_blank">@wol_xd</a></h3>
|
||||||
|
<br>
|
||||||
|
<h2>Ссылки на сайты моих друзей:</h2>
|
||||||
|
<h3>HonakAC: <a href="//honakac.github.io" target="_blank">honakac.github.io</a></h3>
|
||||||
|
<h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
|
||||||
|
<h3>Gamma63: <a href="//delta-gamma.org" target="_blank">delta-gamma.org</a></h3>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<div class="webring">
|
||||||
|
<a href="https://otomir23.me/webring/34/prev">‹ prev</a>
|
||||||
|
<a href="https://otomir23.me/webring" target="_blank">webring</a>
|
||||||
|
<a href="https://otomir23.me/webring/34/next">next ›</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -4,18 +4,12 @@
|
||||||
<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 - Info</title>
|
<title>semkapc Page - Информация обо мне</title>
|
||||||
<link rel="icon" href="images/favicon.jpg">
|
<link rel="icon" href="images/favicon.jpg">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="../styles.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="terminal" style="text-align:center; font-family: 'Ubuntu'; font-size: 16px;">
|
<br>
|
||||||
<h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
|
|
||||||
</div>
|
|
||||||
<div id="content">
|
|
||||||
<header>
|
|
||||||
<div id="id_clock">00:00:00</div>
|
|
||||||
</header>
|
|
||||||
<main>
|
<main>
|
||||||
<h1>Информация обо мне</h1>
|
<h1>Информация обо мне</h1>
|
||||||
<h2><a href="/">Обратно на домашнюю страницу</a></h2>
|
<h2><a href="/">Обратно на домашнюю страницу</a></h2>
|
||||||
|
|
@ -55,13 +49,10 @@
|
||||||
<h3>AMD Ryzen 7 7840HS</h3>
|
<h3>AMD Ryzen 7 7840HS</h3>
|
||||||
<h3>32 GB RAM (DDR5)</h3>
|
<h3>32 GB RAM (DDR5)</h3>
|
||||||
<h3>Системы которые я использую:</h3>
|
<h3>Системы которые я использую:</h3>
|
||||||
<h3>Windows 10 22H2</h3>
|
<h3>Arch Linux с Hyprland</h3>
|
||||||
<h3>Arch Linux с KDE Plasma 6</h3>
|
<h3>Fedora с KDE Plasma 6</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<br>
|
</body>
|
||||||
</div>
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
79
script.js
79
script.js
|
|
@ -1,79 +0,0 @@
|
||||||
var terminal = document.getElementById('terminal');
|
|
||||||
|
|
||||||
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();
|
|
||||||
});
|
|
||||||
|
|
||||||
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() {
|
|
||||||
terminal.insertAdjacentHTML('beforeend', `<h2>Loading page...</h2>`);
|
|
||||||
terminal.scrollTop = terminal.scrollHeight;
|
|
||||||
setTimeout(function() {
|
|
||||||
document.body.style.overflow = 'auto';
|
|
||||||
document.getElementById('content').style.display = 'flex';
|
|
||||||
terminal.remove();
|
|
||||||
}, 1500);
|
|
||||||
}, 300);
|
|
||||||
} else {
|
|
||||||
terminal.remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
// var arr = [
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Dark_forest.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Dark_park.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Ducks_in_the_sea.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Flower.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Flowers.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Grass.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Hill.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Insects.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Keys.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Leaf.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Leaves_in_the_rock.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Mountain.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Plank.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Sky.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Stairs.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Stones.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Stop.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Sun.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Sunset.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/Trees.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/my-wallpapers/lamp_dark.png',
|
|
||||||
// 'https://my-wallpapers.github.io/windows/original/windows-vista/Light%20Auras/img27.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/windows/original/windows-vista/Widescreen/img35.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/windows/original/windows-vista/Textures/img6.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/windows/original/windows-vista/Vistas/img20.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/windows/original/windows-vista/Vistas/img18.jpg',
|
|
||||||
// 'https://my-wallpapers.github.io/windows/original/windows-vista/Widescreen/img31.jpg'
|
|
||||||
//
|
|
||||||
// ];
|
|
||||||
//
|
|
||||||
// function rand(min, max) {
|
|
||||||
// return Math.floor(Math.random() * (max - min) + min);
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// var savedWallpaper = sessionStorage.getItem('backgroundWallpaper');
|
|
||||||
//
|
|
||||||
// if (savedWallpaper) {
|
|
||||||
// document.body.style.backgroundImage = 'url(' + savedWallpaper + ')';
|
|
||||||
// } else {
|
|
||||||
// var selectedWallpaper = arr[rand(0, arr.length)];
|
|
||||||
// document.body.style.backgroundImage = 'url(' + selectedWallpaper + ')';
|
|
||||||
// sessionStorage.setItem('backgroundWallpaper', selectedWallpaper);
|
|
||||||
// }
|
|
||||||
229
styles.css
229
styles.css
|
|
@ -1,194 +1,111 @@
|
||||||
@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');
|
@font-face {
|
||||||
/* @font-face {
|
font-family: 'JetBrains Mono';
|
||||||
font-family: 'Monocraft';
|
src: url('font/JetBrainsMono-Bold.ttf') format('truetype');
|
||||||
src: url('files/Monocraft.ttf');
|
font-weight: bold;
|
||||||
} */
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: 'Ubuntu';
|
min-height: 100svh;
|
||||||
font-size: 16px;
|
font: 14px/1.5 'JetBrains Mono', monospace;
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-color: black;
|
|
||||||
background-image: url(images/bg.jpg);
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 100svh;
|
background: black url(images/bg.jpg) center/cover fixed;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header,
|
||||||
background-color: rgba(34, 34, 34, 0.9);
|
.webring,
|
||||||
|
main {
|
||||||
|
background-color: rgba(34, 34, 34, 0.3);
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
padding: 7px;
|
}
|
||||||
|
|
||||||
|
body,
|
||||||
|
.webring,
|
||||||
|
.buttons,
|
||||||
|
.spec {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.webring {
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: auto;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
.webring {
|
||||||
|
color: orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
width: 100%;
|
width: calc(100% - 20px);
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background-color: rgba(34, 34, 34, 0.9);
|
border-radius: 15px;
|
||||||
backdrop-filter: blur(10px);
|
box-sizing: border-box;
|
||||||
border-radius: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
.buttons {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 22px;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
font-family: 'Ubuntu';
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
nav img {
|
.buttons img {
|
||||||
transition: transform 0.3s ease;
|
transition: transform 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav img:hover {
|
.buttons img:hover {
|
||||||
transform: scale(1.3);
|
transform: scale(1.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer img {
|
.spec {
|
||||||
transition: transform 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer img:hover {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
#contacts ul {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contacts li {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 10px;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
.newpc {
|
||||||
color: rgb(255, 174, 0);
|
|
||||||
transition: color 0.3s ease;
|
|
||||||
font-family: 'Ubuntu';
|
|
||||||
font-size: 19px;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover, a:active {
|
|
||||||
color: rgb(255, 200, 0);
|
|
||||||
text-decoration: underline;
|
|
||||||
font-family: 'Ubuntu';
|
|
||||||
font-size: 19px
|
|
||||||
}
|
|
||||||
|
|
||||||
.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) {
|
|
||||||
nav {
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.minecraft {
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spec{
|
|
||||||
justify-content: center;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.newpc{
|
|
||||||
margin-left: 100px;
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.webring{
|
iframe {
|
||||||
display: flex;
|
border: 2px solid orange;
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
width:100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: rgba(34, 34, 34, 0.9);
|
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
margin-top: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.webring a {
|
@media (max-width: 600px) {
|
||||||
padding: 7px;
|
body {
|
||||||
}
|
gap: 15px;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.fixedpos {
|
main {
|
||||||
position: fixed
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom0 {
|
h1 {
|
||||||
bottom: 0
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, h3 {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
margin: 12px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.webring {
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
margin: 10px auto 0;
|
||||||
|
padding: 8px 12px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue