dm1sh/modern-site
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Dm1tr1y147 2018-08-01 15:43:06 +05:00
commit 1e17d916dd
30 changed files with 776 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
imageloader.js Normal file
View File

File diff suppressed because one or more lines are too long

212
index.html Normal file
View File

@ -0,0 +1,212 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Trying to create something awesome</title>
<link rel="stylesheet" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="pic/fave.ico">
</head>
<body>
<div id="yakor"></div>
<ul id="mm">
<li><a href="#about" class="mma">About</a></li>
<li><a href="#photo" class="mma">Gallery</a></li>
<li><a href="#articles" class="mma">Articles</a></li>
</ul>
<nav id="left">
<ul>
<li id="logo">
<a href="#yakor"><img src="pic/fave.svg" alt="Logotype"></a>
</li>
<li id="navt">
<div>
<a href="">
<img class="arrow" src="pic/arrow-up.svg" alt="Arrow-up">
</a>
<h4>1</h4>
<a href="">
<img class="arrow" src="pic/arrow-down.svg" alt="Arrow-down">
</a>
</div>
</li>
<li id="copyco">
<p id="copy">&copy 2018 example.com</p>
</li>
</ul>
</nav>
<main>
<nav id="navig">
<ul>
<li id="links">
<a href="#about">About</a>
<a href="#photo">Gallery</a>
<a href="#articles">Articles</a>
</li>
<li id="rightm">
<img src="pic/search.svg" alt="Search" id="search">
<img src="pic/menu.svg" alt="Menu" id="menu">
</li>
</ul>
</nav>
<ul id="social">
<li>
<a href="">
<img src="pic/vk.svg" alt="Vk">
<h3>Vk</h3>
</a>
</li>
<li>
<a href="">
<img src="pic/galactikka.svg" alt="Galactikka">
<h3>Galactikka</h3>
</a>
</li>
<li>
<a href="">
<img src="pic/inst.svg" alt="Instagram">
<h3>Instagram</h3>
</a>
</li>
<li>
<a href="">
<img src="pic/ficbook.svg" alt="Ficbook">
<h3>Ficbook</h3>
</a>
</li>
</ul>
<div id="intro">
<h1>Hello! Nice to see you here.<br>Hope you will enjoy it!</h1>
<a href="#about">See more <img src="pic/arrow-right.svg" alt=""></a>
</div>
<div id="about">
<img src="pic/me.jpeg" alt="me">
<h2>I wish to tell you about it</h2>
<p>Aliquip consectetur incididunt magna sint incididunt id nulla minim culpa velit eu. Magna pariatur aute
ullamco et incididunt dolor. Nostrud magna fugiat dolor ipsum commodo veniam in quis amet culpa occaecat
enim ut fugiat. Officia consectetur adipisicing ut cupidatat nulla dolore. Veniam sint velit laboris ut
enim incididunt reprehenderit magna sit.
Velit est laboris voluptate est tempor sint eiusmod adipisicing anim. In excepteur esse minim est elit
consectetur dolor fugiat magna amet eiusmod quis. Est reprehenderit anim consequat sit reprehenderit
sunt deserunt.</p>
</div>
<div id="photo">
<h2>Gallery</h2>
<div class="grid">
<div class="grid-sizer"></div>
<div class="grid-item"><img src="pic/gallery/1.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/2.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/3.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/4.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/5.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/6.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/7.jpeg" alt=""></div>
<div class="grid-item"><img src="pic/gallery/8.jpeg" alt=""></div>
</div>
</div>
<div id="articles">
<h2>Articles</h2>
<article>
<p>Laborum et laborum voluptate labore veniam minim deserunt qui. Culpa commodo aute occaecat ullamco
aliquip dolore cupidatat nostrud aliquip id non exercitation occaecat. Commodo aute Lorem Lorem
occaecat sit do deserunt ullamco pariatur occaecat. Do magna non commodo ipsum ullamco aliqua culpa
aliquip ipsum. Fugiat cillum ut enim irure nostrud id dolore sunt Lorem consequat mollit.
Officia esse eu incididunt occaecat sunt amet fugiat minim fugiat laborum ex. Do eiusmod tempor non
cillum in. Consequat eu commodo sint aute amet id ullamco occaecat laborum exercitation deserunt
aliquip esse. Labore laborum consectetur non ut Lorem voluptate sit incididunt nostrud. Anim magna
labore laborum magna voluptate eiusmod. Duis dolor aliquip ea anim officia ea ut ea deserunt
consequat. Aliquip nostrud elit adipisicing quis aliquip do Lorem in deserunt non fugiat tempor
enim.
Non non quis esse est. Eu amet amet ipsum labore consequat tempor irure anim nulla ut excepteur
Lorem tempor. Sit Lorem ea nulla mollit do quis enim officia occaecat dolore. Magna occaecat ex
deserunt laborum ut velit ut sunt occaecat. Et do magna proident duis minim aliqua qui irure aute
velit cupidatat. Exercitation ea duis cillum proident irure commodo deserunt pariatur in esse
ullamco laborum et. Exercitation eiusmod tempor aute esse sit exercitation nulla incididunt veniam
aliquip.</p>
<figure><img src="pic/sample.jpg" alt=""></figure>
</article>
<article>
<p>Tempor incididunt dolore eiusmod sit proident do esse aliquip sunt tempor et ipsum. Fugiat
exercitation exercitation eu aliquip sunt sit cupidatat consequat nisi Lorem enim eiusmod officia
adipisicing. Velit consectetur sit ullamco quis reprehenderit duis. Duis cillum officia nostrud id
adipisicing. Minim duis reprehenderit laborum do dolor veniam qui magna. Ullamco quis nostrud
voluptate sint ullamco.
Fugiat tempor duis laboris dolor pariatur. Sint nulla laboris magna excepteur Lorem elit ullamco
mollit excepteur incididunt quis pariatur et nostrud. Consectetur id minim elit cillum voluptate
veniam nulla anim id ut esse. Anim dolore proident sunt excepteur. Minim non qui tempor duis ad
ullamco sunt velit et magna ea eu. Ut id laborum Lorem magna consectetur dolore laboris qui tempor
non esse.
Sint ut ea in sint eu enim ex. Sint amet mollit adipisicing culpa consectetur eu commodo ex. Ex
commodo culpa quis ad irure. Ullamco elit ex dolor aliquip cupidatat.</p>
<figure><img src="pic/sample.jpg" alt=""></figure>
</article>
<article>
<p>Fugiat labore id adipisicing cillum ex quis eu cupidatat ipsum pariatur sint quis. Veniam non fugiat
esse tempor fugiat voluptate exercitation. Deserunt dolor ipsum duis velit voluptate consequat esse.
Id nostrud Lorem veniam sint qui. Exercitation et pariatur in ad eu reprehenderit anim pariatur
proident do in sunt. Cupidatat enim officia nostrud nulla culpa magna ea officia commodo non
consectetur aute do aute. Anim esse id dolore aliquip est voluptate commodo esse est est. Ex fugiat
mollit enim irure nulla. Nostrud proident voluptate duis labore deserunt ex officia Lorem laborum
tempor.
Est culpa ullamco consequat laborum irure excepteur sit. Ullamco aliqua ipsum ex non eiusmod velit
minim magna sit proident ea fugiat est. Eiusmod adipisicing proident excepteur consectetur ex
reprehenderit non sit aliqua eu. Cupidatat ut in culpa aute ad non adipisicing anim sunt.</p>
<figure><img src="pic/sample.jpg" alt=""></figure>
</article>
<article>
<p>Do ea do voluptate eiusmod sint amet eu dolor. Ea aute proident nulla dolore ullamco nostrud aliquip
eu pariatur. Esse est amet elit Lorem elit voluptate voluptate cupidatat dolor laboris tempor ut
eiusmod deserunt. Mollit dolore duis consectetur mollit occaecat qui ad fugiat aliquip velit. Ut ad
occaecat fugiat anim.
Irure velit adipisicing consectetur eu esse aute mollit. In consectetur labore est reprehenderit
exercitation tempor ad sunt nostrud qui do cillum eu. Incididunt eu nisi dolore laboris irure
commodo et deserunt.
Minim irure minim incididunt est. Sint enim pariatur tempor eiusmod id quis quis nostrud. Cupidatat
nulla sunt anim eiusmod sint dolore reprehenderit sunt minim laboris incididunt est. Laborum in nisi
sit magna exercitation exercitation anim. Officia deserunt sunt aute eiusmod Lorem. In do enim elit
tempor.</p>
<figure><img src="pic/sample.jpg" alt=""></figure>
</article>
<img id="gototop" src="pic/arrow-up.svg" alt="Arrow-up">
</div>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("a[href*=#]").on("click", function (e) {
var anchor = $(this);
$('html, body').stop().animate({
scrollTop: $(anchor.attr('href')).offset().top
}, 777);
e.preventDefault();
return false;
});
});
</script>
<script src="masonri.js"></script>
<script src="imageloader.js"></script>
<script>
var $grid = $('.grid').masonry({
itemSelector: '.grid-item',
percentPosition: true,
columnWidth: '.grid-sizer'
});
$grid.imagesLoaded().progress(function () {
$grid.masonry();
});
</script>
<script src="main.js"></script>
</body>
</html>

2
jquery-3.3.1.slim.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

370
main.css Normal file
View File

@ -0,0 +1,370 @@
* {
margin: 0px;
padding: 0px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
list-style: none;
text-decoration: none;
color: black;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*::-webkit-scrollbar {
width: 0;
}
#yakor {
position: absolute;
top: 0px;
}
#mm {
opacity: 0;
position: fixed;
height: 100vh;
width: 100vw !important;
top: 0px;
left: 0px;
display: none;
z-index: -100;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: white;
padding-bottom: 10vh;
}
#mm li {
display: none;
font-size: 6vmax;
line-height: 7vmax;
height: 7vmax;
width: 100vw;
padding: 5vh 35vw;
}
nav img {
max-width: 10vh;
}
body {
width: 100vw;
padding-left: 10vh;
background: url(pic/b2.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-clip: border-box;
}
nav#left {
width: 10vh;
height: 100vh;
position: fixed;
overflow: hidden;
background: white;
left: 0px;
top: 0px;
}
nav#left ul {
height: 100vh;
}
nav#left li {
display: block;
width: 10vh;
padding: 2vh;
}
nav#left #logo a img {
width: 6vh;
padding: 0.5vh;
}
#navt {
position: absolute;
top: 40vh !important;
}
nav#left h4 {
text-align: center;
display: block;
font-size: 2.5vh;
line-height: 3vh;
}
nav#left a img.arrow {
width: 3vh;
height: 3vh;
display: block;
margin: auto;
}
li#copyco {
position: absolute !important;
bottom: 0;
}
nav#left p#copy {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
white-space: nowrap;
height: auto;
padding-left: 2vh;
}
nav#navig {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
height: 10vh;
top: 0px;
width: 95.12vw;
padding: 0px 7vw 0px 15vw;
background-clip: border-box;
z-index: 9999;
}
.scrolled {
background-color: rgb(255,255,255);
}
.scrolledp {
background-color: rgba(255,255,255,0.8);
}
#navig > ul {
width: 100%;
display: block;
overflow: hidden;
margin: auto;
height: 10vh;
z-index: 1;
}
#navig ul * {
display: inline-block;
vertical-align: top;
max-height: 10vh
}
#navig ul>li {
line-height: 10vh;
}
#navig ul:last-child {
z-index: 998;
}
#navig > ul #links {
width: 60vw;
}
#links a {
padding: 0px 1vw;
font-size: 2.5vh;
}
#rightm {
position: absolute;
right: 7vw;
z-index: 999;
height: 10vh;
}
#rightm img {
height: 10vh;
line-height: 10vh;
vertical-align: middle;
z-index: 1100 !important;
cursor: pointer;
}
#menu {
display: none !important;
}
#social {
position: absolute;
right: 7vw;
height: 43vh;
display: grid;
grid-template: 1fr 1fr 1fr / 1fr;
top: 28vh;
z-index: 900 !important;
}
#rightm img, #social img {
width: 6vh;
height: 6vh;
}
#social img {
margin: auto;
display: block;
}
#social h3 {
width: 0px;
overflow: hidden;
font-size: 3.5vmin;
line-height: 6vmin;
}
main > div:not(#intro) {
padding: 2.5vh 7vw 2.5vh 15vw;
background-color: #fff;
}
main div#intro {
margin: 10vh 15vw 10vh 15vw;
height: 80vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 10 !important;
}
main div#intro h1 {
font-size: 6vmin;
}
#intro a {
position: absolute;
bottom: 21vh;
font-size: 3vmin;
}
main div#intro a img {
width: 3vh;
vertical-align: middle;
}
main div#about {
padding-top: 10vh;
padding-bottom: 0;
}
#about img {
display: block;
max-width: 15%;
margin: auto;
float: left;
padding-right: 1vw;
}
#photo {
padding-top: 10vh !important;
}
.grid:after {
content: '';
display: block;
clear: both;
}
.grid-sizer,
.grid-item {
width: 33.3333333%;
}
.grid-item {
float: right;
}
.grid-item img {
display: block;
max-width: 100%;
}
#articles {
padding-top: 10vh !important;
}
article img {
display: block;
max-width: 75%;
margin: auto;
padding: 2.5vh 0;
}
main h2 {
font-size: 5vmin;
padding-bottom: 1vh;
}
#gototop {
width: 2.5vmax;
display: block;
margin: auto;
cursor: pointer;
margin-right: 40vw
}
p {
text-align: justify;
font-size: 3vmin;
}
@media screen and (orientation: portrait) {
body {
padding-left: 7.5vh;
}
#mm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#left {
width: 7.5vh !important;
}
nav#left li {
width: 7.5vh !important;
padding: 1.5vh !important;
}
nav#left #logo a img {
width: 4.5vh !important;
padding: 0px !important;
}
nav#navig {
height: 7vh;
width: 92.5vw;
}
nav#navig > ul {
height: 7vh;
}
#navig > ul * {
max-height: 7vh;
}
#navig ul>li {
line-height: 7vh;
}
#rightm {
height: 7vh;
}
.scrolled #rightm {
margin-right: 3vh !important;
}
#social h3 {
font-size: 3.5vmax;
}
#links a {
font-size: 3.5vmax;
}
#navig ul #links {
display: none;
}
.showenl {
opacity: 100 !important;
z-index: 1000 !important;
}
.showenl li {
display: block !important;
}
#navt h4 {
font-size: 3.5vh;
}
#menu{
display: inline !important;
}
main > div:not(#intro) {
padding-right: 15vw;
padding-left: 5vw;
}
#intro {
margin-right: 10vh !important;
}
#intro a {
font-size: 3vmax;
}
#about > img {
max-width: 50%;
margin: 0 25%;
}
.grid-sizer, .grid-item {
width: 100%;
}
article img {
max-width: 100%;
}
p {
font-size: 3vmax;
}
#gototop {
margin-right: auto;
width: 5vmax
}
}

