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

еее апдейт

Browse source
This commit is contained in:
catmpeg 2025-05-10 23:34:47 +03:00
commit 6054e81651
27 changed files with 194 additions and 218 deletions
Download patch file Download diff file Expand all files Collapse all files

5
404.html
View file

@ -5,18 +5,17 @@
<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 - 404</title> <title>semkapc Page - 404</title>
<link rel="icon" href="images/favicon.ico"> <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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>404 Not Found</h1> <h1>404 Not Found</h1>
<br> <br>

13
README.md
View file

@ -1,12 +1,3 @@
<h1>Современная версия странички</h1><br> <h1>Современная версия странички</h1><br>
<h2>Спасибо огромное Максиму (https://github.com/PatrickStar8753)</h2> <h2>Спасибо огромное Cat. (<a href="https://github.com/PatrickStar8753">https://github.com/PatrickStar8753</a>) и Kostya Zero (<a href="https://github.com/kostya-zero">https://github.com/kostya-zero</a>)</h2><br>
<h2>Еще одна моя страничка (буду ее обновлять еще) <a href="http://semka.w10.site">http://semka.w10.site</a></h2> <h2>Еще одна моя страничка <a href="http://semka.w10.site">http://semka.w10.site</a></h2>
<h1>Что есть на сайте?</h1>
<img src="images/pagepreview.jpg" height="500" width="700">
<p>Скриншот за 25.04.2025 (21:51 GMT+3)</p>
<h3>Нууу мои контакты и кнопочки на сайты моих друзей</h2>
<a href="//gamma-world.eu"><img src="images/gw.png" width="88" height="31" alt="Gamma World"></a><br>
<p>Вот например кнопочка для перехода на сайт моего друга gamma63</p>
<h2>Еще есть раздел с программами, где вы сможете найти ссылки на различные программы не только для Windows, но и для Linux (c 25.04.25 больше нет)</h2>
<h2>Есть игры, их там не много но и так сойдет :3</h2>
<h2>Tакже вы можете пообщатся с людьми через чат на сайте (возможно переделаю его когда нибудь, и будет он хостится на моем втором компе (25.04.25 все еще не сделал))</h2>

7
chat.html
View file

@ -5,26 +5,25 @@
<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 - Chat</title> <title>semkapc Page - Chat</title>
<link rel="icon" href="images/favicon.ico"> <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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>Чат</h1> <h1>Чат</h1>
<h2><a href="/">Обратно на домашнюю страницу</a></h2> <h2><a href="/">Обратно на домашнюю страницу</a></h2>
<br> <br>
<br> <br>
<iframe width="200" height="401" src="//semka.w10.site/cgi-bin/chat"></iframe> <iframe width="200" height="401" src="//semka.w10.site/cgi-bin/chat"></iframe>
</main> </main>
<br>
</div> </div>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>

BIN
files/Monocraft.ttf
View file

Binary file not shown.

BIN
files/qbittorrent_5.0.4_x64_setup.exe
View file

Binary file not shown.

7
games.html
View file

@ -9,21 +9,20 @@
<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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>Игры</h1> <h1>Игры</h1>
<h2><a href="/">Обратно на домашнюю страницу</a></h2> <h2><a href="/">Обратно на домашнюю страницу</a></h2>
<h2>Doom 2D</h2> <h2>Doom 2 (через DOS Zone)</h2>
<h3><a href="/games/doom2d.html">Играть</a></h3> <h3><a href="/games/doom2.html">Играть</a></h3>
<h2>Tetris</h2> <h2>Tetris</h2>
<h3><a href="/games/tetris.html">Играть</a></h3> <h3><a href="/games/tetris.html">Играть</a></h3>

10
games/doom2d.html → games/doom2.html
View file

@ -5,28 +5,26 @@
<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 - Doom 2D</title> <title>semkapc Page - Doom 2D</title>
<link rel="icon" href="../images/favicon.ico"> <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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>Doom 2D</h1> <h1>Doom 2 (через DOS Zone)</h1>
<h2><a href="../games.html">Обратно в игры</a></h2> <h2><a href="../games.html">Обратно в игры</a></h2>
<br> <br>
<embed src="flash-doom-2d.swf" type="application/x-shockwave-flash"> <iframe width="100%" height="600" src="//dos.zone/doom-ii-oct-10-1994/" frameborder="0"></iframe>
<br> <br>
<br> <br>
</main> </main>
</div> </div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script src="../script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

BIN
games/flash-doom-2d.swf
View file

Binary file not shown.

7
games/minecraft.html
View file

@ -5,23 +5,22 @@
<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 - Minecraft</title> <title>semkapc Page - Minecraft</title>
<link rel="icon" href="../images/favicon.ico"> <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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main class="minecraft"> <main class="minecraft">
<h1>Minecraft</h1> <h1>Minecraft</h1>
<h2><a href="../games.html">Обратно в игры</a></h2> <h2><a href="../games.html">Обратно в игры</a></h2>
<br> <br>
<iframe width="100%" height="1000" src="//eaglercraft.com/mc/1.8.8/" frameborder="0"></iframe> <iframe width="100%" height="600" src="//eaglercraft.com/mc/1.8.8/" frameborder="0"></iframe>
<br> <br>
<br> <br>
</main> </main>

5
games/tetris.html
View file

@ -5,18 +5,17 @@
<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 - Tetris</title> <title>semkapc Page - Tetris</title>
<link rel="icon" href="../images/favicon.ico"> <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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>Tetris</h1> <h1>Tetris</h1>
<h2><a href="../games.html">Обратно в игры</a></h2> <h2><a href="../games.html">Обратно в игры</a></h2>

BIN
images/Games.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
images/Information.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 246 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

BIN
images/KDE_Mascot_Konqi_by_Tyson_Tan.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 629 KiB

BIN
images/R2GeniusIcon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 3.2 KiB

BIN
images/bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 412 KiB

BIN
images/buttoncat.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.8 KiB

BIN
images/chat.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 373 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

Before After
Before After

BIN
images/favicon.ico
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 66 KiB

BIN
images/favicon.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
images/gw.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
images/linuxnow.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
images/pagepreview.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 424 KiB

BIN
images/programs.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 488 KiB

82
index.html
View file

@ -1,77 +1,53 @@
<!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 - Main</title> <title>semkapc Page - Main</title>
<link rel="icon" href="images/favicon.ico"> <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;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>Добро пожаловать на страницу semkapc</h1> <h1>Добро пожаловать на страницу semkapc</h1>
<nav> <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="games.html"><img width="64" src="images/flashpla.svg"
<a href="chat.html"><img width="64" src="images/chat.png" alt="Чат"></a><br> style="border-radius: 50%; height: 64px; object-fit: cover; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.45);"
<!-- <a href="soft.html"><img width="64" src="images/programs.png" alt="Программы"></a><br> --> alt="Игры"></a><br>
<a href="info.html"><img width="64" src="images/Information.png" alt="Информация обо мне и об сайте"></a>
<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> </nav>
<h2>Мои контакты:</h2> <h2>Мои соцсети:</h2>
<h3>Discord: <a href="//discord.com/users/1229282117926518855" target="_blank">semkapc</a></h3> <h3>Discord: semkapc</h3>
<h3>Telegram: <a href="//t.me/semkapc" target="_blank">semkapc</a></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>Github: <a href="//github.com/semkapc" target="_blank">semkapc</a></h3>
<h3>Steam: <a href="//steamcommunity.com/id/semkapc" target="_blank">semkapc</a></h3>
<h2>Характеристики моих компов:</h2> <h3>YouTube: <a href="//www.youtube.com/@wol_xd" target="_blank">@wol_xd</a></h3>
<div class="spec"> <br>
<div class="oldpc"> <h2>Ссылки на сайты моих друзей:</h2>
<h3>Старый</h3> <h3>HonakAC: <a href="//honakac.github.io" target="_blank">honakac.github.io</a></h3>
<h3>ASROCK X570 Pro4</h3> <h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
<h3>GTX 1060 3GB PALIT StormX</h3> <h3>Gamma63: <a href="//delta-gamma.org" target="_blank">delta-gamma.org</a></h3>
<h3>AMD Ryzen 7 2700</h3>
<h3>32 GB RAM (DDR4)</h3>
<h3>Системы которые я использую:</h3>
<h3>Windows 10 22H2</h3>
<h3>Fedora 42 с KDE Plasma 6</h3>
</div>
<div class="newpc">
<h3>Новый</h3>
<h3>Acer AN16-41</h3>
<h3>RTX 4070 Mobile</h3>
<h3>AMD Ryzen 7 7840HS</h3>
<h3>32 GB RAM (DDR5)</h3>
<h3>Системы которые я использую:</h3>
<h3>Windows 11 24H2 LTSC</h3>
<h3>Fedora 42 с KDE Plasma 6</h3>
</div>
</div>
<br> <br>
<!-- <img src="images/KDE_Mascot_Konqi_by_Tyson_Tan.png" height="239" width="166">
<h3>Konqi (Маскот <a href="//kde.org" style="color: rgb(255, 255, 255)" target="_blank">KDE</a>)</h3>
<br> -->
<img src="https://discord.c99.nl/widget/theme-4/1229282117926518855.png">
<footer>
<a href="//gamma-world.eu/" target="_blank"><img src="images/gw.png" width="88" height="31" alt="Gamma World"></a><br>
<a href="//kernel.org/" target="_blank"><img src="images/linuxnow.gif" alt="Linux"></a><br>
<a href="//patrickstar8753.github.io/" target="_blank"><img src="images/buttoncat.png" width="88" height="31" alt="Cat. Page"></a><br>
<a href="//honakac.github.io/" target="_blank"><img src="images/R2GeniusIcon.png" width="88" height="31" alt="HonakAC Page"></a><br>
</footer>
</main> </main>
<br> <div class="webring">
<div class="webring"><a href="https://otomir23.me/webring"><p>webring</p></a><a href="https://otomir23.me/webring/34/prev" class="absolutepos nutipaleft">‹ prev</a><a href="https://otomir23.me/webring/34/next" class="absolutepos nutiparight">next ›</a></div> <a href="https://otomir23.me/webring/34/prev">‹ prev</a>
<a href="https://otomir23.me/webring">webring</a>
<a href="https://otomir23.me/webring/34/next">next ›</a>
</div> </div>
<script src="script.js"></script> </div>
</body> <script src="script.js"></script>
</body>
</html> </html>

67
info.html
View file

@ -5,46 +5,61 @@
<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 - Info</title>
<link rel="icon" href="images/favicon.ico"> <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: 'Monocraft'; font-size: 16px;"> <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> <h1 style="color: rgb(255, 255, 255)">Welcome to semkapc Page!</h1>
</div> </div>
<div id="content"> <div id="content">
<header> <header>
<div id="id_clock">00:00:00</div> <div id="id_clock">00:00:00</div>
</header> </header>
<br>
<main> <main>
<h1>Информация обо мне и об сайте</h1> <h1>Информация обо мне</h1>
<h2><a href="/">Обратно на домашнюю страницу</a></h2> <h2><a href="/">Обратно на домашнюю страницу</a></h2>
<br> <br>
<h2>Обо мне:</h2>
<h3>Меня зовут семка (нереальное имя), живу я в Беларуси, город Минск.</h3>
<h3>Мои другие никнеймы: bhzrd, wolxd_</h3>
<h3>Изучаю C++, в данный момент прекратил, планирую летом продолжить.</h3>
<br> <br>
<h2>Обо мне</h2> <h2>Мои мечты:</h2>
<h3>Нуууу, что сказать, живу я в Беларуси в городе Минск</h3> <h3>1. Выучить хотя бы середину C++</h3>
<h3>Мечты: выучить C++</h3> <h3>2. Закончить год с хорошими оценками</h3>
<h3>сижу на Windows 11 24H2 LTSC и Fedora 42 с KDE Plasma 6 (на момент 25.04.25)</h3> <br>
<h3>еще и на ноуте Acer Nitro 16 AN16-41</h3> <h2>Мои увлечения:</h2>
<h3>также есть второй комп который сейчас использую как сервер а иногда на нем юзаю хакинтош Big Sur</h3> <h3>1. Игры</h3>
<h3>там AMD Ryzen 7 2700, GTX 1060 3GB, 32GB озу и 3 диска на 2TiB</h3> <h3>2. Общение с друзьями</h3>
<h3>по мобилкам у меня Vivo V25 Pro (основа) на Android 14 и iPhone 6S</h3> <h3>3. Попытки программирования</h3>
<h3>также у меня есть Poco X3 Pro но он потерялся((</h3> <h3>4. Слушать музыку</h3>
<h3>че еще сюда написать я не знаю xd</h3> <br>
<img width=500 src="images/bf9e280660b0ea6d.png"> <h2>Характеристики моих компов:</h2>
<h2>Об сайте</h2> <div class="spec">
<h3>Я уже хз че можно добавить на сайт, идеи как то не лезут</h3> <div class="oldpc">
<h3>Последнее обновление 25.04.25 9 PM по GMT+3 (минуты не смогу сказать)</h3> <h3>Старый</h3>
<h3>Мне нужно переработать и сделать свой чат, но у меня чет не получается настроить ddns (так и не попробовал настроить еще раз, лень)</h3> <h3>ASROCK X570 Pro4</h3>
<h3>07.04.2025 Так и не вышло настроить ddns поэтому буду использовать playit.gg</h3> <h3>GTX 1060 3GB PALIT StormX</h3>
<h3>так что наверно не судьба сделать мне новый чат (а не юзать заготовку с web 1.0 hosting)</h3> <h3>AMD Ryzen 7 2700</h3>
<h3>и ещё, если заметите то что у меня на сайте какая-то прога устарела, напишите в дс плиз 😶‍🌫️</h3> <h3>16 GB RAM (DDR4)</h3>
<h3>25.04.25 я удаляю раздел с программами, земля ему пухом (мне лень его обновлять)</h3> <h3>Системы которые я использую:</h3>
<h3>25.04.25 объединил http://semka.w10.site с https://semkapc.github.io</h3> <h3>Windows 10 22H2</h3>
<h3>26.04.25 урааа я сделал новый чат (работает через playit.gg)</h3> <h3>Debian 13 с Cinnamon</h3>
<h3>26.04.25 17часов забудьте про новый чат, оно не грузит, то mixed content, а самоподписанный серт не работает так что, роллинг бэк</h3> </div>
<div class="newpc">
<h3>Новый</h3>
<h3>Acer AN16-41</h3>
<h3>RTX 4070 Mobile</h3>
<h3>AMD Ryzen 7 7840HS</h3>
<h3>32 GB RAM (DDR5)</h3>
<h3>Системы которые я использую:</h3>
<h3>Windows 10 22H2</h3>
<h3>Arch Linux с KDE Plasma 6</h3>
</div>
</div>
</main> </main>
<br>
</div> </div>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>

88
script.js
View file

@ -41,47 +41,47 @@ if (!sessionStorage.getItem('animated')) {
terminal.remove(); terminal.remove();
} }
var arr = [ // var arr = [
'https://my-wallpapers.github.io/my-wallpapers/Dark_forest.jpg', // '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/Dark_park.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Ducks_in_the_sea.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/Flower.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Flowers.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/Grass.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Hill.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/Insects.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Keys.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/Leaf.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Leaves_in_the_rock.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/Mountain.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Plank.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/Sky.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Stairs.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/Stones.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Stop.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/Sun.jpg',
'https://my-wallpapers.github.io/my-wallpapers/Sunset.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/Trees.jpg',
'https://my-wallpapers.github.io/my-wallpapers/lamp_dark.png', // '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/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/Widescreen/img35.jpg',
'https://my-wallpapers.github.io/windows/original/windows-vista/Textures/img6.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/img20.jpg',
'https://my-wallpapers.github.io/windows/original/windows-vista/Vistas/img18.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' // 'https://my-wallpapers.github.io/windows/original/windows-vista/Widescreen/img31.jpg'
//
]; // ];
//
function rand(min, max) { // function rand(min, max) {
return Math.floor(Math.random() * (max - min) + min); // return Math.floor(Math.random() * (max - min) + min);
} // }
//
var savedWallpaper = sessionStorage.getItem('backgroundWallpaper'); // var savedWallpaper = sessionStorage.getItem('backgroundWallpaper');
//
if (savedWallpaper) { // if (savedWallpaper) {
document.body.style.backgroundImage = 'url(' + savedWallpaper + ')'; // document.body.style.backgroundImage = 'url(' + savedWallpaper + ')';
} else { // } else {
var selectedWallpaper = arr[rand(0, arr.length)]; // var selectedWallpaper = arr[rand(0, arr.length)];
document.body.style.backgroundImage = 'url(' + selectedWallpaper + ')'; // document.body.style.backgroundImage = 'url(' + selectedWallpaper + ')';
sessionStorage.setItem('backgroundWallpaper', selectedWallpaper); // sessionStorage.setItem('backgroundWallpaper', selectedWallpaper);
} // }

37
styles.css
View file

@ -13,26 +13,35 @@ body {
background-position: center center; background-position: center center;
background-attachment: fixed; background-attachment: fixed;
background-color: black; background-color: black;
background-image: url(images/bg.jpg);
color: #fff; color: #fff;
text-align: center; text-align: center;
height: 100vh; height: 100svh;
} }
header { header {
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(34, 34, 34, 0.9);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
padding: 7px; padding: 7px;
} }
main { main {
max-width: 800px; max-width: 800px;
width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(34, 34, 34, 0.9);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-radius: 20px; border-radius: 20px;
} }
#content {
display: flex;
flex-direction: column;
gap: 22px;
height: 100%;
}
nav { nav {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -162,26 +171,18 @@ a:hover, a:active {
.webring{ .webring{
display: flex; display: flex;
justify-content: center; flex-direction: row;
justify-content: space-between;
align-items: center; align-items: center;
max-width: 800px; width:100%;
margin: 0 auto; margin: 0 auto;
padding: 20px; background-color: rgba(34, 34, 34, 0.9);
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-radius: 20px; margin-top: auto;
} }
.absolutepos { .webring a {
position: absolute; padding: 7px;
}
.nutipaleft {
left: 1rem
}
.nutiparight {
right: 1rem
} }
.fixedpos { .fixedpos {