Ha-ha
This commit is contained in:
Dm1tr1y147
commit
8b40e58208
35
.htaccess
Normal file
35
.htaccess
Normal file
@ -0,0 +1,35 @@
|
||||
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>
|
||||
16
403.html
Executable file
16
403.html
Executable file
@ -0,0 +1,16 @@
|
||||
<!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
Executable file
16
404.html
Executable file
@ -0,0 +1,16 @@
|
||||
<!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>
|
||||
BIN
fave.ico
Executable file
BIN
fave.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
63
fonts.css
Executable file
63
fonts.css
Executable file
@ -0,0 +1,63 @@
|
||||
/* 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
Executable file
BIN
galactikka.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
75
gallery/index.html
Executable file
75
gallery/index.html
Executable file
@ -0,0 +1,75 @@
|
||||
<!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>
|
||||
<<<<<<< HEAD
|
||||
<button class="nav-toggle" title="Open menu">
|
||||
=======
|
||||
<button class="nav-toggle">
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
<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:airstudiog@gmail.com" id="email">airstudiog@gmail.com</a>
|
||||
</address>
|
||||
<ul id="social">
|
||||
<li><a href="https://vk.com/dm1tr1y147">VK</a></li>
|
||||
<li><span>Instagram:</span><ul>
|
||||
<li><a href="https://instagram.com/i.have.no.camera/">@i.have.no.camera</a></li>
|
||||
</ul></li>
|
||||
<li><a href="">Telegram</a></li>
|
||||
</ul>
|
||||
<<<<<<< HEAD
|
||||
<a href="#top" id="totop" title="Go to top"><i></i></a>
|
||||
=======
|
||||
<a href="#top" id="totop"><i></i></a>
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
</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>
|
||||
319
gallery/main.css
Executable file
319
gallery/main.css
Executable file
@ -0,0 +1,319 @@
|
||||
@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;
|
||||
}
|
||||
*::-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;
|
||||
<<<<<<< HEAD
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
nav#shadow {
|
||||
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
|
||||
=======
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
}
|
||||
#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;
|
||||
}
|
||||
|
||||
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;
|
||||
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;
|
||||
}
|
||||
|
||||
<<<<<<< HEAD
|
||||
#popup, #popupBg {
|
||||
=======
|
||||
#popup, #popup_bg {
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
#popup {
|
||||
z-index: 1001;
|
||||
display: none;
|
||||
}
|
||||
<<<<<<< HEAD
|
||||
#popupBg {
|
||||
z-index: 1005;
|
||||
background-color: #fff;
|
||||
}
|
||||
#popupImg {
|
||||
=======
|
||||
#popup_bg {
|
||||
z-index: 1005;
|
||||
background-color: #fff;
|
||||
}
|
||||
#popup_img {
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
max-width: 100vw;
|
||||
max-height: 100vh;
|
||||
z-index: 1006;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
padding: 10vh;
|
||||
background-color: #f8f8f8;
|
||||
<<<<<<< HEAD
|
||||
box-shadow: inset 0 3px 6px -2px rgba(32,33,36,0.28);
|
||||
=======
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
}
|
||||
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;
|
||||
}
|
||||
<<<<<<< HEAD
|
||||
}
|
||||
=======
|
||||
}
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
BIN
gallery/pic/1.jpg
Executable file
BIN
gallery/pic/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
gallery/pic/10.jpg
Executable file
BIN
gallery/pic/10.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
gallery/pic/10b.jpg
Executable file
BIN
gallery/pic/10b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
gallery/pic/11.jpg
Executable file
BIN
gallery/pic/11.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
gallery/pic/11b.jpg
Executable file
BIN
gallery/pic/11b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 820 KiB |
BIN
gallery/pic/12.jpg
Executable file
BIN
gallery/pic/12.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
BIN
gallery/pic/12b.jpg
Executable file
BIN
gallery/pic/12b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
gallery/pic/13.jpg
Executable file
BIN
gallery/pic/13.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 312 KiB |
BIN
gallery/pic/13b.jpg
Executable file
BIN
gallery/pic/13b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
gallery/pic/14.jpeg
Executable file
BIN
gallery/pic/14.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
gallery/pic/14b.jpeg
Executable file
BIN
gallery/pic/14b.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 769 KiB |
BIN
gallery/pic/15.jpg
Executable file
BIN
gallery/pic/15.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
gallery/pic/15b.jpg
Executable file
BIN
gallery/pic/15b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 895 KiB |
BIN
gallery/pic/16.jpeg
Executable file
BIN
gallery/pic/16.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
BIN
gallery/pic/16b.jpeg
Executable file
BIN
gallery/pic/16b.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
gallery/pic/17.jpg
Executable file
BIN
gallery/pic/17.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
BIN
gallery/pic/17b.jpg
Executable file
BIN
gallery/pic/17b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
gallery/pic/18.jpg
Executable file
BIN
gallery/pic/18.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
gallery/pic/18b.jpg
Executable file
BIN
gallery/pic/18b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 991 KiB |
BIN
gallery/pic/1b.jpg
Executable file
BIN
gallery/pic/1b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
gallery/pic/2.jpg
Executable file
BIN
gallery/pic/2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 203 KiB |
BIN
gallery/pic/2b.jpg
Executable file
BIN
gallery/pic/2b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
gallery/pic/3.jpeg
Executable file
BIN
gallery/pic/3.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
gallery/pic/3b.jpeg
Executable file
BIN
gallery/pic/3b.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
BIN
gallery/pic/4.jpeg
Executable file
BIN
gallery/pic/4.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
gallery/pic/4b.jpeg
Executable file
BIN
gallery/pic/4b.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 506 KiB |
BIN
gallery/pic/5.jpg
Executable file
BIN
gallery/pic/5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
BIN
gallery/pic/5b.jpg
Executable file
BIN
gallery/pic/5b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
gallery/pic/6.jpeg
Executable file
BIN
gallery/pic/6.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
BIN
gallery/pic/6b.jpeg
Executable file
BIN
gallery/pic/6b.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
gallery/pic/7.jpg
Executable file
BIN
gallery/pic/7.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
BIN
gallery/pic/7b.jpg
Executable file
BIN
gallery/pic/7b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
gallery/pic/8.jpeg
Executable file
BIN
gallery/pic/8.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
gallery/pic/8b.jpeg
Executable file
BIN
gallery/pic/8b.jpeg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 667 KiB |
BIN
gallery/pic/9.jpg
Executable file
BIN
gallery/pic/9.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
gallery/pic/9b.jpg
Executable file
BIN
gallery/pic/9b.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 591 KiB |
1
google6898fafaf93a0ea7.html
Normal file
1
google6898fafaf93a0ea7.html
Normal file
@ -0,0 +1 @@
|
||||
google-site-verification: google6898fafaf93a0ea7.html
|
||||
5
hostindex.html
Executable file
5
hostindex.html
Executable file
@ -0,0 +1,5 @@
|
||||
<html>
|
||||
New Account, upload your files!<br>
|
||||
Valid indexes: index.php index.html index.htm index.shtml Index.htm Index.html INDEX.HTML INDEX.HTM default.htm default.html home.htm home.html Home.html Home.htm<br><br>
|
||||
Attention! File name is case sensitive.
|
||||
</html>
|
||||
39
house/arrow.svg
Executable file
39
house/arrow.svg
Executable file
@ -0,0 +1,39 @@
|
||||
<?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>
|
||||
|
After Width: | Height: | Size: 988 B |
40
house/circle.svg
Executable file
40
house/circle.svg
Executable file
@ -0,0 +1,40 @@
|
||||
<?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>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
BIN
house/house.ico
Executable file
BIN
house/house.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
45
house/house.svg
Executable file
45
house/house.svg
Executable file
@ -0,0 +1,45 @@
|
||||
<?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>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
91
house/index.html
Executable file
91
house/index.html
Executable file
@ -0,0 +1,91 @@
|
||||
<!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
Executable file
222
house/main.css
Executable file
@ -0,0 +1,222 @@
|
||||
* {
|
||||
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;
|
||||
}
|
||||
}
|
||||
15
house/main.js
Executable file
15
house/main.js
Executable file
@ -0,0 +1,15 @@
|
||||
$(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);
|
||||
});
|
||||
});
|
||||
40
house/square.svg
Executable file
40
house/square.svg
Executable file
@ -0,0 +1,40 @@
|
||||
<?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>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
40
house/triangle.svg
Executable file
40
house/triangle.svg
Executable file
@ -0,0 +1,40 @@
|
||||
<?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>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
82
index.html
Executable file
82
index.html
Executable file
@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<<<<<<< HEAD
|
||||
<title>Dmitriy Shishkov</title>
|
||||
=======
|
||||
<title>About-Dmitriy.tk</title>
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
<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>
|
||||
<<<<<<< HEAD
|
||||
<button class="nav-toggle" title="Open menu">
|
||||
=======
|
||||
<button class="nav-toggle">
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
<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:airstudiog@gmail.com" id="email">airstudiog@gmail.com</a>
|
||||
</address>
|
||||
<ul id="social">
|
||||
<li><a href="https://vk.com/dm1tr1y147">VK</a></li>
|
||||
<li><span>Instagram:</span><ul>
|
||||
<li><a href="https://instagram.com/i.have.no.camera/">@i.have.no.camera</a></li>
|
||||
</ul></li>
|
||||
<li><a href="">Telegram</a></li>
|
||||
</ul>
|
||||
<<<<<<< HEAD
|
||||
<a href="#top" id="totop" title="Go to top"><i></i></a>
|
||||
=======
|
||||
<a href="#top" id="totop"><i></i></a>
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
</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
Executable file
1
logo.svg
Executable file
@ -0,0 +1 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 574 B |
BIN
maaemo_regular.woff
Executable file
BIN
maaemo_regular.woff
Executable file
Binary file not shown.
346
main.css
Executable file
346
main.css
Executable file
@ -0,0 +1,346 @@
|
||||
<<<<<<< HEAD
|
||||
@import url('./fonts.css');
|
||||
=======
|
||||
@import url('https://fonts.googleapis.com/css?family=Wire+One|Assistant:300,400|Raleway');
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
@-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;
|
||||
}
|
||||
*::-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;
|
||||
<<<<<<< HEAD
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
nav#shadow {
|
||||
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
|
||||
=======
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
}
|
||||
#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;
|
||||
<<<<<<< HEAD
|
||||
box-shadow: inset 0 3px 6px -2px rgba(32,33,36,0.28);
|
||||
=======
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
}
|
||||
#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;
|
||||
<<<<<<< HEAD
|
||||
box-shadow: inset 0 3px 6px -2px rgba(32,33,36,0.28);
|
||||
=======
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
82
main.js
Executable file
82
main.js
Executable file
@ -0,0 +1,82 @@
|
||||
<<<<<<< HEAD
|
||||
$(function() {
|
||||
var title = document.title;
|
||||
$(window).scroll(function() {
|
||||
var height = ((title == "Dmitriy Shishkov") ? $(window).height() : 0);
|
||||
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);
|
||||
});
|
||||
});
|
||||
});
|
||||
=======
|
||||
var mywindow = $(window);
|
||||
var mypos = mywindow.scrollTop();
|
||||
var up = false;
|
||||
var newscroll;
|
||||
mywindow.scroll(function () {
|
||||
newscroll = mywindow.scrollTop();
|
||||
if (newscroll > mypos && !up) {
|
||||
$('nav').stop().slideToggle();
|
||||
$('#galactikka').stop().slideToggle();
|
||||
up = !up;
|
||||
} else if(newscroll < mypos && up) {
|
||||
$('nav').stop().slideToggle();
|
||||
$('#galactikka').stop().slideToggle();
|
||||
up = !up;
|
||||
}
|
||||
mypos = newscroll;
|
||||
});
|
||||
|
||||
$(".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');
|
||||
$("body").append("<div id='popup'>"+"<div id='popupBg'></div>"+"<img src='"+src+"' id='popupImg' />"+"</div>");
|
||||
$("#popup").css("display", "flex").hide().fadeIn(800);
|
||||
$("#popup").click(function(){
|
||||
$("#popup").fadeOut(800);
|
||||
setTimeout(function() {
|
||||
$("#popup").remove();
|
||||
}, 800);
|
||||
});
|
||||
});
|
||||
>>>>>>> c27a4029688d84a604259109737c953b92088855
|
||||
4
robots.txt
Executable file
4
robots.txt
Executable file
@ -0,0 +1,4 @@
|
||||
User-agent: *
|
||||
Allow: /
|
||||
Disallow: /uploadtohost
|
||||
Sitemap: https://about-dmitriy.tk/sitemap.xml
|
||||
17
sitemap.xml
Executable file
17
sitemap.xml
Executable file
@ -0,0 +1,17 @@
|
||||
<?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://about-dmitriy.tk/</loc>
|
||||
<lastmod>2018-07-17T14:11:16+00:00</lastmod>
|
||||
<priority>1.00</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://about-dmitriy.tk/gallery/</loc>
|
||||
<lastmod>2018-07-17T14:11:18+00:00</lastmod>
|
||||
<priority>0.80</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
BIN
versions/05_05.zip
Executable file
BIN
versions/05_05.zip
Executable file
Binary file not shown.
BIN
versions/06_05.zip
Executable file
BIN
versions/06_05.zip
Executable file
Binary file not shown.
BIN
versions/06_05v2.zip
Executable file
BIN
versions/06_05v2.zip
Executable file
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user