/
var
/
www
/
doncode.com.ua
/
www
/
views
/
index
/
/var/www/doncode.com.ua/www/views/index
mkdir
upload
Name
Size
Mode
Actions
js/
-
0755
rm
account.php
121
0644
edit
dl
rm
index.php
20933
0644
edit
dl
rm
nn.php
5916
0666
edit
dl
rm
solutions.php
255
0644
edit
dl
rm
Edit:
/var/www/doncode.com.ua/www/views/index/nn.php
(5916B)
<style> :root { --width: 550px; --width-space: 760px; } .animation-board { display: flex; align-items: center; justify-content: center; } .space { padding-top: 100px; min-width: calc(var(--width-space)); width: calc(var(--width-space)); height: 330px; overflow: visible; display: block; margin: 0; padding: 0; } .ball { width: 10px; height: 10px; opacity: 0; position: relative; top: 10px; left: calc(50% - (var(--width) + 100px)/2); background-image: url("https://static.tildacdn.com/tild3939-3439-4234-b636-646464643134/sphere.svg"); background-repeat: no-repeat; margin: 0; padding: 0; } @keyframes showball { 0% { opacity: 0; } 100% { opacity: 1; transform: translateX(0); } } @keyframes moveball { 0% { transform: translateX(0); } 100% { transform: translateX(var(--width)); } 0%, 100% { opacity: 1; } } @keyframes hideball { 0% { opacity: 1; transform: translateX(var(--width)); } 100% { opacity: 0; transform: translateX(var(--width)); } } @media (max-width: 768px) { .animation-board { transform: scale(.8); } } @media (max-width: 500px) { .animation-board { transform: scale(.6); } } </style> <style> .wop1 { animation: showball 1s linear 1, moveball 1s cubic-bezier(0.455,0.03,0.515,0.255) 1s 1, hideball 1s linear 2s 1; } .wop2 { animation: showball 1s linear 1, moveball 1s cubic-bezier(0.455,0.03,0.515,0.955) 1s 1, hideball 1s linear 2s 1; } .wop3 { animation: showball 1s linear 1, moveball 1s cubic-bezier(0.455,0.03,0.515,0.955) 1s 1, hideball 1s linear 2s 1; } .wop4 { animation: showball 1s linear 1, moveball 1s cubic-bezier(0.455,0.03,0.515,0.955) 1s 1, hideball 1s linear 2s 1; } .wop5 { animation: showball 1s linear 1, moveball 1s cubic-bezier(0.455,0.03,0.515,0.955) 1s 1, hideball 1s linear 2s 1; } </style> <!--div class="animation-board"> <div class="space"> <div id="wop1" class="ball wop1"></div> <div id="wop2" class="ball wop2"></div> <div id="wop3" class="ball wop3"></div> <div id="wop4" class="ball wop4"></div> <div id="wop5" class="ball wop5"></div> </div> </div--> <!--div class="container demo"> <div class="content"> <div id="large-header" class="large-header"> <canvas id="demo-canvas"></canvas> <h1 class="main-title"><span class="thin">Explore</span> Space</h1> </div> </div> </div> <!--div class="waveWrapper waveAnimation"> <div class="waveWrapperInner bgTop"> <div class="wave waveTop" style="background-image: url('https://front-end-noobs.com/jecko/img/wave-top.png')"></div> </div> <div class="waveWrapperInner bgMiddle"> <div class="wave waveMiddle" style="background-image: url('https://front-end-noobs.com/jecko/img/wave-mid.png')"></div> </div> <div class="waveWrapperInner bgBottom"> <div class="wave waveBottom" style="background-image: url('https://front-end-noobs.com/jecko/img/wave-bot.png')"></div> </div> </div--> <!--script> $(document).ready(function () { var name1 = "wop1"; var name2 = "wop2"; var name3 = "wop3"; var name4 = "wop4"; var name5 = "wop5"; setInterval(function () { $("#" + name1).removeClass(name1).fadeIn(0).addClass(name1); }, 300); setInterval(function () { $("#" + name2).removeClass(name2).fadeIn(0).addClass(name2); }, 3000); setInterval(function () { $("#" + name3).removeClass(name3).fadeIn(0).addClass(name3); }, 1000); setInterval(function () { $("#" + name4).removeClass(name4).fadeIn(0).addClass(name4); }, 1300); setInterval(function () { $("#" + name5).removeClass(name5).fadeIn(0).addClass(name5); }, 1800); }); </script--> <script type="text/javascript" src="/public/js/space2.js"></script> <!-- Inspired by this dribble by The Purple Bunny: https://dribbble.com/shots/1677163-Menu --> <div class="container"> <input type="checkbox" class="toggle" id="toggle" checked="checked" /><label class="toggle" for="toggle"> 3D</label> <div class="menu"> <div class="top"> <span class="search"> <input type="text"> </span> <a class="exit" href="#" tabindex="0"></a> </div> <ul class="middle"> <li tabindex="0"><i class="fa fa-codepen"></i>Программа для клиента</li> <li tabindex="0"><i class="fa fa-map-marker"></i>Программа для водителя</li> <li tabindex="0"><i class="fa fa-calendar"></i>Сервер Такси</li> <li tabindex="0"><i class="fa fa-camera"></i>WEB интерфейс</li> <li tabindex="0"><i class="fa fa-check-square-o"></i>Панель оператора</li> <li tabindex="0"><i class="fa fa-dribbble"></i>Модуль доставки</li> <li tabindex="0"><i class="fa fa-user"></i>Терминалы пополнения</li> <li tabindex="0"><i class="fa fa-cogs"></i>Документация</li> </ul> <div class="bottom"></div> <div class="menu-back"></div> <div class="glass-reflection"></div> </div> </div>
Save
cmd:
run