1154 lines
46 KiB
HTML
1154 lines
46 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Dusk Profile</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
|
|
<meta name="description" content="Profile custom I usually used in Social Media , bookmarks, engine" />
|
|
<meta property="og:site_name" content="Dusk Profile" />
|
|
<meta property="og:title" content="Dusk Profile" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:description" content="Profile custom I usually used in Social Media , bookmarks, engine" />
|
|
|
|
<meta property="og:image:type" content="image/jpeg" />
|
|
<meta property="og:image:width" content="1280" />
|
|
<meta property="og:image:height" content="800" />
|
|
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic" rel="stylesheet" type="text/css" />
|
|
<style>
|
|
html,
|
|
body,
|
|
div,
|
|
span,
|
|
applet,
|
|
object,
|
|
iframe,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
blockquote,
|
|
pre,
|
|
a,
|
|
abbr,
|
|
acronym,
|
|
address,
|
|
big,
|
|
cite,
|
|
code,
|
|
del,
|
|
dfn,
|
|
em,
|
|
img,
|
|
ins,
|
|
kbd,
|
|
q,
|
|
s,
|
|
samp,
|
|
small,
|
|
strike,
|
|
strong,
|
|
sub,
|
|
sup,
|
|
tt,
|
|
var,
|
|
b,
|
|
u,
|
|
i,
|
|
center,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ol,
|
|
ul,
|
|
li,
|
|
fieldset,
|
|
form,
|
|
label,
|
|
legend,
|
|
table,
|
|
caption,
|
|
tbody,
|
|
tfoot,
|
|
thead,
|
|
tr,
|
|
th,
|
|
td,
|
|
article,
|
|
aside,
|
|
canvas,
|
|
details,
|
|
embed,
|
|
figure,
|
|
figcaption,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
output,
|
|
ruby,
|
|
section,
|
|
summary,
|
|
time,
|
|
mark,
|
|
audio,
|
|
video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
|
|
body {
|
|
line-height: 1;
|
|
}
|
|
|
|
ol,
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
blockquote,
|
|
q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before,
|
|
blockquote:after,
|
|
q:before,
|
|
q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
body {
|
|
-webkit-text-size-adjust: none
|
|
}
|
|
|
|
mark {
|
|
background-color: transparent;
|
|
color: inherit
|
|
}
|
|
|
|
input::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="email"],
|
|
select,
|
|
textarea {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
-ms-appearance: none;
|
|
appearance: none
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
line-height: 1.0;
|
|
word-wrap: break-word;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
strong {
|
|
color: inherit;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
|
|
code {
|
|
font-family: 'Lucida Console', 'Courier New', monospace;
|
|
font-weight: normal;
|
|
text-indent: 0;
|
|
letter-spacing: 0;
|
|
font-size: 0.9em;
|
|
margin: 0 0.25em;
|
|
padding: 0.25em 0.5em;
|
|
background-color: rgba(144, 144, 144, 0.25);
|
|
border-radius: 0.25em;
|
|
}
|
|
|
|
mark {
|
|
background-color: rgba(144, 144, 144, 0.25);
|
|
}
|
|
|
|
a {
|
|
-moz-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
|
|
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
|
|
-ms-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
|
|
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
s {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
body:before {
|
|
content: '';
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 0;
|
|
-moz-pointer-events: none;
|
|
-webkit-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
pointer-events: none;
|
|
-moz-transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
background-attachment: scroll;
|
|
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.62)), url('assets/images/bg.gif?v=43d43b3f');
|
|
background-position: 0% 0%, left;
|
|
background-repeat: repeat, repeat;
|
|
background-size: auto, cover;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
body:after {
|
|
display: block;
|
|
content: '';
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #000000;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
-moz-transition: opacity 2s ease-in-out 0.25s, visibility 2s 0.25s;
|
|
-webkit-transition: opacity 2s ease-in-out 0.25s, visibility 2s 0.25s;
|
|
-ms-transition: opacity 2s ease-in-out 0.25s, visibility 2s 0.25s;
|
|
transition: opacity 2s ease-in-out 0.25s, visibility 2s 0.25s;
|
|
-moz-transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
body.is-loading:after {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
html {
|
|
font-size: 20pt;
|
|
}
|
|
|
|
#wrapper {
|
|
-webkit-overflow-scrolling: touch;
|
|
display: flex;
|
|
-moz-flex-direction: column;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
-moz-align-items: flex-end;
|
|
-webkit-align-items: flex-end;
|
|
-ms-align-items: flex-end;
|
|
align-items: flex-end;
|
|
-moz-justify-content: center;
|
|
-webkit-justify-content: center;
|
|
-ms-justify-content: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
position: relative;
|
|
z-index: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#main {
|
|
display: flex;
|
|
position: relative;
|
|
max-width: 100%;
|
|
z-index: 1;
|
|
-moz-align-items: center;
|
|
-webkit-align-items: center;
|
|
-ms-align-items: center;
|
|
align-items: center;
|
|
-moz-justify-content: center;
|
|
-webkit-justify-content: center;
|
|
-ms-justify-content: center;
|
|
justify-content: center;
|
|
-moz-flex-grow: 0;
|
|
-webkit-flex-grow: 0;
|
|
-ms-flex-grow: 0;
|
|
flex-grow: 0;
|
|
-moz-flex-shrink: 0;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
text-align: right;
|
|
-moz-transition: opacity 1.875s ease 0s, -moz-transform 1.875s ease 0s;
|
|
-webkit-transition: opacity 1.875s ease 0s, -webkit-transform 1.875s ease 0s;
|
|
-ms-transition: opacity 1.875s ease 0s, -ms-transform 1.875s ease 0s;
|
|
transition: opacity 1.875s ease 0s, transform 1.875s ease 0s;
|
|
}
|
|
|
|
#main>.inner {
|
|
position: relative;
|
|
z-index: 1;
|
|
border-radius: inherit;
|
|
padding: 3.875rem 3.125rem;
|
|
max-width: 100%;
|
|
width: 25rem;
|
|
}
|
|
|
|
#main>.inner>* {
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
-moz-transition: opacity 1s ease-in-out 0s;
|
|
-webkit-transition: opacity 1s ease-in-out 0s;
|
|
-ms-transition: opacity 1s ease-in-out 0s;
|
|
transition: opacity 1s ease-in-out 0s;
|
|
}
|
|
|
|
#main>.inner> :first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
#main>.inner> :last-child {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
#main>.inner>.full {
|
|
margin-left: calc(-3.125rem);
|
|
width: calc(100% + 6.25rem + 0.4725px);
|
|
max-width: calc(100% + 6.25rem + 0.4725px);
|
|
}
|
|
|
|
#main>.inner>.full:first-child {
|
|
margin-top: -3.875rem !important;
|
|
border-top-left-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
}
|
|
|
|
#main>.inner>.full:last-child {
|
|
margin-bottom: -3.875rem !important;
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
|
|
#main>.inner>.full.screen {
|
|
width: 100vw;
|
|
max-width: 100vw;
|
|
position: relative;
|
|
border-radius: 0 !important;
|
|
left: auto;
|
|
right: -100%;
|
|
margin-left: calc(-100vw + 3.125rem);
|
|
}
|
|
|
|
body.is-loading #main {
|
|
opacity: 0;
|
|
-moz-transform: translateX(1.5rem);
|
|
-webkit-transform: translateX(1.5rem);
|
|
-ms-transform: translateX(1.5rem);
|
|
transform: translateX(1.5rem);
|
|
}
|
|
|
|
body.is-loading #main>.inner>* {
|
|
opacity: 0;
|
|
}
|
|
|
|
#main>.inner> :nth-child(2) {
|
|
-moz-transition-delay: 0.375s;
|
|
-webkit-transition-delay: 0.375s;
|
|
-ms-transition-delay: 0.375s;
|
|
transition-delay: 0.375s;
|
|
}
|
|
|
|
#main>.inner> :nth-child(3) {
|
|
-moz-transition-delay: 0.75s;
|
|
-webkit-transition-delay: 0.75s;
|
|
-ms-transition-delay: 0.75s;
|
|
transition-delay: 0.75s;
|
|
}
|
|
|
|
body.is-instant #main,
|
|
body.is-instant #main>.inner>*,
|
|
body.is-instant #main>.inner>section>* {
|
|
-moz-transition: none !important;
|
|
-webkit-transition: none !important;
|
|
-ms-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
|
|
body.is-instant:after {
|
|
display: none !important;
|
|
-moz-transition: none !important;
|
|
-webkit-transition: none !important;
|
|
-ms-transition: none !important;
|
|
transition: none !important;
|
|
}
|
|
|
|
h1 br+br,
|
|
h2 br+br,
|
|
h3 br+br,
|
|
p br+br {
|
|
display: block;
|
|
content: ' ';
|
|
}
|
|
|
|
h1 .li,
|
|
h2 .li,
|
|
h3 .li,
|
|
p .li {
|
|
display: list-item;
|
|
padding-left: 0.5em;
|
|
margin: 0.75em 0 0 1em;
|
|
}
|
|
|
|
h1.style1,
|
|
h2.style1,
|
|
h3.style1,
|
|
p.style1 br+br {
|
|
margin-top: 0.75rem;
|
|
}
|
|
|
|
h1.style1,
|
|
h2.style1,
|
|
h3.style1,
|
|
p.style1 {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
color: #FFFFFF;
|
|
font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
letter-spacing: 0.25rem;
|
|
width: calc(100% + 0.25rem);
|
|
font-size: 2em;
|
|
line-height: 1.25;
|
|
font-weight: 400;
|
|
}
|
|
|
|
h1.style1 a,
|
|
h2.style1 a,
|
|
h3.style1 a,
|
|
p.style1 a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
h1.style1 a:hover,
|
|
h2.style1 a:hover,
|
|
h3.style1 a:hover,
|
|
p.style1 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#text02 br+br {
|
|
margin-top: 1.005rem;
|
|
}
|
|
|
|
#text02 {
|
|
color: rgba(255, 255, 255, 0.541);
|
|
font-family: 'Source Sans Pro', sans-serif;
|
|
letter-spacing: 0.075rem;
|
|
width: calc(100% + 0.075rem);
|
|
font-size: 0.75em;
|
|
line-height: 1.675;
|
|
font-weight: 400;
|
|
}
|
|
|
|
#text02 a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#text02 a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.icons {
|
|
cursor: default;
|
|
padding: 0;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.icons li {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.icons li a {
|
|
display: flex;
|
|
-moz-align-items: center;
|
|
-webkit-align-items: center;
|
|
-ms-align-items: center;
|
|
align-items: center;
|
|
-moz-justify-content: center;
|
|
-webkit-justify-content: center;
|
|
-ms-justify-content: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.icons li a svg {
|
|
display: block;
|
|
position: relative;
|
|
-moz-transition: fill 0.25s ease;
|
|
-webkit-transition: fill 0.25s ease;
|
|
-ms-transition: fill 0.25s ease;
|
|
transition: fill 0.25s ease;
|
|
}
|
|
|
|
.icons li a+svg {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
-moz-pointer-events: none;
|
|
-webkit-pointer-events: none;
|
|
-ms-pointer-events: none;
|
|
pointer-events: none;
|
|
-moz-transition: fill 0.25s ease, stroke 0.25s ease;
|
|
-webkit-transition: fill 0.25s ease, stroke 0.25s ease;
|
|
-ms-transition: fill 0.25s ease, stroke 0.25s ease;
|
|
transition: fill 0.25s ease, stroke 0.25s ease;
|
|
}
|
|
|
|
.icons li a .label {
|
|
display: none;
|
|
}
|
|
|
|
#icons01 {
|
|
font-size: 1.25em;
|
|
width: calc(100% + 1.25rem);
|
|
margin-left: -0.625rem;
|
|
}
|
|
|
|
#icons01 li {
|
|
margin: 0.625rem;
|
|
}
|
|
|
|
#icons01 li a {
|
|
border-radius: 0.375rem;
|
|
width: 2em;
|
|
height: 2em;
|
|
}
|
|
|
|
#icons01 li a svg {
|
|
width: 60%;
|
|
height: 60%;
|
|
}
|
|
|
|
#icons01 a {
|
|
background-color: #D13030;
|
|
}
|
|
|
|
#icons01 a svg {
|
|
fill: #FFFFFF;
|
|
}
|
|
|
|
#icons01 .n01 {
|
|
background-color: #48A3B0;
|
|
}
|
|
|
|
#icons01 .n01:hover {
|
|
background-color: #4ABECF !important;
|
|
}
|
|
|
|
#icons01 .n02 {
|
|
background-color: #294F99;
|
|
}
|
|
|
|
#icons01 .n02:hover {
|
|
background-color: #295DC2 !important;
|
|
}
|
|
|
|
#icons01 .n03 {
|
|
background-color: #4067A3;
|
|
}
|
|
|
|
#icons01 .n03:hover {
|
|
background-color: #4075C7 !important;
|
|
}
|
|
|
|
#icons01 .n04 {
|
|
background-color: #A84AA5;
|
|
}
|
|
|
|
#icons01 .n04:hover {
|
|
background-color: #CC4EC8 !important;
|
|
}
|
|
|
|
@media (max-width: 1680px) {
|
|
html {
|
|
font-size: 15pt;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1280px) {
|
|
html {
|
|
font-size: 15pt;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 980px) {
|
|
html {
|
|
font-size: 13pt;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 736px) {
|
|
html {
|
|
font-size: 12pt;
|
|
}
|
|
#main>.inner {
|
|
padding: 3.5rem 2rem;
|
|
}
|
|
#main>.inner>* {
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
#main>.inner>.full {
|
|
margin-left: calc(-2rem);
|
|
width: calc(100% + 4rem + 0.4725px);
|
|
max-width: calc(100% + 4rem + 0.4725px);
|
|
}
|
|
#main>.inner>.full:first-child {
|
|
margin-top: -3.5rem !important;
|
|
}
|
|
#main>.inner>.full:last-child {
|
|
margin-bottom: -3.5rem !important;
|
|
}
|
|
#main>.inner>.full.screen {
|
|
margin-left: calc(-100vw + 2rem);
|
|
}
|
|
h1.style1,
|
|
h2.style1,
|
|
h3.style1,
|
|
p.style1 {
|
|
letter-spacing: 0.21875rem;
|
|
width: calc(100% + 0.21875rem);
|
|
font-size: 1.875em;
|
|
line-height: 1.25;
|
|
}
|
|
#text02 {
|
|
letter-spacing: 0.065625rem;
|
|
width: calc(100% + 0.065625rem);
|
|
font-size: 0.75em;
|
|
line-height: 1.675;
|
|
}
|
|
#icons01 {
|
|
font-size: 1.25em;
|
|
width: calc(100% + 1.25rem);
|
|
margin-left: -0.625rem;
|
|
}
|
|
#icons01 li {
|
|
margin: 0.625rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
#main>.inner>* {
|
|
margin-top: 1.3125rem;
|
|
margin-bottom: 1.3125rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 360px) {
|
|
#main>.inner {
|
|
padding: 2.625rem 1.5rem;
|
|
}
|
|
#main>.inner>* {
|
|
margin-top: 1.125rem;
|
|
margin-bottom: 1.125rem;
|
|
}
|
|
#main>.inner>.full {
|
|
margin-left: calc(-1.5rem);
|
|
width: calc(100% + 3rem + 0.4725px);
|
|
max-width: calc(100% + 3rem + 0.4725px);
|
|
}
|
|
#main>.inner>.full:first-child {
|
|
margin-top: -2.625rem !important;
|
|
}
|
|
#main>.inner>.full:last-child {
|
|
margin-bottom: -2.625rem !important;
|
|
}
|
|
#main>.inner>.full.screen {
|
|
margin-left: calc(-100vw + 1.5rem);
|
|
}
|
|
h1.style1,
|
|
h2.style1,
|
|
h3.style1,
|
|
p.style1 {
|
|
font-size: 1.875em;
|
|
}
|
|
#text02 {
|
|
font-size: 0.75em;
|
|
}
|
|
#icons01 {
|
|
width: calc(100% + 0.9375rem);
|
|
margin-left: -0.46875rem;
|
|
}
|
|
#icons01 li {
|
|
margin: 0.46875rem;
|
|
}
|
|
}
|
|
</style><noscript><style>body {overflow: auto !important;}body:after {display: none !important;}#main > .inner {opacity: 1.0 !important;}#main {opacity: 1.0 !important;-moz-transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-filter: none !important;-webkit-filter: none !important;-ms-filter: none !important;filter: none !important;}#main > .inner > * {opacity: 1.0 !important;-moz-transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-filter: none !important;-webkit-filter: none !important;-ms-filter: none !important;filter: none !important;}</style></noscript></head>
|
|
<body
|
|
class="is-loading"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" display="none" width="0" height="0"><symbol id="icon-914" viewBox="0 0 40 40"><path d="M25.6,32.6c-0.6-3.4-1.6-6.8-2.9-10.4h0l0,0c-0.2,0.1-0.5,0.2-0.9,0.3c-0.4,0.1-1.1,0.5-2.1,1c-1,0.5-2,1.1-2.9,1.7 c-0.9,0.6-1.8,1.4-2.7,2.4c-0.9,1-1.7,2-2.1,3.1l-0.3-0.2c2.6,2.1,5.5,3.1,8.7,3.1C22.1,33.7,23.8,33.3,25.6,32.6L25.6,32.6z M21.7,19.9c-0.3-0.7-0.7-1.5-1.1-2.3c-4.3,1.3-9,1.9-14,1.9c0,0.1,0,0.2,0,0.4c0,1.7,0.3,3.4,0.9,4.9s1.5,3,2.6,4.2 c0.7-1.2,1.6-2.4,2.6-3.5s2-1.9,3-2.6s1.9-1.2,2.7-1.7c0.9-0.5,1.5-0.8,2.1-1l0.8-0.3c0.1,0,0.1,0,0.3-0.1 C21.5,20,21.6,20,21.7,19.9L21.7,19.9z M19.5,15.5c-1.7-3-3.4-5.6-5.1-7.9c-1.9,0.9-3.5,2.2-4.9,3.9s-2.2,3.6-2.7,5.7 C11,17.2,15.2,16.6,19.5,15.5L19.5,15.5z M33.7,22.2c-2.9-0.8-5.8-1-8.5-0.6c1.2,3.3,2.1,6.6,2.7,9.8c1.5-1,2.8-2.4,3.9-4 C32.8,25.8,33.4,24.1,33.7,22.2z M16.9,6.7C16.9,6.7,16.9,6.7,16.9,6.7C16.9,6.7,16.9,6.7,16.9,6.7z M29.2,9.7 c-2.6-2.3-5.6-3.4-9-3.4c-1.1,0-2.1,0.1-3.2,0.4c1.8,2.4,3.5,5,5.1,8c1-0.4,1.9-0.8,2.7-1.3c0.8-0.5,1.5-0.9,2-1.3s0.9-0.8,1.4-1.2 s0.7-0.7,0.8-0.8L29.2,9.7z M33.9,19.9c0-3.2-1.1-6.1-3.1-8.6l0,0c-0.1,0.2-0.3,0.3-0.4,0.5c-0.1,0.2-0.4,0.5-0.9,0.9 c-0.5,0.4-1,0.9-1.5,1.3c-0.5,0.4-1.2,0.8-2.1,1.4c-0.9,0.5-1.8,1-2.7,1.3c0.3,0.7,0.7,1.4,0.9,2c0,0.1,0.1,0.2,0.1,0.4 c0.1,0.2,0.1,0.3,0.2,0.3c0.5-0.1,1-0.1,1.6-0.1c0.5,0,1,0,1.5,0c0.5,0,1,0,1.4,0s0.9,0,1.3,0.1c0.4,0,0.8,0.1,1.2,0.1 c0.4,0,0.7,0.1,1,0.1c0.3,0,0.6,0.1,0.8,0.1c0.2,0,0.4,0.1,0.5,0.1L33.9,19.9z M36.2,20c0,2.9-0.7,5.6-2.1,8 c-1.4,2.5-3.4,4.4-5.8,5.8s-5.1,2.1-8,2.1c-2.9,0-5.6-0.7-8-2.1S7.8,30.5,6.3,28s-2.1-5.1-2.1-8s0.7-5.6,2.1-8s3.4-4.4,5.8-5.8 s5.1-2.1,8-2.1c2.9,0,5.6,0.7,8,2.1s4.4,3.4,5.8,5.8C35.5,14.4,36.2,17.1,36.2,20z"/></symbol><symbol id="icon-906" viewBox="0 0 40 40"><path d="M27.2,4.7v4.9h-2.9c-1.1,0-1.8,0.2-2.1,0.6c-0.4,0.5-0.6,1.1-0.6,2v3.5H27l-0.7,5.4h-4.7v14H16v-14h-4.7v-5.4H16v-4.1 c0-2.3,0.6-4.1,1.9-5.3s2.9-1.9,5.2-1.9C24.8,4.4,26.2,4.5,27.2,4.7L27.2,4.7z"/></symbol><symbol id="icon-910" viewBox="0 0 40 40"><path d="M20,7c4.2,0,4.7,0,6.3,0.1c1.5,0.1,2.3,0.3,3,0.5C30,8,30.5,8.3,31.1,8.9c0.5,0.5,0.9,1.1,1.2,1.8c0.2,0.5,0.5,1.4,0.5,3 C33,15.3,33,15.8,33,20s0,4.7-0.1,6.3c-0.1,1.5-0.3,2.3-0.5,3c-0.3,0.7-0.6,1.2-1.2,1.8c-0.5,0.5-1.1,0.9-1.8,1.2 c-0.5,0.2-1.4,0.5-3,0.5C24.7,33,24.2,33,20,33s-4.7,0-6.3-0.1c-1.5-0.1-2.3-0.3-3-0.5C10,32,9.5,31.7,8.9,31.1 C8.4,30.6,8,30,7.7,29.3c-0.2-0.5-0.5-1.4-0.5-3C7,24.7,7,24.2,7,20s0-4.7,0.1-6.3c0.1-1.5,0.3-2.3,0.5-3C8,10,8.3,9.5,8.9,8.9 C9.4,8.4,10,8,10.7,7.7c0.5-0.2,1.4-0.5,3-0.5C15.3,7.1,15.8,7,20,7z M20,4.3c-4.3,0-4.8,0-6.5,0.1c-1.6,0-2.8,0.3-3.8,0.7 C8.7,5.5,7.8,6,6.9,6.9C6,7.8,5.5,8.7,5.1,9.7c-0.4,1-0.6,2.1-0.7,3.8c-0.1,1.7-0.1,2.2-0.1,6.5s0,4.8,0.1,6.5 c0,1.6,0.3,2.8,0.7,3.8c0.4,1,0.9,1.9,1.8,2.8c0.9,0.9,1.7,1.4,2.8,1.8c1,0.4,2.1,0.6,3.8,0.7c1.6,0.1,2.2,0.1,6.5,0.1 s4.8,0,6.5-0.1c1.6-0.1,2.9-0.3,3.8-0.7c1-0.4,1.9-0.9,2.8-1.8c0.9-0.9,1.4-1.7,1.8-2.8c0.4-1,0.6-2.1,0.7-3.8 c0.1-1.6,0.1-2.2,0.1-6.5s0-4.8-0.1-6.5c-0.1-1.6-0.3-2.9-0.7-3.8c-0.4-1-0.9-1.9-1.8-2.8c-0.9-0.9-1.7-1.4-2.8-1.8 c-1-0.4-2.1-0.6-3.8-0.7C24.8,4.3,24.3,4.3,20,4.3L20,4.3L20,4.3z"/><path d="M20,11.9c-4.5,0-8.1,3.7-8.1,8.1s3.7,8.1,8.1,8.1s8.1-3.7,8.1-8.1S24.5,11.9,20,11.9z M20,25.2c-2.9,0-5.2-2.3-5.2-5.2 s2.3-5.2,5.2-5.2s5.2,2.3,5.2,5.2S22.9,25.2,20,25.2z"/><path d="M30.6,11.6c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9s0.8-1.9,1.9-1.9C29.8,9.7,30.6,10.5,30.6,11.6z"/></symbol><symbol id="icon-92f" viewBox="0 0 40 40"><path d="M20,13.9v8.4h-2.8v-8.4H20z M27.7,13.9v8.4h-2.8v-8.4H27.7z M27.7,28.5l4.9-4.9V8.3h-23v20.2h6.3v4.2l4.2-4.2 C20,28.5,27.7,28.5,27.7,28.5z M35.4,5.5v19.6l-8.4,8.4h-6.3l-4.2,4.2h-4.2v-4.2H4.6V11.1l2.1-5.6H35.4L35.4,5.5z"/></symbol><symbol id="icon-905" viewBox="0 0 40 40"><path d="M36.3,10.2c-1,1.3-2.1,2.5-3.4,3.5c0,0.2,0,0.4,0,1c0,1.7-0.2,3.6-0.9,5.3c-0.6,1.7-1.2,3.5-2.4,5.1 c-1.1,1.5-2.3,3.1-3.7,4.3c-1.4,1.2-3.3,2.3-5.3,3c-2.1,0.8-4.2,1.2-6.6,1.2c-3.6,0-7-1-10.2-3c0.4,0,1.1,0.1,1.5,0.1 c3.1,0,5.9-1,8.2-2.9c-1.4,0-2.7-0.4-3.8-1.3c-1.2-1-1.9-2-2.2-3.3c0.4,0.1,1,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-1.4-0.3-2.7-1.1-3.7-2.3s-1.4-2.6-1.4-4.2v-0.1c1,0.6,2,0.9,3,0.9c-1-0.6-1.5-1.3-2.2-2.4c-0.6-1-0.9-2.1-0.9-3.3s0.3-2.3,1-3.4 c1.5,2.1,3.6,3.6,6,4.9s4.9,2,7.6,2.1c-0.1-0.6-0.1-1.1-0.1-1.4c0-1.8,0.8-3.5,2-4.7c1.2-1.2,2.9-2,4.7-2c2,0,3.6,0.8,4.8,2.1 c1.4-0.3,2.9-0.9,4.2-1.5c-0.4,1.5-1.4,2.7-2.9,3.6C33.8,11.2,35.1,10.9,36.3,10.2L36.3,10.2z"/></symbol></svg>
|
|
<div
|
|
id="wrapper">
|
|
<div id="main">
|
|
<div class="inner">
|
|
<h1 id="text01" class="style1"><strong>DUSK</strong></h1>
|
|
<p id="text02">Sometimes music speaks what you feel inside 🎶</p>
|
|
<ul id="icons01" class="icons">
|
|
<li><a class="n01" href="http://twitter.com"><svg><use xlink:href="#icon-905"></use></svg><span class="label">Twitter</span></a></li>
|
|
<li><a class="n02" href="http://facebook.com"><svg><use xlink:href="#icon-906"></use></svg><span class="label">Facebook</span></a></li>
|
|
<li><a class="n03" href="http://instagram.com"><svg><use xlink:href="#icon-910"></use></svg><span class="label">Instagram</span></a></li>
|
|
<li><a class="n04" href="http://dribbble.com"><svg><use xlink:href="#icon-914"></use></svg><span class="label">Dribbble</span></a></li>
|
|
<li><a class="n05" href="https://www.twitch.tv/"><svg><use xlink:href="#icon-92f"></use></svg><span class="label">Twitch</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
(function() {
|
|
var on = addEventListener,
|
|
$ = function(q) {
|
|
return document.querySelector(q)
|
|
},
|
|
$$ = function(q) {
|
|
return document.querySelectorAll(q)
|
|
},
|
|
$body = document.body,
|
|
$inner = $('.inner'),
|
|
client = (function() {
|
|
var o = {
|
|
browser: 'other',
|
|
browserVersion: 0,
|
|
os: 'other',
|
|
osVersion: 0,
|
|
mobile: false,
|
|
canUse: null
|
|
},
|
|
ua = navigator.userAgent,
|
|
a, i;
|
|
a = [
|
|
['firefox', /Firefox\/([0-9\.]+)/],
|
|
['edge', /Edge\/([0-9\.]+)/],
|
|
['safari', /Version\/([0-9\.]+).+Safari/],
|
|
['chrome', /Chrome\/([0-9\.]+)/],
|
|
['chrome', /CriOS\/([0-9\.]+)/],
|
|
['ie', /Trident\/.+rv:([0-9]+)/]
|
|
];
|
|
for (i = 0; i < a.length; i++) {
|
|
if (ua.match(a[i][1])) {
|
|
o.browser = a[i][0];
|
|
o.browserVersion = parseFloat(RegExp.$1);
|
|
break;
|
|
}
|
|
}
|
|
a = [
|
|
['ios', /([0-9_]+) like Mac OS X/, function(v) {
|
|
return v.replace('_', '.').replace('_', '');
|
|
}],
|
|
['ios', /CPU like Mac OS X/, function(v) {
|
|
return 0
|
|
}],
|
|
['ios', /iPad; CPU/, function(v) {
|
|
return 0
|
|
}],
|
|
['android', /Android ([0-9\.]+)/, null],
|
|
['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) {
|
|
return v.replace('_', '.').replace('_', '');
|
|
}],
|
|
['windows', /Windows NT ([0-9\.]+)/, null],
|
|
['undefined', /Undefined/, null],
|
|
];
|
|
for (i = 0; i < a.length; i++) {
|
|
if (ua.match(a[i][1])) {
|
|
o.os = a[i][0];
|
|
o.osVersion = parseFloat(a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1);
|
|
break;
|
|
}
|
|
}
|
|
if (o.os == 'mac' && ('ontouchstart' in window) && ((screen.width == 1024 && screen.height == 1366) || (screen.width == 834 && screen.height == 1112) || (screen.width == 810 && screen.height == 1080) || (screen.width == 768 && screen.height == 1024))) o.os = 'ios';
|
|
o.mobile = (o.os == 'android' || o.os == 'ios');
|
|
var _canUse = document.createElement('div');
|
|
o.canUse = function(p) {
|
|
var e = _canUse.style,
|
|
up = p.charAt(0).toUpperCase() + p.slice(1);
|
|
return (p in e || ('Moz' + up) in e || ('Webkit' + up) in e || ('O' + up) in e || ('ms' + up) in e);
|
|
};
|
|
return o;
|
|
}()),
|
|
trigger = function(t) {
|
|
if (client.browser == 'ie') {
|
|
var e = document.createEvent('Event');
|
|
e.initEvent(t, false, true);
|
|
dispatchEvent(e);
|
|
} else dispatchEvent(new Event(t));
|
|
},
|
|
cssRules = function(selectorText) {
|
|
var ss = document.styleSheets,
|
|
a = [],
|
|
f = function(s) {
|
|
var r = s.cssRules,
|
|
i;
|
|
for (i = 0; i < r.length; i++) {
|
|
if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]);
|
|
else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText) a.push(r[i]);
|
|
}
|
|
},
|
|
x, i;
|
|
for (i = 0; i < ss.length; i++) f(ss[i]);
|
|
return a;
|
|
},
|
|
thisHash = function() {
|
|
var h = location.hash ? location.hash.substring(1) : null,
|
|
a;
|
|
if (!h) return null;
|
|
if (h.match(/\?/)) {
|
|
a = h.split('?');
|
|
h = a[0];
|
|
history.replaceState(undefined, undefined, '#' + h);
|
|
window.location.search = a[1];
|
|
}
|
|
if (h.length > 0 && !h.match(/^[a-zA-Z]/)) h = 'x' + h;
|
|
if (typeof h == 'string') h = h.toLowerCase();
|
|
return h;
|
|
},
|
|
scrollToElement = function(e, style, duration) {
|
|
var y, cy, dy, start, easing, offset, f;
|
|
if (!e) y = 0;
|
|
else {
|
|
offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {
|
|
case 'default':
|
|
default:
|
|
y = e.offsetTop + offset;
|
|
break;
|
|
case 'center':
|
|
if (e.offsetHeight < window.innerHeight) y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset;
|
|
else y = e.offsetTop - offset;
|
|
break;
|
|
case 'previous':
|
|
if (e.previousElementSibling) y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset;
|
|
else y = e.offsetTop + offset;
|
|
break;
|
|
}
|
|
}
|
|
if (!style) style = 'smooth';
|
|
if (!duration) duration = 750;
|
|
if (style == 'instant') {
|
|
window.scrollTo(0, y);
|
|
return;
|
|
}
|
|
start = Date.now();
|
|
cy = window.scrollY;
|
|
dy = y - cy;
|
|
switch (style) {
|
|
case 'linear':
|
|
easing = function(t) {
|
|
return t
|
|
};
|
|
break;
|
|
case 'smooth':
|
|
easing = function(t) {
|
|
return t < .5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1
|
|
};
|
|
break;
|
|
}
|
|
f = function() {
|
|
var t = Date.now() - start;
|
|
if (t >= duration) window.scroll(0, y);
|
|
else {
|
|
window.scroll(0, cy + (dy * easing(t / duration)));
|
|
requestAnimationFrame(f);
|
|
}
|
|
};
|
|
f();
|
|
},
|
|
scrollToTop = function() {
|
|
scrollToElement(null);
|
|
},
|
|
loadElements = function(parent) {
|
|
var a, e, x, i;
|
|
a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');
|
|
for (i = 0; i < a.length; i++) {
|
|
a[i].src = a[i].dataset.src;
|
|
a[i].dataset.src = "";
|
|
}
|
|
a = parent.querySelectorAll('video[autoplay]');
|
|
for (i = 0; i < a.length; i++) {
|
|
if (a[i].paused) a[i].play();
|
|
}
|
|
e = parent.querySelector('[data-autofocus="1"]');
|
|
x = e ? e.tagName : null;
|
|
switch (x) {
|
|
case 'FORM':
|
|
e = e.querySelector('.field input, .field select, .field textarea');
|
|
if (e) e.focus();
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
},
|
|
unloadElements = function(parent) {
|
|
var a, e, x, i;
|
|
a = parent.querySelectorAll('iframe[data-src=""]');
|
|
for (i = 0; i < a.length; i++) {
|
|
if (a[i].dataset.srcUnload === '0') continue;
|
|
a[i].dataset.src = a[i].src;
|
|
a[i].src = '';
|
|
}
|
|
a = parent.querySelectorAll('video');
|
|
for (i = 0; i < a.length; i++) {
|
|
if (!a[i].paused) a[i].pause();
|
|
}
|
|
e = $(':focus');
|
|
if (e) e.blur();
|
|
};
|
|
window._scrollToTop = scrollToTop;
|
|
var thisURL = function() {
|
|
return window.location.href.replace(window.location.search, '').replace(/#$/, '');
|
|
};
|
|
var getVar = function(name) {
|
|
var a = window.location.search.substring(1).split('&'),
|
|
b, k;
|
|
for (k in a) {
|
|
b = a[k].split('=');
|
|
if (b[0] == name) return b[1];
|
|
}
|
|
return null;
|
|
};
|
|
var errors = {
|
|
handle: function(handler) {
|
|
window.onerror = function(message, url, line, column, error) {
|
|
(handler)(error.message);
|
|
return true;
|
|
};
|
|
},
|
|
unhandle: function() {
|
|
window.onerror = null;
|
|
}
|
|
};
|
|
on('load', function() {
|
|
setTimeout(function() {
|
|
$body.className = $body.className.replace(/\bis-loading\b/, 'is-playing');
|
|
setTimeout(function() {
|
|
$body.className = $body.className.replace(/\bis-playing\b/, 'is-ready');
|
|
}, 2250);
|
|
}, 100);
|
|
});
|
|
loadElements(document.body);
|
|
var style, sheet, rule;
|
|
style = document.createElement('style');
|
|
style.appendChild(document.createTextNode(''));
|
|
document.head.appendChild(style);
|
|
sheet = style.sheet;
|
|
if (client.os == 'android') {
|
|
(function() {
|
|
sheet.insertRule('body::after { }', 0);
|
|
rule = sheet.cssRules[0];
|
|
var f = function() {
|
|
rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';
|
|
};
|
|
on('load', f);
|
|
on('orientationchange', f);
|
|
on('touchmove', f);
|
|
})();
|
|
$body.classList.add('is-touch');
|
|
} else if (client.os == 'ios') {
|
|
if (client.osVersion <= 11)(function() {
|
|
sheet.insertRule('body::after { }', 0);
|
|
rule = sheet.cssRules[0];
|
|
rule.style.cssText = '-webkit-transform: scale(1.0)';
|
|
})();
|
|
if (client.osVersion <= 11)(function() {
|
|
sheet.insertRule('body.ios-focus-fix::before { }', 0);
|
|
rule = sheet.cssRules[0];
|
|
rule.style.cssText = 'height: calc(100% + 60px)';
|
|
on('focus', function(event) {
|
|
$body.classList.add('ios-focus-fix');
|
|
}, true);
|
|
on('blur', function(event) {
|
|
$body.classList.remove('ios-focus-fix');
|
|
}, true);
|
|
})();
|
|
$body.classList.add('is-touch');
|
|
} else if (client.browser == 'ie') {
|
|
if (!('matches' in Element.prototype)) Element.prototype.matches = (Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
|
|
(function() {
|
|
var a = cssRules('body::before'),
|
|
r;
|
|
if (a.length > 0) {
|
|
r = a[0];
|
|
if (r.style.width.match('calc')) {
|
|
r.style.opacity = 0.9999;
|
|
setTimeout(function() {
|
|
r.style.opacity = 1;
|
|
}, 100);
|
|
} else {
|
|
document.styleSheets[0].addRule('body::before', 'content: none !important;');
|
|
$body.style.backgroundImage = r.style.backgroundImage.replace('url("images/', 'url("assets/images/');
|
|
$body.style.backgroundPosition = r.style.backgroundPosition;
|
|
$body.style.backgroundRepeat = r.style.backgroundRepeat;
|
|
$body.style.backgroundColor = r.style.backgroundColor;
|
|
$body.style.backgroundAttachment = 'fixed';
|
|
$body.style.backgroundSize = r.style.backgroundSize;
|
|
}
|
|
}
|
|
})();
|
|
(function() {
|
|
var t, f;
|
|
f = function() {
|
|
var mh, h, s, xx, x, i;
|
|
x = $('#wrapper');
|
|
x.style.height = 'auto';
|
|
if (x.scrollHeight <= innerHeight) x.style.height = '100vh';
|
|
xx = $$('.container.full');
|
|
for (i = 0; i < xx.length; i++) {
|
|
x = xx[i];
|
|
s = getComputedStyle(x);
|
|
x.style.minHeight = '';
|
|
x.style.height = '';
|
|
mh = s.minHeight;
|
|
x.style.minHeight = 0;
|
|
x.style.height = '';
|
|
h = s.height;
|
|
if (mh == 0) continue;
|
|
x.style.height = (h > mh ? 'auto' : mh);
|
|
}
|
|
};
|
|
(f)();
|
|
on('resize', function() {
|
|
clearTimeout(t);
|
|
t = setTimeout(f, 250);
|
|
});
|
|
on('load', f);
|
|
})();
|
|
} else if (client.browser == 'edge') {
|
|
(function() {
|
|
var xx = $$('.container > .inner > div:last-child'),
|
|
x, y, i;
|
|
for (i = 0; i < xx.length; i++) {
|
|
x = xx[i];
|
|
y = getComputedStyle(x.parentNode);
|
|
if (y.display != 'flex' && y.display != 'inline-flex') continue;
|
|
x.style.marginLeft = '-1px';
|
|
}
|
|
})();
|
|
}
|
|
if (!client.canUse('object-fit')) {
|
|
(function() {
|
|
var xx = $$('.image[data-position]'),
|
|
x, w, c, i, src;
|
|
for (i = 0; i < xx.length; i++) {
|
|
x = xx[i];
|
|
c = x.firstElementChild;
|
|
if (c.tagName != 'IMG') {
|
|
w = c;
|
|
c = c.firstElementChild;
|
|
}
|
|
if (c.parentNode.classList.contains('deferred')) {
|
|
c.parentNode.classList.remove('deferred');
|
|
src = c.getAttribute('data-src');
|
|
c.removeAttribute('data-src');
|
|
} else src = c.getAttribute('src');
|
|
c.style['backgroundImage'] = 'url(\'' + src + '\')';
|
|
c.style['backgroundSize'] = 'cover';
|
|
c.style['backgroundPosition'] = x.dataset.position;
|
|
c.style['backgroundRepeat'] = 'no-repeat';
|
|
c.src = 'data:image/svg+xml;charset=utf8,' + escape('<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"></svg>');
|
|
if (x.classList.contains('full') && (x.parentNode && x.parentNode.classList.contains('full')) && (x.parentNode.parentNode && x.parentNode.parentNode.parentNode && x.parentNode.parentNode.parentNode.classList.contains('container')) && x.parentNode.children.length == 1) {
|
|
(function(x, w) {
|
|
var p = x.parentNode.parentNode,
|
|
f = function() {
|
|
x.style['height'] = '0px';
|
|
clearTimeout(t);
|
|
t = setTimeout(function() {
|
|
if (getComputedStyle(p).flexDirection == 'row') {
|
|
if (w) w.style['height'] = '100%';
|
|
x.style['height'] = (p.scrollHeight + 1) + 'px';
|
|
} else {
|
|
if (w) w.style['height'] = 'auto';
|
|
x.style['height'] = 'auto';
|
|
}
|
|
}, 125);
|
|
},
|
|
t;
|
|
on('resize', f);
|
|
on('load', f);
|
|
(f)();
|
|
})(x, w);
|
|
}
|
|
}
|
|
})();
|
|
(function() {
|
|
var xx = $$('.gallery img'),
|
|
x, p, i, src;
|
|
for (i = 0; i < xx.length; i++) {
|
|
x = xx[i];
|
|
p = x.parentNode;
|
|
if (p.classList.contains('deferred')) {
|
|
p.classList.remove('deferred');
|
|
src = x.getAttribute('data-src');
|
|
} else src = x.getAttribute('src');
|
|
p.style['backgroundImage'] = 'url(\'' + src + '\')';
|
|
p.style['backgroundSize'] = 'cover';
|
|
p.style['backgroundPosition'] = 'center';
|
|
p.style['backgroundRepeat'] = 'no-repeat';
|
|
x.style['opacity'] = '0';
|
|
}
|
|
})();
|
|
}
|
|
})();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |