bootstrap version
This commit is contained in:
parent
434b0638dc
commit
2882d54868
GPG Key ID:
3F76816AEE08F908
@ -1,7 +1,5 @@
|
||||
# EditorConfig is awesome: https://EditorConfig.org
|
||||
root = true
|
||||
|
||||
# for all projects
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
@ -10,7 +8,6 @@ charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
# Web Sites
|
||||
[{*.html,*.css,*.json}]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
@ -19,7 +16,6 @@ indent_size = 4
|
||||
indent_style = tab
|
||||
indent_size = 2
|
||||
|
||||
# JavaScript
|
||||
[*.js]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
assets/
|
||||
176
index.html
176
index.html
@ -1,78 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>~/</title>
|
||||
<link type="text/plain" rel="author" href="https://iiiypuk.me/humans.txt">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="styles/styles.css?v=2">
|
||||
<link type="text/plain" rel="author" href="humans.txt">
|
||||
<link rel="stylesheet" type="text/css" href="assets/Bootstrap-5.1.3/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<div class="container nav">
|
||||
<div class="nav--left"><a href="#about">~aS</a></div>
|
||||
<div class="nav--right">
|
||||
<ul class="nav--links">
|
||||
<li><a href="//blog.iiiypuk.me/">Blog</a></li>
|
||||
<li><a href="gemini://iiiypuk.me/">Gemini</a></li>
|
||||
<li><a href="//gemini.iiiypuk.me/">[HTTP]</a></li>
|
||||
<li><a href="#social">Social</a></li>
|
||||
<li><a href="#services">Services</a></li>
|
||||
<li><a href="#projects">Projects</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<body class="bg-light">
|
||||
<div class="container">
|
||||
<article id="about">
|
||||
<p>Welcome. I am</p>
|
||||
<p class="hero">Alexander Popov</p>
|
||||
<p>Coder, Geek, Gamer, <s>GameDeveloper</s>.</p>
|
||||
<!-- <p> </p>
|
||||
<p><a class="button" href="cv">View VC</a></p> -->
|
||||
</article>
|
||||
<header class="py-3">
|
||||
<div class="row flex-nowrap justify-content-between align-items-center">
|
||||
<div class="col-4">
|
||||
🏴☠️
|
||||
</div>
|
||||
<div class="col-4 text-center fw-bold fs-3">
|
||||
Сашка ☕
|
||||
</div>
|
||||
<div class="col-4 d-flex justify-content-end align-items-center">
|
||||
💀 🔵 🔴
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<article id="social">
|
||||
<p class="title">Social</p>
|
||||
<div>
|
||||
<p class="bg-white border rounded shadow-sm p-3 text-center text-uppercase">Диванный разработчик из России</p>
|
||||
</div>
|
||||
|
||||
<a class="button" href="//twitter.com/_iiiypuk">
|
||||
Twitter</a>
|
||||
<a class="button" href="https://t.me/slexbc">
|
||||
Telegram</a>
|
||||
<a class="button" href="//github.com/iiiypuk">
|
||||
GitHub</a>
|
||||
<a class="button" href="//vk.com/0xi3k">
|
||||
Vk</a>
|
||||
<a class="button" href="https://discord.gg/pqsu6FsHSe">
|
||||
Discord</a>
|
||||
<!-- <p> </p>
|
||||
<a href="social.html">and other.</a> -->
|
||||
</article>
|
||||
<main>
|
||||
<article>
|
||||
<h1>Мои проекты</h1>
|
||||
<div class="row row-cols-1 row-cols-md-2 g-3 justify-content-between align-items-start">
|
||||
<div>
|
||||
<div class="bg-white border rounded shadow-sm overflow-hidden">
|
||||
<div class="row g-0">
|
||||
<div class="col col-lg-8 d-flex flex-column p-3">
|
||||
<h2 class="fs-6 fw-bold">е с точками</h2>
|
||||
<p>Мы любим букву Ё. А ещё нам нравятся кавычки ёлочки и длинные тире.<br>
|
||||
Будь как мы, пиши красиво</p>
|
||||
<a class="btn btn-sm btn-outline-primary" href="https://xn--61a.a2s.su" target="_blank">Перейти</a>
|
||||
</div>
|
||||
<div class="col col-lg-4 d-none d-lg-block text-center">
|
||||
<img alt="" class="rounded h-100" src="https://git.a2s.su/iiiypuk/vk0nline/raw/branch/python-old/asset/.preview.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bg-white border rounded shadow-sm overflow-hidden">
|
||||
<div class="row g-0">
|
||||
<div class="col col-lg-8 d-flex flex-column p-3">
|
||||
<h2 class="fs-6 fw-bold">⛏️ Minecraft JE Batch Launcher</h2>
|
||||
<p>
|
||||
Простой скрипт для запуска Minecraft без официального лаунчера.<br>
|
||||
Позвояет создавать и запускать любые версии игры из любой директории
|
||||
</p>
|
||||
<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/minecraft-launcher" target="_blank">Перейти</a>
|
||||
</div>
|
||||
<div class="col col-lg-4 d-none d-lg-block text-center">
|
||||
<img alt="" class="rounded h-100" src="https://git.a2s.su/iiiypuk/minecraft-launcher/raw/branch/gh-pages/docs/_media/logo.svg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bg-white border rounded shadow-sm overflow-hidden">
|
||||
<div class="row g-0">
|
||||
<div class="col col-lg-8 d-flex flex-column p-3">
|
||||
<h2 class="fs-6 fw-bold">🎞️ Get YouTube video cover</h2>
|
||||
<p>Сервис для скачивания обложке видео с YouTube</p>
|
||||
<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/ytcg/" target="_blank">Перейти</a>
|
||||
</div>
|
||||
<div class="col col-lg-4 d-none d-lg-block text-center">
|
||||
<img alt="" class="rounded h-100" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/google/313/multiply_2716-fe0f.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bg-white border rounded shadow-sm overflow-hidden">
|
||||
<div class="row g-0">
|
||||
<div class="col col-lg-8 d-flex flex-column p-3">
|
||||
<h2 class="fs-6 fw-bold">CHange Of LAyout</h2>
|
||||
<p>Меняем написанный текст буржуйской раскладки на нашинский. И наоборот</p>
|
||||
<a class="btn btn-sm btn-outline-primary" href="https://me.a2s.su/chola/" target="_blank">Перейти</a>
|
||||
</div>
|
||||
<div class="col col-lg-4 d-none d-lg-block text-center">
|
||||
<img alt="" class="rounded h-100" src="https://emojipedia-us.s3.amazonaws.com/source/skype/289/keyboard_2328-fe0f.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="bg-white border rounded shadow-sm overflow-hidden">
|
||||
<div class="row g-0">
|
||||
<div class="col col-lg-8 d-flex flex-column p-3">
|
||||
<h2 class="fs-6 fw-bold">vk0nline</h2>
|
||||
<p>
|
||||
Будь ОНЛАЙН в контакте.<br>
|
||||
systemd cервис и утилита для установки статуса
|
||||
<span class="rounded p-1 bg-success text-white">online</span> в ВК
|
||||
</p>
|
||||
<a class="btn btn-sm btn-outline-primary" href="https://git.a2s.su/iiiypuk/vk0nline" target="_blank">Перейти</a>
|
||||
</div>
|
||||
<div class="col col-lg-4 d-none d-lg-block text-center">
|
||||
<img alt="" class="rounded h-100" src="https://git.a2s.su/iiiypuk/vk0nline/raw/branch/python-old/asset/.preview.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<article id="services">
|
||||
<p class="title">Services</p>
|
||||
<footer class="p-5 mt-3 text-center border-top">
|
||||
Made with 🤍
|
||||
</footer>
|
||||
</div> <!-- end container -->
|
||||
|
||||
<a class="button" href="//iiiypuk.me/git/">Gitea</a>
|
||||
</article>
|
||||
|
||||
<article id="projects">
|
||||
<p class="title">Projects</p>
|
||||
|
||||
<a href="http://iiiypuk.github.io/minecraft-launcher/">Minecraft Launcher</a>,
|
||||
<a href="https://iiiypuk.github.io/YTCget/">Get YouTube video cover</a>,
|
||||
<a href="https://iiiypuk.github.io/chola/">CHange Of LAyout</a>,
|
||||
<a href="https://github.com/iiiypuk/vk0nline">vk0nline</a>,
|
||||
<a href="https://github.com/iiiypuk/cuboid">Cuboid goodies</a>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
Made with ♥
|
||||
</footer>
|
||||
<script src="assets/Bootstrap-5.1.3/js/bootstrap.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
<!-- ver: 1.0.0b -->
|
||||
|
||||
28
nginxconfig
28
nginxconfig
@ -1,28 +0,0 @@
|
||||
server {
|
||||
listen 80;
|
||||
listen [::]:80;
|
||||
|
||||
listen 443 ssl;
|
||||
ssl_certificate /home/alex/_certbot/config/live/iiiypuk.me/fullchain.pem;
|
||||
ssl_certificate_key /home/alex/_certbot/config/live/iiiypuk.me/privkey.pem;
|
||||
|
||||
root /home/alex/Sites/iiiypuk.me;
|
||||
|
||||
location /git/ {
|
||||
proxy_pass http://localhost:3000/;
|
||||
}
|
||||
|
||||
location /donate/ {
|
||||
root /home/alex/Sites/iiiypuk.me/donate/;
|
||||
}
|
||||
|
||||
location /torrent/ {
|
||||
proxy_pass http://127.0.0.1:9091;
|
||||
proxy_pass_header X-Transmission-Session-Id;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
}
|
||||
|
||||
server_name iiiypuk.me;
|
||||
}
|
||||
5
styles.css
Normal file
5
styles.css
Normal file
@ -0,0 +1,5 @@
|
||||
@import url('/assets/UbuntuFont/stylesheet.css');
|
||||
|
||||
body {
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
}
|
||||
@ -1,127 +0,0 @@
|
||||
:root {
|
||||
--font-family: ABeeZee, sans-serif;
|
||||
--max-width: 860px;
|
||||
--bg-color: #fefefe;
|
||||
--font-size: 1.3rem;
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-family);
|
||||
background-color: var(--bg-color);
|
||||
font-size: var(--font-size);
|
||||
}
|
||||
|
||||
div.container {
|
||||
max-width: var(--max-width);
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: var(--bg-color);
|
||||
border-bottom: 1px solid #999999;
|
||||
font-weight: bold;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 9fr;
|
||||
grid-gap: 20px;
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
div.nav--left {
|
||||
}
|
||||
|
||||
div.nav--right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul.nav--links {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul.nav--links li {
|
||||
display: inline;
|
||||
text-transform: uppercase;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000;
|
||||
border-bottom: 3px solid rgba(0, 0, 0, 0);
|
||||
text-decoration: none;
|
||||
transition: border-bottom 0.2s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
border-bottom: 3px solid #000000;
|
||||
transition: border-bottom 0.2s;
|
||||
}
|
||||
|
||||
article#about {
|
||||
margin-top: 5em;
|
||||
}
|
||||
|
||||
article#projects {
|
||||
margin-bottom: 5em;
|
||||
}
|
||||
|
||||
article#about p {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
article#about p.hero {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
article#about a {
|
||||
margin: 200px 0 !important;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: var(--bg-color);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
border-top: 1px solid #999999;
|
||||
text-align: center;
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
a.button {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
padding: 5px 10px;
|
||||
border: 3px solid #000000;
|
||||
transition: all 0.2s;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
a.button:hover {
|
||||
background-color: #000000;
|
||||
color: #ffffff;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 2em 0;
|
||||
}
|
||||
|
||||
p.title {
|
||||
font-weight: bold;
|
||||
font-size: 2rem;
|
||||
text-transform: uppercase;
|
||||
margin: 10px 0;
|
||||
}
|
||||
Reference in New Issue
Block a user