21
main.js Normal file
View File

@ -0,0 +1,21 @@
$(document).ready(function() {
$(document).scroll(function () {
var s_top = $(window).scrollTop();
if (s_top > 0) {
$("#navig").addClass("scrolled");
} else {
$("#navig").removeClass("scrolled");
}
});
$('#menu').click(function() {
$('#mm').toggleClass("showenl");
});
$(".mma").click(function() {
$('.showenl').toggleClass("showenl");
});
$("#gototop").click( function() {
$('html, body').stop().animate({
scrollTop: 0
});
});
});

9
masonri.js Normal file
View File

File diff suppressed because one or more lines are too long

9
pic/arrow-down.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:4;stroke-miterlimit:10;}
</style>
<polyline class="st0" points="12.9,35.6 50.5,64.4 87.1,35.6 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 531 B

16
pic/arrow-right.svg Normal file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
.st1{fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
</style>
<g>
<g>
<path class="st0" d="M14.1,50h70H14.1z"/>
<polyline class="st1" points="64.7,67.3 85.9,50 64.7,32.7 "/>
</g>
<polyline class="st1" points="84.7,49 84.7,49 84.7,51 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 727 B

9
pic/arrow-up.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:4;stroke-miterlimit:10;}
</style>
<polyline class="st0" points="87.1,64.4 49.5,35.6 12.9,64.4 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 531 B

