Merge pull request #1 from Dm1tr1y147/react-version

React version
2020-03-31 13:51:21 +05:00 · 2020-03-31 13:51:21 +05:00 · 023301fae9
commit 023301fae9
parent 0a60a13d32 353a9c4981
128 changed files with 12005 additions and 1496 deletions
--- a/.env
+++ b/.env
@ -0,0 +1 @@
+REACT_APP_API_URL=https://dmitriy.icu:433
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
--- a/.htaccess
+++ b/.htaccess
@ -1,35 +0,0 @@
-AddDefaultCharset utf-8
-ErrorDocument 403 /403.html
-ErrorDocument 404 /404.html
-<ifModule mod_headers.c>
-
-Header set Content-Security-Policy "default-src 'self'; script-src * 'self' 'unsafe-inline'; style-src * 'self' 'unsafe-inline'; img-src * 'self'; font-src * 'self'; connect-src * 'self'; media-src * 'self'; object-src * 'self'; child-src * 'self'; frame-src * 'self'; frame-ancestors * 'self'; form-action * 'self'"
-
-</IfModule>
-<IfModule mod_deflate.c>
-AddOutputFilterByType DEFLATE text/html
-AddOutputFilterByType DEFLATE text/css
-AddOutputFilterByType DEFLATE text/javascript
-AddOutputFilterByType DEFLATE text/xml
-AddOutputFilterByType DEFLATE text/plain
-AddOutputFilterByType DEFLATE image/x-icon
-AddOutputFilterByType DEFLATE image/svg+xml
-AddOutputFilterByType DEFLATE application/rss+xml
-AddOutputFilterByType DEFLATE application/javascript
-AddOutputFilterByType DEFLATE application/x-javascript
-AddOutputFilterByType DEFLATE application/xml
-AddOutputFilterByType DEFLATE application/xhtml+xml
-AddOutputFilterByType DEFLATE application/x-font
-AddOutputFilterByType DEFLATE application/x-font-truetype
-AddOutputFilterByType DEFLATE application/x-font-ttf
-AddOutputFilterByType DEFLATE application/x-font-otf
-AddOutputFilterByType DEFLATE application/x-font-opentype
-AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
-AddOutputFilterByType DEFLATE font/ttf
-AddOutputFilterByType DEFLATE font/otf
-AddOutputFilterByType DEFLATE font/opentype
-# For Olders Browsers Which Can't Handle Compression
-BrowserMatch ^Mozilla/4 gzip-only-text/html
-BrowserMatch ^Mozilla/4\.0[678] no-gzip
-BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
-</IfModule>
--- a/.nojekyll
+++ b/.nojekyll
@ -1 +0,0 @@
-
--- a/403.html
+++ b/403.html
@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name='viewport' content='width=device-width, user-scalable=no", minimum-scale=1, maximum-scale=1", initial-scale=1, viewport-fit=cover'>
-	<link rel="shortcut icon" type="image/png" href="/images/favicon.png"/>
-	<link rel="stylesheet" href="/main.css">
-	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-	<title>403 Error</title>
-</head>
-<body>
-	<h1>403</h1>
-	<h2>Access to this resource on the server is denied</h2>
-	<h3>Go to the <a href="/">Home page</a></h3>
-</body>
-</html>
--- a/404.html
+++ b/404.html
@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name='viewport' content='width=device-width, user-scalable=no", minimum-scale=1, maximum-scale=1", initial-scale=1, viewport-fit=cover'>
-	<link rel="shortcut icon" type="image/png" href="/images/favicon.png"/>
-	<link rel="stylesheet" href="/main.css">
-	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-	<title>404 Error</title>
-</head>
-<body>
-	<h1>404</h1>
-	<h2>The Page you are looking for doesn't exist or another error occurred.</h2>
-	<h3>Go to the <a href="/">Home page</a></h3>
-</body>
-</html>
--- a/README.md
+++ b/README.md
@ -1 +1,3 @@
-# dmitriy.icu
+Here I save source code of my personal site. Enjoy looking it through.
+To run the code use 
+`yarn start`
--- a/bg.jpeg
+++ b/bg.jpeg
--- a/fonts.css
+++ b/fonts.css
@ -1,63 +0,0 @@
-/* hebrew */
-@font-face {
-  font-family: 'Assistant';
-  font-style: normal;
-  font-weight: 300;
-  font-display: auto;
-  src: local('Assistant Light'), local('Assistant-Light'), url(https://fonts.gstatic.com/s/assistant/v3/2sDZZGJYnIjSi6H75xk7w0esBp0YXCg.woff2) format('woff2');
-  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
-}
-/* latin */
-@font-face {
-  font-family: 'Assistant';
-  font-style: normal;
-  font-weight: 300;
-  font-display: auto;
-  src: local('Assistant Light'), local('Assistant-Light'), url(https://fonts.gstatic.com/s/assistant/v3/2sDZZGJYnIjSi6H75xk7w0esBJ0Y.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* hebrew */
-@font-face {
-  font-family: 'Assistant';
-  font-style: normal;
-  font-weight: 400;
-  font-display: auto;
-  src: local('Assistant'), local('Assistant-Regular'), url(https://fonts.gstatic.com/s/assistant/v3/2sDcZGJYnIjSi6H75xkzamW5O7w.woff2) format('woff2');
-  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
-}
-/* latin */
-@font-face {
-  font-family: 'Assistant';
-  font-style: normal;
-  font-weight: 400;
-  font-display: auto;
-  src: local('Assistant'), local('Assistant-Regular'), url(https://fonts.gstatic.com/s/assistant/v3/2sDcZGJYnIjSi6H75xkzaGW5.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  font-display: auto;
-  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v13/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v13/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
-  font-display: auto;
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: 'Wire One';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Wire One'), local('WireOne'), url(https://fonts.gstatic.com/s/wireone/v9/qFdH35Wah5htUhV75VGlU9s.woff2) format('woff2');
-  font-display: auto;
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
--- a/gallery/index.html
+++ b/gallery/index.html
@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Gallery</title>
-	<link rel="stylesheet" href="main.css">
-	<link rel='shortcut icon' type='image/x-icon' href='../fave.ico' />
-
-</head>
-<body>
-	<nav>
-		<a href="../index.html" id="logo"><img src="../logo.svg" alt="Logotype"></a>
-		<button class="nav-toggle" title="Open menu">
-		<button class="nav-toggle">
-    		<span class="bar-top"></span>
-    		<span class="bar-mid"></span>
-    		<span class="bar-bot"></span>
-  		</button>
-		<ul>
-			<li><a href="../index.html">Home</a></li>
-			<li><a href="#">Gallery</a></li>
-			<li id="galactikka"><a href="https://galactikka.com/146568">Galactikka</a></li>
-		</ul>
-	</nav>
-	<header>
-		<h1>Gallery</h1>
-	</header>
-	<main>
-		<img src="pic/2.jpg" alt="">
-		<img src="pic/1.jpg" alt="">
-		<img src="pic/3.jpeg" alt="">
-		<img src="pic/4.jpeg" alt="">
-		<img src="pic/5.jpg" alt="">
-		<img src="pic/6.jpeg" alt="">
-		<img src="pic/7.jpg" alt="">
-		<img src="pic/8.jpeg" alt="">
-		<img src="pic/9.jpg" alt="">
-		<img src="pic/10.jpg" alt="">
-		<img src="pic/11.jpg" alt="">
-		<img src="pic/12.jpg" alt="">
-		<img src="pic/13.jpg" alt="">
-		<img src="pic/15.jpg" alt="">
-		<img src="pic/14.jpeg" alt="">
-		<img src="pic/16.jpeg" alt="">
-		<img src="pic/17.jpg" alt="">
-		<img src="pic/18.jpg" alt="">
-	</main>
-	<footer>
-		<address>
-			<a href="https://www.google.ru/maps/place/Ulitsa+3+Mikrorayon,+7,+Beloyarsky,+Khanty-Mansiyskiy+avtonomnyy+okrug,+628176/@63.7204133,66.6610309,17z/data=!3m1!4b1!4m5!3m4!1s0x43823c79180321a3:0x7c339f5ac5e57cca!8m2!3d63.7204133!4d66.6632196"><span id="address"><span id="street">Ulitsa 3 Mikrorayon</span>, <span id="house">7</span>, <span id="town">Beloyarsky</span>, <span id="area">Khanty-Mansiysk Autonomous Region</span>, <span id="country">Russia</span> </span></a>
-			<a href="tel:+79044825152" id="phone">+7 (904) 482-51-52</a>
-			<a href="tel:+375299817785" id="phone">+375 (299) 81-77-85</a>
-			<a href="mailto:me@dmitriy.icu" id="email">me@dmitriy.icu</a>
-		</address>
-		<ul id="social">
-			<li><a href="https://vk.com/dsh147">VK</a></li>
-			<li><a href="https://instagram.com/i.have.no.camera/">Instagram: @i.have.no.camera</a></li>
-			<li><a href="https://t.me/dsh147">Telegram</a></li>
-		</ul>
-		<a href="#top" id="totop" title="Go to top"><i></i></a>
-		<a href="#top" id="totop"><i></i></a>
-	</footer>
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
-	<script type="text/javascript" src="../main.js"></script>
-</body>
-</html>
--- a/gallery/main.css
+++ b/gallery/main.css
@ -1,298 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Wire+One|Assistant:300,400|Raleway');
-@-webkit-keyframes showen {
-    from {
-    	opacity: 0;
-    	--webkit-backdrop-filter: blur(0);
-
-    }
-    to {
-      	opacity: 1;
-		--webkit-backdrop-filter: blur(2em);
-    }
-}  
-@keyframes showen {
-    from {
-    	opacity: 0;
-		backdrop-filter: blur(0);
-    }
-    to {
-    	opacity: 1;
-		backdrop-filter: blur(2em);
-    }
-}
-* {
-	margin: 0;
-	padding: 0;
-	color: #282627;
-	box-sizing: border-box;
-	-ms-overflow-style: none;
-	overflow: -moz-scrollbars-none;
-	-moz-appearance: menuimage;
-	font-style: normal;
-	scrollbar-width: none;
-}
-*::-webkit-scrollbar { 
-    display: none; 
-}
-
-
-body {
-	overflow-x: hidden;
-	width: 100vw;
-	overflow-x: hidden;
-	scroll-behavior: smooth;
-
-}
-a,p,span {
-	font-size: 3vh;
-	font-family: 'Assistant', sans-serif;
-	font-weight: 300;
-	text-decoration: none;
-}
-li {
-	list-style-type: none;
-}
-
-nav {
-	height: 10vh;
-	width: 100vw;
-	background-color: #fff;
-	display: flex;
-	padding: 2vh 7.5vh;
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 1000;
-	transition: box-shadow 0.5s ease-in-out;
-}
-nav#shadow {
-        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
-}
-#logo {
-	display: block;
-	height: 6vh;
-}
-#logo img {
-	height: 6vh;
-}
-.nav-toggle {
-	display: none;
-}
-nav ul {
-	display: flex;
-	position: fixed;
-	right: 7.5vh;
-	transition: all .7s ease-in-out;
-}
-nav ul li {
-	display: block;
-}
-nav li a {
-	padding: 0 2vh;
-	display: block;
-	line-height: 6vh;
-}
-#galactikka {
-	background-image: url(../galactikka.jpg);
-	border-radius: 200em;
-	background-size: cover;
-}
-#galactikka a {
-	color: #fff;
-}
-
-main {
-	min-height: 100vh;
-	padding: 10vh 10vw;
-	display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	grid-gap: 3vh;
-	align-items: end;
-}
-header {
-	display: flex;
-	width: 100vw;
-	padding: 10vh;
-	padding-top: 20vh;
-	justify-content: center;
-}
-header h1 {
-	font-size: 15vh;
-	font-family: 'Wire One', sans-serif;
-	font-weight: 400;
-}
-main img {
-	width: 100%;
-	transition: all 1s ease;
-}
-main img:hover {
-	-webkit-filter: contrast(75%) brightness(120%);
-	filter: contrast(75%) brightness(120%);
-	cursor: pointer;
-}
-
-#popup, #popupBg {
-	position: fixed;
-	top: 0;
-	left: 0;
-	height: 100vh;
-	width: 100vw;
-	justify-content: center;
-	align-items: center;
-}
-#popup {
-	z-index: 1001;
-	display: none;
-}
-#popupBg {
-	z-index: 1005;
-	background-color: #fff;
-}
-#popupImg {
-	max-width: 100vw;
-	max-height: 100vh;
-	z-index: 1006;
-}
-
-
-footer {
-	position: relative;
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	padding: 10vh;
-	background-color: #f8f8f8;
-	box-shadow: inset 0 3px 6px -2px rgba(32,33,36,0.28);
-}
-address, #social {
-	display: grid;
-}
-li li {
-	padding-left: 2vh;
-}
-#social a {
-	font-weight: 400;
-	font-style: italic;
-}
-#totop {
-	position: absolute;
-	bottom: 10vh;
-	right: 10vh;
-}
-#totop i {
-	border: solid #282627;
-  	border-width: 0 .7vh .7vh 0;
-  	display: inline-block;
-  	padding: 1.5vh;
-  	transform: rotate(-135deg);
-    -webkit-transform: rotate(-135deg);
-}
-
-@media screen and (max-device-aspect-ratio: 3/4) {
-.overflowhidden {
-	overflow: hidden;
-}
-nav {
-	padding: 2vh 5vh;
-}
-.nav-toggle {
-	display: block;
-  	position: absolute;
-  	background: transparent;
-  	border: transparent;
-  	right: 5vh;
-  	height: 2.7vh;
-  	top: calc(50% - 1.35vh);
-  	z-index: 1000;
-}
-
-.nav-toggle:focus {
- 	outline-width: 0;
-}
-
-.nav-toggle [class*='bar-'] {
-  	background: #282627;
-  	display: block;
-  	-webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  	-webkit-transition: .2s ease all;
-    transition: .2s ease all;
-    border-radius: 200em;
-    height: .5vh;
-    width: 4vh;
-    margin-bottom: .6vh;
-}
-
-.nav-toggle .bar-bot {
-  	margin-bottom: 0;
-}
-
-.opened .bar-top {
-  	-webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-  	-webkit-transform-origin: 15% 15%;
-    transform-origin: 5% 20%;
-}
-.opened .bar-mid {
-  	opacity: 0;
-}
-.opened .bar-bot {
-  	-webkit-transform: rotate(45deg);
-    transform: rotate(-45deg);
-  	-webkit-transform-origin: 15% 95%;
-    transform-origin: 15% 100%;
-}
-nav ul {
-	width: 100vw;
-	overflow: hidden;
-	right: 0;
-	top: 0;
-	height: 100vh;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	z-index: 1;
-	display: none;
-}
-nav ul li {
-	padding: 1vh;
-	margin: 1vh;
-	min-width: 50vw;
-}
-nav ul li a {
-	width: inherit;
-	text-align: justify;
-	font-size: 5vh;
-}
-.showen {
-	display: flex;
-	background-color: rgba(255, 255, 255, .9);
-}
-
-main {
-	grid-template-columns: 1fr;
-	padding: 10vh 0;
-}
-
-footer {
-	grid-template-columns: 1fr;
-	height: 100vh;
-	align-content: center;
-	grid-gap: 5vh;
-	padding: 7vh;
-	padding-top: 3.5vh;
-}
-#totop {
-	right: calc(50% - 1.5vh);
-	bottom: 7vh;
-}
-}
-
-@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
-  .showen {
-    background-color: unset;
-    -webkit-backdrop-filter: blur(2em);
-    backdrop-filter: blur(2em);
-	-webkit-animation: showen 1s;
-    animation: showen 1s;
-  }
-}
--- a/gallery/pic/1.jpg
+++ b/gallery/pic/1.jpg
--- a/gallery/pic/10.jpg
+++ b/gallery/pic/10.jpg
--- a/gallery/pic/10b.jpg
+++ b/gallery/pic/10b.jpg
--- a/gallery/pic/11.jpg
+++ b/gallery/pic/11.jpg
--- a/gallery/pic/11b.jpg
+++ b/gallery/pic/11b.jpg
--- a/gallery/pic/12.jpg
+++ b/gallery/pic/12.jpg
--- a/gallery/pic/12b.jpg
+++ b/gallery/pic/12b.jpg
--- a/gallery/pic/13.jpg
+++ b/gallery/pic/13.jpg
--- a/gallery/pic/13b.jpg
+++ b/gallery/pic/13b.jpg
--- a/gallery/pic/14.jpeg
+++ b/gallery/pic/14.jpeg
--- a/gallery/pic/14b.jpeg
+++ b/gallery/pic/14b.jpeg
--- a/gallery/pic/15.jpg
+++ b/gallery/pic/15.jpg
--- a/gallery/pic/15b.jpg
+++ b/gallery/pic/15b.jpg
--- a/gallery/pic/16.jpeg
+++ b/gallery/pic/16.jpeg
--- a/gallery/pic/16b.jpeg
+++ b/gallery/pic/16b.jpeg
--- a/gallery/pic/17.jpg
+++ b/gallery/pic/17.jpg
--- a/gallery/pic/17b.jpg
+++ b/gallery/pic/17b.jpg
--- a/gallery/pic/18.jpg
+++ b/gallery/pic/18.jpg
--- a/gallery/pic/18b.jpg
+++ b/gallery/pic/18b.jpg
--- a/gallery/pic/1b.jpg
+++ b/gallery/pic/1b.jpg
--- a/gallery/pic/2.jpg
+++ b/gallery/pic/2.jpg
--- a/gallery/pic/2b.jpg
+++ b/gallery/pic/2b.jpg
--- a/gallery/pic/3.jpeg
+++ b/gallery/pic/3.jpeg
--- a/gallery/pic/3b.jpeg
+++ b/gallery/pic/3b.jpeg
--- a/gallery/pic/4.jpeg
+++ b/gallery/pic/4.jpeg
--- a/gallery/pic/4b.jpeg
+++ b/gallery/pic/4b.jpeg
--- a/gallery/pic/5.jpg
+++ b/gallery/pic/5.jpg
--- a/gallery/pic/5b.jpg
+++ b/gallery/pic/5b.jpg
--- a/gallery/pic/6.jpeg
+++ b/gallery/pic/6.jpeg
--- a/gallery/pic/6b.jpeg
+++ b/gallery/pic/6b.jpeg
--- a/gallery/pic/7.jpg
+++ b/gallery/pic/7.jpg
--- a/gallery/pic/7b.jpg
+++ b/gallery/pic/7b.jpg
--- a/gallery/pic/8.jpeg
+++ b/gallery/pic/8.jpeg
--- a/gallery/pic/8b.jpeg
+++ b/gallery/pic/8b.jpeg
--- a/gallery/pic/9.jpg
+++ b/gallery/pic/9.jpg
--- a/gallery/pic/9b.jpg
+++ b/gallery/pic/9b.jpg
--- a/house/arrow.svg
+++ b/house/arrow.svg
@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 612.004 612.004" style="enable-background:new 0 0 612.004 612.004;" xml:space="preserve" width="32px" height="32px">
-<g>
-	<g>
-		<path d="M499.147,160.094L330.222,329.019c-6.472,6.472-15.075,10.035-24.223,10.035c-9.146,0-17.749-3.561-24.218-10.035    L112.854,160.094c-25.822-25.817-67.674-25.817-93.491,0c-25.817,25.819-25.817,67.674,0,93.491L188.29,422.508    c31.443,31.445,73.245,48.764,117.712,48.764s86.269-17.319,117.714-48.761l168.925-168.925c25.817-25.817,25.817-67.674,0-93.491    C566.822,134.277,524.962,134.277,499.147,160.094z" fill="#415a6b"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
--- a/house/circle.svg
+++ b/house/circle.svg
@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 453.689 453.689" style="enable-background:new 0 0 453.689 453.689;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M231.245,16.365c-9.744,0-19.646,0.582-29.551,1.737c-4.649,0.592-9.272,1.285-13.729,2.049    c-2.869,0.442-5.512,1.29-7.894,2.511c-93.32,12.423-164.763,82.37-178.08,174.695C-14.323,310.471,71.365,417.058,193,434.952    c10.694,1.574,21.703,2.372,32.717,2.372c0.005,0,0,0,0.01,0c111.657,0,208.656-75.921,225.617-176.597    c9.78-58.016-11.34-121.679-57.93-174.67C353.899,41.115,296.299,16.365,231.245,16.365z M244.331,68.285    c43.407,3.062,81.091,21.048,112.071,53.506c36.444,38.182,52.704,91.861,42.432,140.084    c-13.065,61.383-77.612,123.521-175.675,123.521c-11.382,0-22.589-0.99-33.299-2.96c-90.146-16.539-151.098-99.701-135.874-185.4    c13.062-73.488,77.733-124.812,157.285-124.812c5.367,0,10.821,0.241,16.204,0.718C234.099,73.525,239.776,71.847,244.331,68.285z    " fill="#415a6b"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
--- a/house/house.ico
+++ b/house/house.ico
--- a/house/house.svg
+++ b/house/house.svg
@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512px" height="512px">
-<rect x="382.933" y="73.6" style="fill:#F05540;" width="58.667" height="102.4"/>
-<rect x="360.533" y="21.333" style="fill:#F3705A;" width="103.467" height="55.467"/>
-<path style="fill:#FFD15C;" d="M44.8,276.267V512h418.133V276.267c-82.133-82.133-128-128-209.067-209.067l0,0  C172.8,149.333,126.933,195.2,44.8,276.267z"/>
-<path style="fill:#F7B64C;" d="M464,276.267c-82.133-82.133-128-128-209.067-209.067c-41.6,40.533-73.6,72.533-105.6,104.533  s-64,64-104.533,104.533v48c82.133-82.133,128-128,209.067-209.067c82.133,82.133,128,128,209.067,209.067v6.4l0,0v-54.4H464z"/>
-<path style="fill:#415A6B;" d="M216.533,512H90.667V388.267c0-35.2,28.8-62.933,62.933-62.933l0,0c35.2,0,62.933,28.8,62.933,62.933  V512z"/>
-<rect x="253.867" y="325.333" style="fill:#344A5E;" width="164.267" height="144"/>
-<g>
-	<rect x="270.933" y="342.4" style="fill:#8AD7F8;" width="56.533" height="109.867"/>
-	<rect x="344.533" y="342.4" style="fill:#8AD7F8;" width="56.533" height="109.867"/>
-</g>
-<path style="fill:#F3705A;" d="M502.4,232.533L279.467,9.6c-12.8-12.8-35.2-12.8-48,0L9.6,232.533c-12.8,12.8-12.8,35.2,0,48  c12.8,12.8,35.2,12.8,48,0L256,82.133l198.4,198.4c12.8,12.8,35.2,12.8,48,0C515.2,266.667,515.2,245.333,502.4,232.533z"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
--- a/house/index.html
+++ b/house/index.html
@ -1,91 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<title>Not free houses, be ready to buy!</title>
-	<link href="https://fonts.googleapis.com/css?family=Concert+One|Lato" rel="stylesheet">
-	<link rel="stylesheet" href="main.css">
-	<link href="house.ico" rel="icon" type="image/x-icon" />
-</head>
-<body>
-	<nav>
-		<ul>
-			<li id="logo"><button><img src="house.svg"></button></li>
-			<li><a href="#intro" class="link">Intro</a></li>
-			<li><a href="#articles" class="link">Articles</a></li>
-			<li><a href="#pricing" class="link">Pricing</a></li>
-			<li><a href="#contacts" class="link">Contacts</a></li>
-		</ul>
-	</nav>
-	<header id="intro">
-		<div><h1>Hello, do you wanna have your own flat?</h1>
-		<h2>We know, you do. You're lucky, because here we can sell you the house of your dreams</h2></div>
-		<a href="#articles" class="link"><img src="arrow.svg" alt="scroll down to see more"></a>
-	</header>
-	<main id="articles">
-		<article>
-			<h1>Are you ready?</h1>
-			<p>Hello. Nice to see you here. Most likely, you live with your parents or rent a small flat in underbelly. It's time to change it. Have you ever dreamed to have your own large, spacious apartment in the center of your city? We can help you to realize your dream. Just look at our catalog and find your best place for living. We have the best price-quality ratio for every budget. After you chose, just call one of our operators and we will we will start processing of all documents.</p>
-		</article>
-		<article>
-			<h1>New Year — New Discounts</h1>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-		</article>
-		<article>
-			<h1>We have been opened</h1>
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-		</article>
-		<article id="pricing">
-			<ul>
-				<li>
-					<img src="triangle.svg" />
-					<h2>Lite</h2>
-					<h3>$30000</h3>
-					<ul>
-						<li>Little flat</li>
-						<li>Necessary amenities</li>
-					</ul>
-				</li>
-				<li>
-					<img src="square.svg" />
-					<h2>Medium</h2>
-					<h3>$500000</h3>
-					<ul>
-						<li>Nice houce</li>
-						<li>Garage</li>
-						<li>Little garden</li>
-					</ul>
-				</li>
-				<li>
-					<img src="circle.svg" />
-					<h2>Prime</h2>
-					<h3>$1000000</h3>
-					<ul>
-						<li>Big cottage</li>
-						<li>Two grounds</li>
-						<li>Jacuzzi</li>
-						<li>Two garages</li>
-					</ul>
-				</li>
-			</ul>
-		</article>
-	</main>
-	<footer id="contacts">
-		<address><a href="https://www.google.ru/maps/place/Wyandotte,+MI+48192/@42.203647,-83.1901824,13z/data=!3m1!4b1!4m8!1m2!2m1!1s82+Oak+Meadow+Lane+Wyandotte,+MI+48192!3m4!1s0x883b30ca764d1d3d:0x2e0d7dd45fc6683b!8m2!3d42.204837!4d-83.15954">82 Oak Meadow Lane Wyandotte, MI 48192</a></address>
-		<a href="tel:14686058205">+1 (468) 605-8205</a>
-		<a href="mailto:meder@sbcglobal.net">meder@sbcglobal.net</a>
-	</footer>
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-	<script type="text/javascript" src="main.js"></script>
-</body>
-</html>
--- a/house/main.css
+++ b/house/main.css
@ -1,222 +0,0 @@
-* {
-	margin: 0;
-	padding: 0;
-	box-sizing: border-box;
-	color: #415a6b;
-	font-family: 'Lato', sans-serif;
-	font-size: 3vmin;
-	transition: all .5s ease;
-}
-*::-webkit-scrollbar {
-	display: none;
-}
-nav ul {
-	display: flex;
-	align-items: center;
-	padding: 0 4vh;
-	position: fixed;
-	top: 2vh;
-	left: 2vh;
-	height: 8vh;
-	background-color: #8ad7f8;
-	z-index: 1000;
-	border-radius: 200em;
-	max-width: calc(100vw - 4vh);
-}
-li {
-	list-style-type: none;
-}
-nav li {
-	padding: 2vh;
-}
-a {
-	text-decoration: none;
-}
-button {
-	background-color: transparent;
-    border: none;
-}
-#logo img {
-	height: 6vh;
-}
-header {
-	background-color: #8ad7f8;
-	height: 100vh;
-	padding-top: 10vh;
-	display: flex;
-	align-items: center;
-	background-size: auto 80vh;
-	background-position: right 7.5vh bottom;
-	background-repeat: no-repeat;
-	background-image: url(house.svg)
-}
-header div {
-	width: 75vw;
-	padding: calc(13vw - 10vh) 18vw 13vw 6vw;
-}
-h1,h2 {
-	font-family: 'Concert One', cursive;
-}
-header h1 {
-	font-size: 10vmin;
-}
-header h2 {
-	font-size: 6vmin;
-	max-width: 40vw;
-}
-header img {
-	position: absolute;
-	top: 87.5vh;
-	left: 46.25vw;
-	height: 7.5vh;
-	width: 7.5vw;
-}
-
-main {
-	background-color: #ffd15c;
-	display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	grid-gap: 10vh;
-	padding: 10vh;
-	min-height: 100vh;
-	align-items: end;
-}
-article h1 {
-	font-size: 8vmin;
-	margin-bottom: 5vh;
-}
-
-#pricing {
-	grid-column: 1 / span 3;
-	margin-top: -10vh;
-    padding-top: 10vh;
-    min-height: 90vh;
-}
-#pricing > ul {
-	display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	grid-gap: 10vh;
-}
-#pricing > ul > li {
-	border-radius: 5vh;
-	background-color: #f7b64c;
-	min-height: 75vh;
-	display: grid;
-	justify-content: center;
-	align-content: center;
-	max-width: 50vw;
-}
-#pricing h2, #pricing img, #pricing h3 {
-	text-align: center;
-	padding: 1vh;
-}
-#pricing h2 {
-	font-size: 8vmin;
-}
-#pricing img {
-	height: 10vh;
-	margin: 0 auto;
-}
-#pricing h3 {
-	font-size: 5vmin;
-}
-#pricing ul ul {
-	margin: 1vh;
-}
-#pricing ul ul li {
-	list-style-type: circle;
-	list-style-position: inside;
-}
-
-footer {
-	background-color: #f3705a;
-	padding: 10vh;
-	display: grid;
-	grid-gap: 1vh;
-	grid-template-columns: auto auto auto;
-}
-footer * {
-	color: #344a5e;
-}
-@media screen and (max-device-aspect-ratio: 8/5) {
-	header img {
-		left: 6vw;
-		width: auto;
-	}
-	footer {
-		grid-template-columns: 1fr;
-	}
-	#pricing > ul {
-		grid-template-columns: 1fr;
-		justify-items: center;
-	}
-	#pricing > ul > li {
-		width: 50vw;
-	}
-}
-@media screen and (max-device-aspect-ratio: 4/3) {
-	header div {
-		width: 100vw;
-		padding-left: 13vw;
-		padding-right: 13vw;
-	}
-	header h2 {
-		max-width: 100%;		
-	}
-	header img {
-		left: 13vw;
-	}
-	main {
-		grid-template-columns: 1fr;
-	}
-	#pricing {
-		grid-column: 1 / span 1;
-	}
-}
-@media screen and (orientation: portrait) {
-	header img {
-		left: auto;
-		right: 13vw;
-	}
-	#pricing > ul > li {
-		width: calc(100vw - 20vh);
-		max-width: calc(100vw - 20vh);
-	}
-	nav ul {
-		width: calc(100vw - 4vh);
-		justify-content: space-between;
-	}
-	footer * {
-		text-align: center;
-	}
-}
-@media screen and (max-device-aspect-ratio: 2/3) {
-	* {
-		font-size: 3vmax;
-	}
-	nav ul {
-		flex-direction: column;
-	}
-	.opened ul {
-		height: auto;
-		border-radius: 5vh;
-	}
-	nav li {
-		padding: 3.5vh;
-	}
-	#logo {
-		padding: 1vh;
-		height: 8vh !important;
-	}
-	nav .link {
-		display: block;
-		height: 0;
-		overflow: hidden;
-	}
-	.opened .link {
-		height: auto;
-	}
-	nav a {
-		font-size: 3vmax;
-	}
-}
--- a/house/main.js
+++ b/house/main.js
@ -1,15 +0,0 @@
-$(function() {
-	$('#logo').click(function() {
-		$('nav').toggleClass('opened')
-	});
-	$(".link").click(function (event) {
-		event.preventDefault();
-		var id  = $(this).attr('href'),
-			top = $(id).offset().top,
-			time = Math.abs(window.pageYOffset - top) * 2;
-		if(window.innerHeight > window.innerWidth){
-    		time = 1500;
-		}
-		$('body,html').animate({scrollTop: top}, time);
-	});
-});
--- a/house/square.svg
+++ b/house/square.svg
@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 414.951 414.951" style="enable-background:new 0 0 414.951 414.951;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M409.275,40.212l-0.015-3.093c-0.016-1.727-0.219-3.433-0.609-5.18c-1.387-11.913-10.71-20.913-22.628-21.617    c-10.115-0.597-63.378-1.158-130.818-1.866C164.814,7.499,41.021,6.194,27.091,4.526c-4.331-0.531-8.097,0.051-11.669,1.559    C4.992,9.31-1.101,18.711,0.166,29.901C2.74,52.587,4.342,356.907,3.037,383.013c-0.261,5.099,0.973,9.877,3.567,13.894    c4.004,7.216,11.298,11.766,19.712,12.223c25.766,1.401,348.164,1.483,361.875,1.488h0.005c6.129,0,11.725-2.144,15.985-6.073    c8.146-5.505,12.177-15,10.323-24.74C412.312,368.008,410.255,234.711,409.275,40.212z M49.737,54.12    c29.879,0.724,99.939,1.333,190.549,2.062c50.606,0.409,99.025,0.795,121.282,1.148c0.076,9.666,0.173,24.128,0.289,41.469    c0.899,134.201,1.742,228.112,2.92,263.78l-7.713-0.01c-168.45-0.173-270.928-0.422-305.689-0.736    C51.524,307.555,50.928,111.085,49.737,54.12z" fill="#415a6b"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
--- a/house/triangle.svg
+++ b/house/triangle.svg
@ -1,40 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 415.155 415.154" style="enable-background:new 0 0 415.155 415.154;" xml:space="preserve">
-<g>
-	<g>
-		<path d="M414.505,357.34c-30.336-118.434-94.689-225.955-169.777-321.316c-4.22-5.36-9.369-6.889-14.208-6.025    c-2.575-0.37-5.149-0.599-7.76-0.604c-5.859-0.005-11.1,2.927-14.444,7.343c-0.785,0.576-1.572,1.145-2.326,1.886    C119.701,124.187,42.602,223.84,1.117,339.141c-1.346,3.747-1.384,7.089-0.602,10.019c0.109,6.87,0.632,13.66,1.902,20.47    c1.597,8.576,10.786,13.786,19.058,13.243c0.376,0.021,0.704,0.111,1.092,0.111c109.187,0,218.297,5.81,327.454,0.625    c7.322-0.351,20.245,1.493,32.661,1.447c16.696-0.062,32.474-3.524,32.474-20.271c0-0.482-0.111-0.944-0.147-1.411    C415.129,361.474,415.053,359.493,414.505,357.34z M37.044,346.666C75.563,241.055,146.995,149.501,225.706,70.452    c63.749,82.471,118.327,175.07,147.871,275.422C261.496,353.217,149.247,347.347,37.044,346.666z" fill="#415a6b"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
--- a/index.html
+++ b/index.html
@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Dmitriy Shishkov</title>
-	<title>About-Dmitriy.tk</title>
-	<link rel="stylesheet" href="main.css">
-	<link rel='shortcut icon' type='image/x-icon' href='fave.ico' />
-</head>
-<body>
-	<nav>
-		<a href="" id="logo"><img src="logo.svg" alt="Logotype"></a>
-		<button class="nav-toggle" title="Open menu">
-		<button class="nav-toggle">
-    		<span class="bar-top"></span>
-    		<span class="bar-mid"></span>
-    		<span class="bar-bot"></span>
-  		</button>
-		<ul>
-			<li><a href="#">Home</a></li>
-			<li><a href="gallery/index.html">Gallery</a></li>
-			<li id="galactikka"><a href="https://galactikka.com/146568">Galactikka</a></li>
-		</ul>
-	</nav>
-	<main>
-		<header id="top">
-			<h1>Dmitriy</h1>
-			<p>Welcome to my personal site!</p>
-		</header>
-		<article id="main">
-			<p>I'm Dmitriy Shishkov — photographer, web programmer and writer. Here you can see some of my works. Scroll down the footer to get my Instagrams to see more.</p>
-			<ul id="gal">
-				<li>
-					<img src="gallery/pic/2.jpg" alt="Photo">
-					<span>Reed on the shore of the lake</span>
-				</li>
-				<li>
-					<img src="gallery/pic/1.jpg" alt="Photo">
-					<span>The trucker stopped by a nice warm evening near my house in Padsvillie</span>
-				</li>
-				<li>
-					<img src="gallery/pic/3.jpeg" alt="Photo">
-					<span>Bright stars in the dark night</span>
-				</li>
-				<li>
-					<img src="gallery/pic/4.jpeg" alt="Photo">
-					<span>Field and forest on a foggy morning</span>
-				</li>
-			</ul>
-		</article>
-	</main>
-	<footer>
-		<address>
-			<a href="https://www.google.ru/maps/place/Ulitsa+3+Mikrorayon,+7,+Beloyarsky,+Khanty-Mansiyskiy+avtonomnyy+okrug,+628176/@63.7204133,66.6610309,17z/data=!3m1!4b1!4m5!3m4!1s0x43823c79180321a3:0x7c339f5ac5e57cca!8m2!3d63.7204133!4d66.6632196"><span id="address"><span id="street">Ulitsa 3 Mikrorayon</span>, <span id="house">7</span>, <span id="town">Beloyarsky</span>, <span id="area">Khanty-Mansiysk Autonomous Region</span>, <span id="country">Russia</span> </span></a>
-			<a href="tel:+79044825152" id="phone">+7 (904) 482-51-52</a>
-			<a href="tel:+375299817785" id="phone">+375 (299) 81-77-85</a>
-			<a href="mailto:me@dmitriy.icu" id="email">me@dmitriy.icu</a>
-		</address>
-		<ul id="social">
-			<li><a href="https://vk.com/dsh147">VK</a></li>
-			<li><a href="https://instagram.com/i.have.no.camera/">Instagram: @i.have.no.camera</a></li>
-			<li><a href="https://t.me/dsh147">Telegram</a></li>
-		</ul>
-		<a href="#top" id="totop" title="Go to top"><i></i></a>
-		<a href="#top" id="totop"><i></i></a>
-	</footer>
-	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-	<script type="text/javascript" src="main.js"></script>
-</body>
-</html>
--- a/logo.svg
+++ b/logo.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 432"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect fill='#282627' width="32" height="432"/><rect fill='#282627' x="54" width="32" height="432"/><path fill='#282627' d="M108,0V30.32c108.08,0,196,83.29,196,185.68S216.08,401.68,108,401.68V432c125.72,0,228-96.9,228-216S233.72,0,108,0Z"/><path fill='#282627' d="M271.88,219.79c0-85.6-73.52-155.26-163.88-155.26V94.85c72.72,0,131.88,56.05,131.88,124.94S180.72,344.73,108,344.73V375C198.36,375,271.88,305.39,271.88,219.79Z"/></g></g></svg>
--- a/maaemo_regular.woff
+++ b/maaemo_regular.woff
--- a/main.css
+++ b/main.css
@ -1,335 +0,0 @@
-@import url('./fonts.css');
-@import url('https://fonts.googleapis.com/css?family=Wire+One|Assistant:300,400|Raleway');
-@-webkit-keyframes showen {
-    from {
-    	opacity: 0;
-    	--webkit-backdrop-filter: blur(0);
-
-    }
-    to {
-      	opacity: 1;
-		--webkit-backdrop-filter: blur(2em);
-    }
-}  
-@keyframes showen {
-    from {
-    	opacity: 0;
-		backdrop-filter: blur(0);
-    }
-    to {
-    	opacity: 1;
-		backdrop-filter: blur(2em);
-    }
-}
-* {
-	margin: 0;
-	padding: 0;
-	color: #282627;
-	box-sizing: border-box;
-	-ms-overflow-style: none;
-	overflow: -moz-scrollbars-none;
-	-moz-appearance: menuimage;
-	font-style: normal;
-	scrollbar-width: none;
-}
-*::-webkit-scrollbar { 
-    display: none; 
-}
-
-
-body {
-	overflow-x: hidden;
-	width: 100vw;
-	overflow-x: hidden;
-	scroll-behavior: smooth;
-
-}
-a,p,span {
-	font-size: 3vh;
-	font-family: 'Assistant', sans-serif;
-	font-weight: 300;
-	text-decoration: none;
-}
-li {
-	list-style-type: none;
-}
-
-nav {
-	height: 10vh;
-	width: 100vw;
-	background-color: #fff;
-	display: flex;
-	padding: 2vh 7.5vh;
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 1000;
-	transition: box-shadow 0.5s ease-in-out;
-}
-nav#shadow {
-	box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
-}
-#logo {
-	display: block;
-	height: 6vh;
-}
-#logo img {
-	height: 6vh;
-}
-.nav-toggle {
-	display: none;
-}
-nav ul {
-	display: flex;
-	position: fixed;
-	right: 7.5vh;
-	transition: all .7s ease-in-out;
-}
-nav ul li {
-	display: block;
-}
-nav li a {
-	padding: 0 2vh;
-	display: block;
-	line-height: 6vh;
-	vertical-align: center;
-}
-#galactikka {
-	background-image: url(galactikka.jpg);
-	border-radius: 200em;
-	background-size: cover;
-}
-#galactikka a {
-	color: #fff;
-}
-
-header {
-	height: 100vh;
-	padding-top: 10vh;
-	width: 100vw;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	background-image: url(bg.jpeg);
-	background-size: cover;
-	background-attachment: fixed;
-	background-position: center 60%;
-}
-header h1 {
-	font-size: 15vh;
-	color: #fff;
-	font-family: 'Wire One', sans-serif;
-	font-weight: 400;
-}
-
-header p {
-	color: #fff;
-}
-
-#main {
-	position: relative;
-	padding: 15vmin;
-	width: 100vw;
-	overflow: hidden;
-	-webkit-overflow-scrolling: touch;
-	box-shadow: inset 0 3px 6px -2px rgba(32,33,36,0.28);
-}
-#main p {
-	width: 100%;
-	font-size: 5vh;
-	margin-bottom: 15vh;
-}
-#gal {
-	position: relative;
-}
-#gal li {
-	min-width: 50vw;
-}
-#gal li:nth-child(even) {
-	float: right;
-}
-#gal li * {
-	display: block;
-}
-#gal img {
-	height: 70vh;
-	cursor: pointer;
-}
-#gal img:hover {
-	-webkit-filter: contrast(75%) brightness(120%);
-	filter: contrast(75%) brightness(120%);
-}
-#gal span {
-	padding: 4vh 0;
-	font-family: 'Raleway', sans-serif;
-}
-#popup, #popupBg {
-	position: fixed;
-	top: 0;
-	left: 0;
-	height: 100vh;
-	width: 100vw;
-	justify-content: center;
-	align-items: center;
-}
-#popup {
-	z-index: 1001;
-	display: none;
-}
-#popupBg {
-	z-index: 1005;
-	background-color: #fff;
-}
-#popupImg {
-	max-width: 100vw;
-	max-height: 100vh;
-	z-index: 1006;
-}
-
-footer {
-	position: relative;
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	padding: 10vh;
-	background-color: #f8f8f8;
-	box-shadow: inset 0 3px 6px -2px rgba(32,33,36,0.28);
-}
-address, #social {
-	display: grid;
-}
-li li {
-	padding-left: 2vh;
-}
-#social a {
-	font-weight: 400;
-	font-style: italic;
-}
-#totop {
-	position: absolute;
-	bottom: 10vh;
-	right: 10vh;
-}
-#totop i {
-	border: solid #282627;
-  	border-width: 0 .7vh .7vh 0;
-  	display: inline-block;
-  	padding: 1.5vh;
-  	transform: rotate(-135deg);
-    -webkit-transform: rotate(-135deg);
-}
-
-@media screen and (max-device-aspect-ratio: 3/4) {
-.overflowhidden {
-	overflow: hidden;
-}
-nav {
-	padding: 2vh 5vh;
-}
-.nav-toggle {
-	display: block;
-  	position: absolute;
-  	background: transparent;
-  	border: transparent;
-  	right: 5vh;
-  	height: 2.7vh;
-  	top: calc(50% - 1.35vh);
-  	z-index: 1000;
-}
-
-.nav-toggle:focus {
- 	outline-width: 0;
-}
-
-.nav-toggle [class*='bar-'] {
-  	background: #282627;
-  	display: block;
-  	-webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  	-webkit-transition: .2s ease all;
-    transition: .2s ease all;
-    border-radius: 200em;
-    height: .5vh;
-    width: 4vh;
-    margin-bottom: .6vh;
-}
-
-.nav-toggle .bar-bot {
-  	margin-bottom: 0;
-}
-
-.opened .bar-top {
-  	-webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-  	-webkit-transform-origin: 15% 15%;
-    transform-origin: 5% 20%;
-}
-.opened .bar-mid {
-  	opacity: 0;
-}
-.opened .bar-bot {
-  	-webkit-transform: rotate(45deg);
-    transform: rotate(-45deg);
-  	-webkit-transform-origin: 15% 95%;
-    transform-origin: 15% 100%;
-}
-nav ul {
-	width: 100vw;
-	overflow: hidden;
-	right: 0;
-	top: 0;
-	height: 100vh;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	z-index: 1;
-	display: none;
-}
-nav ul li {
-	padding: 1vh;
-	margin: 1vh;
-	min-width: 50vw;
-}
-nav ul li a {
-	width: inherit;
-	text-align: justify;
-	font-size: 5vh;
-}
-	.showen {
-		display: flex;
-		background-color: rgba(255, 255, 255, .9);
-	}
-
-	#gal li:nth-child(even) {
-		float: none;
-	}
-	#gal img {
-		width: 100vw;
-		position: relative;
-		left: -15vw;
-		height: auto;
-	}
-
-	footer {
-		grid-template-columns: 1fr;
-		height: 100vh;
-		align-content: center;
-		grid-gap: 5vh;
-		padding: 7vh;
-		padding-top: 3.5vh;
-	}
-	#totop {
-		right: calc(50% - 1.5vh);
-		bottom: 7vh;
-	}
-}
-
-@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
-  .showen {
-    background-color: unset;
-    -webkit-backdrop-filter: blur(2em);
-    backdrop-filter: blur(2em);
-	-webkit-animation: showen 1s;
-    animation: showen 1s;
-  }
-}
--- a/main.js
+++ b/main.js
@ -1,39 +0,0 @@
-$(function() {
-var title = document.title;
-$(window).scroll(function() {
-	var height = ((title == "Dmitriy Shishkov") ? $(window).height() : $(window).height()/10);
-	height = height - height / 9;
-	if($(this).scrollTop() > height) {
-		$("nav").attr('id', 'shadow');
-	} else {
-		$("nav").attr('id', '');
-	}
-});
-$(".nav-toggle").click(function() {
-	$(this).toggleClass("opened");
-	$("nav ul").toggleClass("showen");
-    $("body").toggleClass("overflowhidden");
-});
-
-$('#totop').click(function(){
-    $("html,body").animate({
-        scrollTop: 0
-    }, 2000);
-});
-
-$("main img").click(function () {
-		var src = $(this).attr('src');
-		var pose = src.indexOf(".j");
-		var a = src.substring(0,pose);
-		var b = src.substring(pose);
-		$("body").append("<div id='popup'>"+"<div id='popupBg'></div>"+"<img src='"+a+"b"+b+"' id='popupImg' />"+"</div>");
-		$("#popup").css("display", "flex").hide().fadeIn(800);
-		$("#popup").click(function(){	   
-			$("#popup").fadeOut(800);
-			setTimeout(function() {
-			  $("#popup").remove();
-			}, 800);
-		});
-});
-});
-
--- a/package.json
+++ b/package.json
@ -0,0 +1,34 @@
+{
+  "name": "dmitriy.icu.last",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "cors": "^2.8.5",
+    "dotenv": "^8.2.0",
+    "node-sass": "^4.13.1",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-router-dom": "^5.1.2",
+    "react-scripts": "3.4.1"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
--- a/public/logo192.png
+++ b/public/logo192.png
--- a/public/logo512.png
+++ b/public/logo512.png
--- a/public/manifest.json
+++ b/public/manifest.json
@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
--- a/public/robots.txt
+++ b/public/robots.txt
@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
--- a/robots.txt
+++ b/robots.txt
@ -1,4 +0,0 @@
-User-agent: *
-Allow: /
-Disallow: /uploadtohost
-Sitemap: https://dmitriy.icu/sitemap.xml
--- a/server/app.js
+++ b/server/app.js
@ -0,0 +1,43 @@
+const express = require('express')
+const path = require('path')
+const cors = require('cors')
+const bodyParser = require('body-parser')
+const fs = require('fs')
+
+const app = express()
+const port = 433
+
+app.use(cors())
+
+app.get('/api/list', (req, res) => {
+    fs.readdir('./assets/', (err, items) => {
+        result = items.map(el => 'image/' + el)
+        const pageSize = req.query.size || 3;
+        const pagesAmount = Math.ceil(items.length / pageSize );
+        const page = (req.query.page > pagesAmount) ? pagesAmount : req.query.page || 1;
+        console.log(`Page=${page}, server acessed`)
+        res.json({
+            "page": page,
+            "pagesAmount": pagesAmount,
+            "list": result.slice(page * pageSize - pageSize, page * pageSize),
+        })
+    })
+})
+app.get('/image/:name.:subname', (req, res) => {
+    res.sendFile(__dirname + '/assets/' + req.params.name + '.' + req.params.subname, (err) => {
+        console.log(__dirname + '/assets/' + req.params.name + '.' + req.params.subname)
+        if (err) {
+            next(err)
+        } else {
+            console.log('Sent:', req.query.path)
+        }
+    })
+})
+
+app.use(express.static(path.join(__dirname, '../build')));
+
+app.get('*', function(req, res) {
+    res.sendFile(path.join(__dirname, '../build', 'index.html'));
+});
+
+app.listen(port, () => console.log(`Example app listening on port ${port}!`))
--- a/server/assets/1-early-morning-walk.jpeg
+++ b/server/assets/1-early-morning-walk.jpeg
--- a/server/assets/10-early-morning-walk.jpeg
+++ b/server/assets/10-early-morning-walk.jpeg
--- a/server/assets/11-early-morning-walk.jpeg
+++ b/server/assets/11-early-morning-walk.jpeg
--- a/server/assets/12-early-morning-walk.jpeg
+++ b/server/assets/12-early-morning-walk.jpeg
--- a/server/assets/13-early-morning-walk.jpeg
+++ b/server/assets/13-early-morning-walk.jpeg
--- a/server/assets/14-early-morning-walk.jpeg
+++ b/server/assets/14-early-morning-walk.jpeg
--- a/server/assets/15-early-morning-walk.jpeg
+++ b/server/assets/15-early-morning-walk.jpeg
--- a/server/assets/16-early-morning-walk.jpeg
+++ b/server/assets/16-early-morning-walk.jpeg
--- a/server/assets/17-early-morning-walk.jpeg
+++ b/server/assets/17-early-morning-walk.jpeg
--- a/server/assets/18-early-morning-walk.jpeg
+++ b/server/assets/18-early-morning-walk.jpeg
--- a/server/assets/19-early-morning-walk.jpeg
+++ b/server/assets/19-early-morning-walk.jpeg
--- a/server/assets/2-early-morning-walk.jpeg
+++ b/server/assets/2-early-morning-walk.jpeg
--- a/server/assets/20-early-morning-walk.jpeg
+++ b/server/assets/20-early-morning-walk.jpeg
--- a/server/assets/21-early-morning-walk.jpeg
+++ b/server/assets/21-early-morning-walk.jpeg
--- a/server/assets/22-early-morning-walk.jpeg
+++ b/server/assets/22-early-morning-walk.jpeg
--- a/server/assets/23-early-morning-walk.jpeg
+++ b/server/assets/23-early-morning-walk.jpeg
--- a/server/assets/24-early-morning-walk.jpeg
+++ b/server/assets/24-early-morning-walk.jpeg
--- a/server/assets/25-early-morning-walk.jpeg
+++ b/server/assets/25-early-morning-walk.jpeg
--- a/server/assets/26-early-morning-walk.jpeg
+++ b/server/assets/26-early-morning-walk.jpeg
--- a/server/assets/3-early-morning-walk.jpeg
+++ b/server/assets/3-early-morning-walk.jpeg
--- a/server/assets/4-early-morning-walk.jpeg
+++ b/server/assets/4-early-morning-walk.jpeg
--- a/server/assets/5-early-morning-walk.jpeg
+++ b/server/assets/5-early-morning-walk.jpeg
--- a/server/assets/6-early-morning-walk.jpeg
+++ b/server/assets/6-early-morning-walk.jpeg
--- a/server/assets/7-early-morning-walk.jpeg
+++ b/server/assets/7-early-morning-walk.jpeg
--- a/server/assets/8-early-morning-walk.jpeg
+++ b/server/assets/8-early-morning-walk.jpeg
--- a/server/assets/9-early-morning-walk.jpeg
+++ b/server/assets/9-early-morning-walk.jpeg
--- a/sitemap.xml
+++ b/sitemap.xml
@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<urlset
-      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
-      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
-            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
-<url>
-  <loc>https://dmitriy.icu/</loc>
-  <lastmod>2019-06-22T14:22:37+00:00</lastmod>
-  <priority>1.00</priority>
-</url>
-<url>
-  <loc>https://dmitriy.icu/gallery/</loc>
-  <lastmod>2019-06-22T14:22:37+00:00</lastmod>
-  <priority>0.80</priority>
-</url>
-</urlset>
--- a/src/App.js
+++ b/src/App.js
@ -0,0 +1,32 @@
+import React from 'react';
+import {
+    BrowserRouter as Router,
+    Switch,
+    Route,
+} from "react-router-dom";
+import {
+    Navbar,
+    Home,
+    Gallery,
+    Footer,
+} from './components';
+import './app.scss';
+
+const App = () => {
+
+    return (
+        <Router>
+            <Navbar />
+            <Switch>
+                <Route path="/gallery">
+                    <Gallery />
+                </Route>
+                <Route path="/">
+                    <Home />
+                </Route>
+            </Switch>
+            <Footer />
+        </Router>
+    );
+}
+export default App;
--- a/src/app.scss
+++ b/src/app.scss
@ -0,0 +1,11 @@
+@import url('https://fonts.googleapis.com/css?family=Assistant|Kaushan+Script&display=swap');
+
+a, p, span, button {
+    font-family: 'Assistant', sans-serif;
+    font-size: 3vh;
+    font-weight: 300;
+    color: var(--text-color);
+}
+body {
+    background-color: var(--background-color);
+}
--- a/src/components.js
+++ b/src/components.js
@ -0,0 +1,11 @@
+import Navbar from './components/Navbar';
+import Home from './components/Home';
+import { GalleryView as Gallery } from './components/GalleryView'
+import Footer from './components/Footer'
+
+export { 
+    Navbar,
+    Home,
+    Gallery,
+    Footer
+};
--- a/Show More
+++ b/Show More
				`@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 432"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect fill='#282627' width="32" height="432"/><rect fill='#282627' x="54" width="32" height="432"/><path fill='#282627' d="M108,0V30.32c108.08,0,196,83.29,196,185.68S216.08,401.68,108,401.68V432c125.72,0,228-96.9,228-216S233.72,0,108,0Z"/><path fill='#282627' d="M271.88,219.79c0-85.6-73.52-155.26-163.88-155.26V94.85c72.72,0,131.88,56.05,131.88,124.94S180.72,344.73,108,344.73V375C198.36,375,271.88,305.39,271.88,219.79Z"/></g></g></svg>