add projects

README.md

@@ -0,0 +1 @@
+**a2s** — ренкарнация iiiypuk.me

src/index.html

@@ -26,24 +26,70 @@
 		<section>
 			<h1>История появления</h1>
 			<p>Жопу жечь начало давно, хотелось обособиться, иметь всё своё.<br>
-			GitHub падали, сайты отключали для списка стран, авторы засирали свои репозитории.</p>
+			GitHub'ы падали, сайты отключали для списка стран, авторы засирали свои репозитории.</p>
-			<p>Так и появился свой <a href="#">GitHub</a>, <a href="#">CDN</a> и другие сервисы.</p>
+			<p>Так и появились свой
-			<p>Да, синдромом <a href="https://ru.wikipedia.org/wiki/Синдром_неприятия_чужой_разработки">фатального недостатка</a> и желанием изобретать вилосипеды я болею давно.</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="#projects">Список проектов</a></li>
 					<li><a href="#blog">Мои заметки и мысли</a></li>
 					<!-- <li><a href="#html">Список дизайнерских наработок</a></li> -->
 				</ul>
 			</nav>
 		</section>
 
-		<!-- <section>
+		<section>
 			<a name="projects"></a>
 			<h2>Список проектов</h2>
-		</section> -->
+			<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>
 			<a name="blog"></a>

src/styles.css

@@ -10,9 +10,7 @@ body {
 	margin: 0;
 }
 
-.flag {
+.flag { margin-bottom: 20px; }
-	margin-bottom: 20px;
-}
 
 .flag p {
 	margin: 0; padding: 0;
@@ -28,18 +26,21 @@ body {
 	margin: 0 auto;
 }
 
-footer {
+a { color: navy; }
-	border-top: 1px solid #999;
+
+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 {
+.project-item h3 { margin-top: 0; }
-	border-bottom: 1px solid #ffffff;
-}
 
-.text-center {
+.text-center { text-align: center; }
-	text-align: center;
-}
 
-.fw-bold {
+.fw-bold { font-weight: bold; }
-	font-weight: bold;
-}