diff --git a/CNAME b/CNAME
index 3db230d..6929c4d 100644
--- a/CNAME
+++ b/CNAME
@@ -1 +1 @@
-quadcopter.lol
\ No newline at end of file
+quadcopter.dev
\ No newline at end of file
diff --git a/img/gh.svg b/img/gh.svg
new file mode 100644
index 0000000..bc3b562
--- /dev/null
+++ b/img/gh.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="black"/></svg>
\ No newline at end of file
diff --git a/img/tg.svg b/img/tg.svg
new file mode 100644
index 0000000..62cef3b
--- /dev/null
+++ b/img/tg.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 54 54" style="enable-background:new 0 0 54 54;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+</style>
+<g>
+	<rect x="-0.2" y="0.1" class="st0" width="53.8" height="53.4"/>
+	<path d="M49.7,16.5c1.3,3.1,2,6.3,2,9.7s-0.7,6.6-2,9.7c-1.3,3.1-3.1,5.7-5.3,8c-2.2,2.2-4.9,4-8,5.3c-3.1,1.3-6.3,2-9.7,2
+		c-3.4,0-6.6-0.7-9.7-2s-5.7-3.1-8-5.3c-2.2-2.2-4-4.9-5.3-8c-1.3-3.1-2-6.3-2-9.7s0.7-6.6,2-9.7c1.3-3.1,3.1-5.7,5.3-8
+		c2.2-2.2,4.9-4,8-5.3s6.3-2,9.7-2c3.4,0,6.6,0.7,9.7,2c3.1,1.3,5.7,3.1,8,5.3C46.6,10.8,48.3,13.5,49.7,16.5z M34.8,37.7l4.1-19.3
+		c0.2-0.8,0.1-1.4-0.3-1.8c-0.4-0.4-0.8-0.4-1.4-0.2l-24.1,9.3c-0.5,0.2-0.9,0.4-1.1,0.7c-0.2,0.3-0.2,0.5-0.1,0.7
+		c0.1,0.2,0.4,0.4,0.9,0.5l6.2,1.9l14.3-9c0.4-0.3,0.7-0.3,0.9-0.2c0.1,0.1,0.1,0.2-0.1,0.4L22.5,31.3L22,37.7
+		c0.4,0,0.8-0.2,1.3-0.6l3-2.9l6.2,4.6C33.8,39.5,34.5,39.1,34.8,37.7z"/>
+</g>
+</svg>
diff --git a/index.html b/index.html
index 016dc38..21cd92b 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 	<head>
+		<title>Flix — разработка квадрокоптера с нуля</title>
 		<style>
 			body {
 				display: flex;
@@ -8,19 +9,65 @@
 				align-items: center;
 				background: #d9d9d7;
 				height: 100vh;
+				font-family: Helvetica, sans-serif;
+				font-size: 22px;
+				margin: 0;
+				padding: 0;
 			}
-			a {
-				width: 60%;
+			article {
+				max-width: 800px;
+				text-align: center;
 			}
-			img {
+			img.logo {
+				margin-top: -100px;
 				max-width: 100%;
 			}
+			.github {
+				background-image: url(img/tg.svg);
+				background-repeat: no-repeat;
+				background-position: left center;
+				background-size: auto 30px;
+				padding-left: 40px;
+				vertical-align: middle;
+			}
+			a {
+				color: black;
+			}
+			a:hover {
+				color: rgb(42, 45, 183);
+			}
+			.links {
+				display: inline-block;
+				list-style-type: none;
+				margin: 0;
+				padding: 0;
+				line-height: 50px;
+			}
+			.links li {
+				display: flex;
+				align-items: center;
+			}
+			.links li img {
+				height: 30px;
+				margin-right: 10px;
+				opacity: 0.2;
+			}
 		</style>
-		<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(96643175, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/96643175" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
+		<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(97589916, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/97589916" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
 	</head>
 	<body>
-		<a href="https://github.com/okalachev/flix">
-			<img src="img/flix.jpg">
-		</a>
+		<article>
+			<img class="logo" src="img/flix.jpg" alt="Flix, версия 0 (прототип)" title="Flix, версия 0 (прототип)">
+			<ul class="links">
+				<li>
+					<img src="img/gh.svg">
+					GitHub:&nbsp;<a href="https://github.com/okalachev/flix">github.com/okalachev/flix</a>.
+				</li>
+				<li>
+					<img src="img/tg.svg">
+					Telegram-канал:&nbsp;<a href="https://t.me/opensourcequadcopter">@opensourcequadcopter</a>.
+				</li>
+			</ul>
+		</article>
 	</body>
 </html>