BIN
pic/b2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 KiB

BIN
pic/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
pic/fave.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
pic/fave.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

19
pic/fave.svg Normal file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#1F1F1F;}
.st1{fill:none;stroke:#1F1F1F;stroke-width:5;stroke-miterlimit:10;}
</style>
<g>
<path class="st0" d="M14.7,26c-5.3,2.2-5.7,2.4-5.6,4.7c0.2,3.2,2.6,3.3,10.2,0.3c7.3-2.9,8.5-3.8,7.6-6.1
C26.2,22.5,22.7,22.8,14.7,26z"/>
<circle class="st1" cx="64.5" cy="76.5" r="37"/>
<path class="st0" d="M4,92.5"/>
<path class="st1" d="M32.1,111.5C18.9,110.2,9,105.2,4.2,94.4c-0.5-1.1-0.7-2.3-0.7-3.6l0-41.1c0-3.8,2.5-7.2,6.1-8.4L32,33.9
c2.3-0.8,4.3-2.5,5.3-4.8c2.9-6.4,6.6-11.3,11.7-13.3c0.5-0.2,1.1-0.3,1.7-0.3c4,0,20.7,0,26.8,0c1.5,0,3,0.4,4.3,1.1
c4.6,2.7,7.4,6.5,8.4,11.1c0.7,3.2,3,5.7,6.1,6.6c5.6,1.7,14.1,4.3,19.9,6c3.7,1.1,6.3,4.6,6.3,8.5l0,42c0,1.2-0.2,2.3-0.7,3.4
c-3.9,9.6-10.9,15.5-21.4,17.2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

25
pic/ficbook.svg Normal file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 352 980" style="enable-background:new 0 0 352 980;" xml:space="preserve">
<g transform="translate(0.000000,980.000000) scale(0.100000,-0.100000)">
<path d="M2103,9775c-80-48-105-151-58-239c22-42,25-59,25-159c0-399-134-870-367-1292c-36-66-85-150-109-187
c-68-105-119-215-153-323c-43-142-54-213-54-350c0-165,22-268,91-418c19-42,33-80,30-83c-12-11-80,16-121,47c-23,18-60,54-82,81
c-55,67-109,98-171,98c-65,0-109-28-176-112c-180-225-277-551-248-831c18-184,78-363,172-517l46-75l-26-14c-45-24-144-9-262,38
c-181,73-240,52-337-120c-29-52-75-146-102-209c-322-762-253-1472,197-2031c89-110,283-294,405-383c91-67,107-83,102-100
c-41-142-95-464-121-736c-24-240-24-720,0-960c26-275,74-556,125-746c24-89,82-144,159-152c65-6,114,11,151,53c44,51,57,103,42,168
c-81,340-121,643-136,1027c-14,346,31,835,107,1166l21,91l97,6c128,8,320,47,451,92c508,176,906,542,1183,1088
c70,137,148,322,160,380c17,75-50,175-133,197c-34,9-52,8-90-3l-48-14l62,81c142,184,264,399,324,569c96,274,217,921,247,1323
c6,78,4,96-14,136c-48,109-189,140-281,62l-29-24l34,87c107,271,221,671,263,923c90,540,21,1034-187,1349c-112,168-204,256-466,446
c-242,176-326,266-405,437c-59,127-102,158-214,158C2159,9800,2136,9794,2103,9775z M2785,8786c202-160,317-380,360-686
c27-199,16-453-31-695c-91-465-322-1074-616-1619c-82-152-92-177-92-222c0-100,79-174,187-174c107,0,256,65,387,169
c41,33,76,58,78,57c5-6-69-348-104-474c-99-363-356-712-875-1187c-52-48-68-69-77-105c-25-101,33-198,133-220c50-11,160,8,325,55
c68,19,124,34,126,32c6-6-134-207-198-283c-231-277-553-475-873-537c-105-21-165-30-165-25c0,22,114,328,220,593
c291,725,452,1157,621,1665c338,1015,513,1821,560,2575c23,372-8,888-68,1134C2675,8871,2685,8866,2785,8786z M2377,8475
c22-175,24-670,5-885c-77-839-303-1745-737-2939c-91-253-186-500-395-1026c-98-247-190-488-205-535s-31-89-35-93
c-19-21-276,223-372,353c-190,256-278,526-278,848c1,258,67,548,184,804l35,77l53-15c290-79,531,8,643,231c25,50,29,72,30,135v75
l-69,100c-126,182-168,309-168,500c0,130,20,229,66,331l25,54l50-34c102-69,234-101,351-85c142,19,324,145,365,252
c26,70,15,118-49,210c-95,136-130,246-129,402c1,179,34,275,168,500c175,292,284,528,370,795c26,80,49,152,52,160
C2345,8709,2356,8649,2377,8475z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

9
pic/galactikka.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
</style>
<polyline class="st0" points="36.6,79.6 84.2,79.6 50,20.4 15.8,79.6 16.7,79.6 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 551 B

BIN
pic/gallery/1.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
pic/gallery/2.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
pic/gallery/3.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
pic/gallery/4.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
pic/gallery/5.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
pic/gallery/6.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
pic/gallery/7.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
pic/gallery/8.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

14
pic/inst.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
</style>
<g>
<path class="st0" d="M62.5,81h-25C27.3,81,19,72.7,19,62.5v-25C19,27.3,27.3,19,37.5,19h25C72.7,19,81,27.3,81,37.5v25
C81,72.7,72.7,81,62.5,81z"/>
<circle class="st0" cx="50" cy="50" r="13.2"/>
<circle class="st0" cx="68" cy="33" r="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 724 B

BIN
pic/me.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 739 KiB

13
pic/menu.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
</style>
<g>
<line class="st0" x1="18.9" y1="50" x2="81.1" y2="50"/>
<line class="st0" x1="18.9" y1="35" x2="81.1" y2="35"/>
<line class="st0" x1="18.9" y1="65" x2="81.1" y2="65"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 653 B

BIN
pic/sample.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

13
pic/search.svg Normal file
View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
.st1{fill:none;stroke:#000000;stroke-width:3.5;stroke-miterlimit:10;}
</style>
<g>
<circle class="st0" cx="42" cy="42" r="20"/>
<polyline class="st1" points="56.1,56.1 74.5,74.5 78,78 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 661 B

28
pic/vk.svg Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 148 90" style="enable-background:new 0 0 148 90;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:4.5;stroke-miterlimit:10;}
</style>
<g>
<path class="st0" d="M124,67.8c-0.2-0.3-0.2-0.5-0.4-0.7c-1.8-3.2-5.2-7.1-10.2-11.8l-0.1-0.1l-0.1-0.1l-0.1-0.1h-0.1
c-2.3-2.2-3.8-3.7-4.4-4.4c-1.1-1.4-1.3-2.9-0.8-4.4c0.4-1.1,2-3.4,4.8-7c1.5-1.9,2.6-3.4,3.5-4.6c6.1-8.2,8.8-13.4,8-15.8
l-0.3-0.5c-0.2-0.3-0.8-0.6-1.6-0.9c-0.9-0.3-2-0.3-3.5-0.1l-15.4,0.1c-0.2-0.1-0.6-0.1-1.1,0c-0.4,0.3-0.6,0.3-0.6,0.3l-0.3,0.1
l-0.2,0.1c-0.1,0.1-0.4,0.3-0.6,0.5c-0.2,0.3-0.4,0.6-0.5,0.9c-1.6,4.4-3.6,8.3-5.7,12.1c-1.3,2.2-2.6,4.1-3.7,5.8
c-1.1,1.7-2,2.8-2.8,3.6s-1.4,1.3-2,1.9c-0.6,0.5-1,0.7-1.4,0.6c-0.3-0.1-0.6-0.1-0.9-0.2c-0.5-0.3-0.9-0.8-1.2-1.3
c-0.3-0.5-0.5-1.3-0.6-2.1c-0.1-0.8-0.1-1.6-0.2-2.2c0-0.6,0-1.5,0-2.6c0-1.1,0.1-1.9,0.1-2.3c0-1.3,0-2.8,0.1-4.4
c0.1-1.6,0.1-2.9,0.2-3.8c0-0.9,0.1-1.9,0.1-2.9c0-1.1,0-1.9-0.1-2.5c-0.1-0.6-0.3-1.1-0.5-1.7c-0.2-0.5-0.6-1-1.1-1.3
c-0.4-0.3-1.1-0.5-1.8-0.8c-1.9-0.4-4.3-0.7-7.2-0.7c-6.7-0.1-10.9,0.4-12.8,1.3c-0.8,0.4-1.4,0.9-2,1.6c-0.7,0.8-0.8,1.2-0.3,1.3
c2.2,0.3,3.7,1.1,4.6,2.3L61,22c0.2,0.4,0.5,1.3,0.8,2.5c0.2,1.2,0.4,2.5,0.4,3.9c0.2,2.6,0.2,4.8,0,6.7s-0.4,3.3-0.5,4.4
c-0.1,1-0.4,1.9-0.8,2.5c-0.3,0.7-0.5,1.1-0.7,1.2c-0.1,0.1-0.2,0.2-0.3,0.3c-0.4,0.2-1,0.3-1.4,0.3c-0.5,0-1.1-0.2-1.8-0.8
c-0.8-0.5-1.4-1.2-2.3-2c-0.8-0.9-1.6-2.1-2.6-3.7c-1-1.6-1.9-3.5-3-5.5L48,30.2c-0.5-1-1.3-2.5-2.2-4.4c-0.9-1.9-1.7-3.8-2.5-5.5
c-0.3-0.8-0.8-1.4-1.3-1.7l-0.3-0.1c-0.1-0.1-0.5-0.3-0.8-0.5c-0.4-0.1-0.8-0.3-1.2-0.4l-14.5-0.1c-1.5,0-2.5,0.4-3.1,1.1l-0.2,0.3
c-0.1,0.1-0.2,0.5-0.2,0.8s0.1,0.9,0.3,1.4c2.2,5,4.5,9.9,7,14.6s4.7,8.5,6.5,11.3c1.9,2.8,3.8,5.5,5.7,8.1c2,2.6,3.2,4.1,3.8,4.9
c0.6,0.8,1.1,1.3,1.5,1.6l1.3,1.3c0.8,0.8,2.1,1.9,3.8,3.1c1.7,1.2,3.5,2.4,5.5,3.5c2,1.1,4.4,2.1,7,2.9c2.7,0.8,5.3,1,7.8,0.9h6.2
c1.3-0.1,2.2-0.5,2.8-1.2l0.2-0.1c0.1-0.2,0.3-0.5,0.4-1c0.1-0.5,0.2-1,0.2-1.5c0-1.5,0.1-2.9,0.4-4.1c0.3-1.2,0.6-2.2,0.9-2.8
c0.4-0.6,0.8-1.1,1.1-1.6c0.4-0.5,0.8-0.7,0.9-0.8c0.2-0.1,0.3-0.1,0.5-0.1c0.8-0.3,1.9,0,3,0.8c1.1,0.8,2.3,1.9,3.3,3.1
c1.1,1.2,2.3,2.6,3.7,4.1s2.7,2.7,3.8,3.4l1.1,0.7c0.8,0.4,1.6,0.8,2.8,1.2s2.2,0.4,3,0.3l13.7-0.2c1.3,0,2.4-0.2,3.1-0.7
c0.8-0.5,1.2-1,1.4-1.5c0.1-0.5,0.1-1.1,0-1.8C124.3,68.6,124.2,68.1,124,67.8z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB