remove useless files
This commit is contained in:
parent
0a60a13d32
commit
c7f797d1ca
16
403.html
16
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>
|
||||
16
404.html
16
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>
|
||||
63
fonts.css
63
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;
|
||||
}
|
||||
BIN
galactikka.jpg
BIN
galactikka.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
@ -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>
|
||||
298
gallery/main.css
298
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;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 820 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 312 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 769 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 895 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 991 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 506 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 667 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 591 KiB |
@ -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>
|
||||
|
Before Width: | Height: | Size: 988 B |
@ -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>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
BIN
house/house.ico
BIN
house/house.ico
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
@ -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>
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
@ -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>
|
||||
222
house/main.css
222
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;
|
||||
}
|
||||
}
|
||||
@ -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);
|
||||
});
|
||||
});
|
||||
@ -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>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
@ -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>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
71
index.html
71
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>
|
||||
1
logo.svg
1
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>
|
||||
|
Before Width: | Height: | Size: 574 B |
Binary file not shown.
335
main.css
335
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;
|
||||
}
|
||||
}
|
||||
39
main.js
39
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
User-agent: *
|
||||
Allow: /
|
||||
Disallow: /uploadtohost
|
||||
Sitemap: https://dmitriy.icu/sitemap.xml
|
||||
17
sitemap.xml
17
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>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user