Compare commits
3 Commits
e49dac8e98
...
dd480c9ceb
| Author | SHA1 | Date | |
|---|---|---|---|
| dd480c9ceb | |||
| a4a8a546a7 | |||
| 93e663bd20 |
@ -1 +0,0 @@
|
||||
editorconfig-checker==2.4.0
|
||||
BIN
src/favicon.ico
Normal file
BIN
src/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@ -1,5 +1,5 @@
|
||||
/* SITE */
|
||||
Last Updated: Fri Apr 09 13:13 AM MSK 2022
|
||||
Last Updated: Mon May 02 00:01 AM MSK 2022
|
||||
Components: Nil
|
||||
|
||||
/* TEAM */
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
238
src/index.html
238
src/index.html
@ -1,159 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
<html lang="ru" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Personal collaboratory portal</title>
|
||||
<style type="text/css">
|
||||
:root {
|
||||
--border-width: 8px;
|
||||
}
|
||||
body {
|
||||
background-color: #DEDEE5;
|
||||
font-family: serif;
|
||||
line-height: 1.4em;
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #434A53;
|
||||
padding: 32px 8px;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
color: #ffffff;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 2.2em;
|
||||
}
|
||||
|
||||
.section-title { text-align: center; }
|
||||
|
||||
.features {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.feature-item {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.feature-item-content { text-align: center; }
|
||||
|
||||
.feature-item-image {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.invite-form {
|
||||
text-align: center;
|
||||
width: 500px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.invite-form input,
|
||||
.invite-form button {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-width: 0;
|
||||
border-color: #434A53;
|
||||
border-style: solid;
|
||||
padding: 16px;
|
||||
border-left-width: var(--border-width);
|
||||
border-right-width: var(--border-width);
|
||||
outline: 0;
|
||||
font-family: serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.invite-form input {
|
||||
border-top-left-radius: 16px;
|
||||
border-top-right-radius: 16px;
|
||||
border-top-width: var(--border-width);
|
||||
text-align: center;
|
||||
}
|
||||
.invite-form button {
|
||||
background-color: #FF9CBE;
|
||||
border-bottom-left-radius: 16px;
|
||||
border-bottom-right-radius: 16px;
|
||||
border-bottom-width: var(--border-width);
|
||||
transition: background-color .2s;
|
||||
}
|
||||
.invite-form button:hover {
|
||||
background-color: #FF669B;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #ffffff;
|
||||
margin-top: 32px;
|
||||
background-color: #434A53;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
footer a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1023px) {
|
||||
:root {
|
||||
--border-width: 4px;
|
||||
}
|
||||
.feature-item-image {
|
||||
max-width: 100px;
|
||||
}
|
||||
.invite-form {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>.a2s</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<link rel="stylesheet" href="/assets/ttf-iosevka-ss05/15.1.0/stylesheet.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="main-header">
|
||||
<h1 class="hero-title">Personal collaboratory portal</h1>
|
||||
<div class="flag">
|
||||
<p id="w"></p>
|
||||
<p id="b"></p>
|
||||
<p id="r"></p>
|
||||
</div>
|
||||
|
||||
<header>
|
||||
<div class="container">
|
||||
<p class="fw-bold text-center">Alexander Popov aka i3k, iiiypuk and other...</p>
|
||||
<p class="text-center"><strong>a2s</strong> — ренкарнация <code>iiiypuk.me</code>.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1></h1>
|
||||
<h1>История появления</h1>
|
||||
<p>Жопу жечь начало давно, хотелось обособиться, иметь всё своё.<br>
|
||||
GitHub'ы падали, сайты отключали для списка стран, авторы засирали свои репозитории.</p>
|
||||
<p>Так и появились свой
|
||||
<a href="//git.a2s.su/" target="_blank">GitHub</a>,
|
||||
<a href="#">CDN</a>
|
||||
и другие сервисы.</p>
|
||||
<p>Да, синдромом <a href="https://ru.wikipedia.org/wiki/Синдром_неприятия_чужой_разработки">фатального недостатка</a>
|
||||
и желанием изобретать вилосипеды я болею давно.</p>
|
||||
|
||||
<nav>
|
||||
<h1>Что можно тут найти?</h1>
|
||||
<ul>
|
||||
<li><a href="#projects">Список проектов</a></li>
|
||||
<li><a href="#blog">Мои заметки и мысли</a></li>
|
||||
<!-- <li><a href="#html">Список дизайнерских наработок</a></li> -->
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
<section id="features">
|
||||
<h1 class="section-title">Features</h1>
|
||||
<div class="features">
|
||||
<div class="feature-item">
|
||||
<img class="feature-item-image" src="/img/box-256.png">
|
||||
<p class="feature-item-content">All-in-One</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<img class="feature-item-image" src="/img/news-256.png">
|
||||
<p class="feature-item-content">Full document access</p>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<img class="feature-item-image" src="/img/user-256.png">
|
||||
<p class="feature-item-content">24/7 Support</p>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<a name="projects"></a>
|
||||
<h2>Список проектов</h2>
|
||||
<div class="project-item">
|
||||
<h3>е с точками</h3>
|
||||
<p>Мы любим букву Ё.<br>
|
||||
А ещё нам нравятся кавычки ёлочки и длинные тире.
|
||||
Будь как мы, пиши красиво.</p>
|
||||
<a href="https://ё.a2s.su" target="_blank">Перейти</a>
|
||||
</div>
|
||||
|
||||
<div class="project-item">
|
||||
<h3>YTCget</h3>
|
||||
<p>Show YouTube video cover</p>
|
||||
<a href="https://me.a2s.su/ytcg" target="_blank">Перейти</a>
|
||||
</div>
|
||||
|
||||
<div class="project-item">
|
||||
<h3>lpp-linux-builder</h3>
|
||||
<p>This tool will let you generate a vpk homebrew with lpp-vita core.</p>
|
||||
<a href="https://git.a2s.su/iiiypuk/lpp-linux-builder" target="_blank">Перейти</a>
|
||||
</div>
|
||||
|
||||
<div class="project-item">
|
||||
<h3>chola</h3>
|
||||
<p>Меняем написанный текст буржуйской раскладки на нашинский.<br>И наоборот.</p>
|
||||
<a href="https://me.a2s.su/chola" target="_blank">Перейти</a>
|
||||
</div>
|
||||
|
||||
<div class="project-item">
|
||||
<h3>Minecraft [Java Edition] Batch Launcher</h3>
|
||||
<p>Simple script for launch Minecraft without official launcher</p>
|
||||
<a href="https://git.a2s.su/iiiypuk/minecraft-launcher" target="_blank">Перейти</a>
|
||||
</div>
|
||||
|
||||
<div class="project-item">
|
||||
<h3>vk0nline</h3>
|
||||
<p>service for set status online on vk.com</p>
|
||||
<a href="https://git.a2s.su/iiiypuk/vk0nline" target="_blank">Перейти</a>
|
||||
</div>
|
||||
|
||||
<div class="project-item">
|
||||
<h3>Last.fm Backup</h3>
|
||||
<a href="https://git.a2s.su/iiiypuk/lastfm-backup" target="_blank">Перейти</a>
|
||||
</div>
|
||||
</section>
|
||||
<section id="try-it">
|
||||
<h1 class="section-title">Try it</h1>
|
||||
<div class="invite-form">
|
||||
<input type="text" id="email" name="email" placeholder="Enter your e-mail">
|
||||
<button onclick="invite();">Invite me!</button>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<a name="blog"></a>
|
||||
<h2>Мои заметки и мысли</h2>
|
||||
<p>Свои мысли и заметки я оставляю в <a href="gemini://a2s.su" target="_blank">Gemini</a> капсуле.</p>
|
||||
<p>HTTP зеркало доступно по адресу
|
||||
<a href="//gemini.a2s.su/" target="_blank">https://gemini.a2s.su/</a></p>
|
||||
</section>
|
||||
|
||||
<!-- <section>
|
||||
<a name="html"></a>
|
||||
<h2>Список дизайнерских наработок</h2>
|
||||
</section> -->
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>
|
||||
Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
|
||||
</p>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p class="text-center"><a href="//git.a2s.su/iiiypuk/a2s" target="_blank">Git repo</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="text/javascript">
|
||||
function invite() {
|
||||
'use strict';
|
||||
|
||||
let email = document.getElementById('email').value;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,17 +10,13 @@ body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.flag {
|
||||
box-shadow: 0 0 10px 1px #000000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.flag { margin-bottom: 20px; }
|
||||
|
||||
.flag p {
|
||||
margin: 0; padding: 0;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.flag #g { background-color: #777777; height: 1px; }
|
||||
.flag #w { background-color: #ffffff; }
|
||||
.flag #b { background-color: #d52b1e; }
|
||||
.flag #r { background-color: #0039a6; }
|
||||
@ -30,18 +26,21 @@ body {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: 1px solid #999;
|
||||
a { color: navy; }
|
||||
|
||||
footer { border-top: 1px solid #999; }
|
||||
|
||||
section { border-bottom: 1px solid #ffffff; }
|
||||
|
||||
.project-item {
|
||||
border-left: 1px solid navy;
|
||||
margin-left: 24px;
|
||||
margin-top: 24px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
section {
|
||||
border-bottom: 1px solid #ffffff;
|
||||
}
|
||||
.project-item h3 { margin-top: 0; }
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-center { text-align: center; }
|
||||
|
||||
.fw-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.fw-bold { font-weight: bold; }
|
||||
@ -1,72 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>.a2s</title>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<link rel="stylesheet" href="/assets/ttf-iosevka-ss05/15.1.0/stylesheet.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="flag">
|
||||
<p id="g"></p>
|
||||
<p id="w"></p>
|
||||
<p id="b"></p>
|
||||
<p id="r"></p>
|
||||
<p id="g"></p>
|
||||
</div>
|
||||
|
||||
<header>
|
||||
<div class="container">
|
||||
<p class="fw-bold text-center">Alexander Popov aka i3k, iiiypuk and other...</p>
|
||||
<p class="text-center"><strong>a2s</strong> — ренкарнация <code>iiiypuk.me</code>.</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="container">
|
||||
<section>
|
||||
<h1>История появления</h1>
|
||||
<p>Жопу жечь начало давно, хотелось обособиться, иметь всё своё.<br>
|
||||
GitHub падали, сайты отключали для списка стран, авторы засирали свои репозитории.</p>
|
||||
<p>Так и появился свой <a href="#">GitHub</a>, <a href="#">CDN</a> и другие сервисы.</p>
|
||||
<p>Да, синдромом <a href="https://ru.wikipedia.org/wiki/Синдром_неприятия_чужой_разработки">фатального недостатка</a> и желанием изобретать вилосипеды я болею давно.</p>
|
||||
|
||||
<nav>
|
||||
<h1>Что можно тут найти?</h1>
|
||||
<ul>
|
||||
<!-- <li><a href="#projects">Список проектов</a></li> -->
|
||||
<li><a href="#blog">Мои заметки и мысли</a></li>
|
||||
<!-- <li><a href="#html">Список дизайнерских наработок</a></li> -->
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<!-- <section>
|
||||
<a name="projects"></a>
|
||||
<h2>Список проектов</h2>
|
||||
</section> -->
|
||||
|
||||
<section>
|
||||
<a name="blog"></a>
|
||||
<h2>Мои заметки и мысли</h2>
|
||||
<p>Свои мысли и заметки я оставляю в <a href="gemini://a2s.su" target="_blank">Gemini</a> капсуле.</p>
|
||||
<p>HTTP зеркало доступно по адресу
|
||||
<a href="//gemini.a2s.su/" target="_blank">https://gemini.a2s.su/</a></p>
|
||||
</section>
|
||||
|
||||
<!-- <section>
|
||||
<a name="html"></a>
|
||||
<h2>Список дизайнерских наработок</h2>
|
||||
</section> -->
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p class="text-center">since 2021, by 2021, 2022</p>
|
||||
<p class="text-center"><a href="//git.a2s.su/iiiypuk/a2s" target="_blank">Git repo</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user