velvox
/
velvox-dev
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
velvox-dev/public/index.html

354 lines
16 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
rel="stylesheet"
/>
<style>
h1 {
font-weight: 500;
font-family: serif;
color: white;
font-size: 60px;
}
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.top {
position: fixed;
top: 0;
}
.marquee {
height: 50px;
overflow: hidden;
position: relative;
background: #000;
color: #fff;
}
.backquee {
height: 50px;
overflow: hidden;
position: relative;
background: #000;
color: #fff;
}
.backquee p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: center;
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-animation: scroll-right 2s linear infinite;
-webkit-animation: scroll-right 2s linear infinite;
animation: scroll-right 20s linear infinite;
}
.marquee p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: center;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-animation: scroll-left 2s linear infinite;
-webkit-animation: scroll-left 2s linear infinite;
animation: scroll-left 20s linear infinite;
}
html {
background-color: black;
overflow: hidden;
}
@-moz-keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes scroll-right {
0% {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
</style>
</head>
<body>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="marquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
<div class="backquee">
<p>
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox Velvox
</p>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink