diff options
Diffstat (limited to 'doge')
| -rw-r--r-- | doge/css/main.css | 159 | ||||
| -rw-r--r-- | doge/favicon.png | bin | 9191 -> 0 bytes | |||
| -rw-r--r-- | doge/index.html | 30 |
3 files changed, 0 insertions, 189 deletions
diff --git a/doge/css/main.css b/doge/css/main.css deleted file mode 100644 index d182707..0000000 --- a/doge/css/main.css +++ /dev/null @@ -1,159 +0,0 @@ -body { - background-image: url("http://fay.io/w/space.jpg"); - background-repeat: repeat; - background-position: top center; -} - -.rotate-container-1 { - -webkit-animation: shrink 6s linear infinite,
fade 6s linear infinite; - animation: shrink 6s linear infinite,
fade 6s linear infinite; -} - -.rotate-container-1 .rotate { - -webkit-animation: spin 6s linear infinite; - animation: spin 6s linear infinite; -} - -.rotate-container-1 .rotate-object { - background: url("http://fay.io/w/doge.png") no-repeat; - background-size: 100%; -} - -.rotate-container-2 { - -webkit-animation: shrink 6s linear infinite 2s,
fade 6s linear infinite 2s; - animation: shrink 6s linear infinite 2s,
fade 6s linear infinite 2s; -} - -.rotate-container-2 .rotate { - -webkit-animation: spin 6s linear infinite 2s; - animation: spin 6s linear infinite 2s; -} - -.rotate-container-2 .rotate-object { - background: url("http://fay.io/w/wrecking-ball(1).png") no-repeat; - background-size: 100%; -} - -.rotate-container-3 { - -webkit-animation: shrink 6s linear infinite 4s,
fade 6s linear infinite 4s; - animation: shrink 6s linear infinite 4s,
fade 6s linear infinite 4s; -} - -.rotate-container-3 .rotate { - -webkit-animation: spin 6s linear infinite 2s; - animation: spin 6s linear infinite 2s; -} - -.rotate-container-3 .rotate-object { - background: url("http://fay.io/w/grumpy-cat.png") no-repeat; - background-size: 100%; -} - -.rotate-container { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 1em; - height: 1em; - margin: auto; - -webkit-backface-visibility: hidden; - -webkit-perspective: 1000; -} - -.rotate { - position: absolute; - top: 50%; - left: 50%; - width: 1em; - height: 20em; - margin-left: -.5em; - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; -} - -.rotate-object { - position: absolute; - bottom: 0; - left: 50%; - width: 5em; - height: 5em; - margin-left: -2.5em; - -webkit-animation: spin 20s linear infinite; - animation: spin 20s linear infinite; -} - -@-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-webkit-keyframes shrink { - from { - -webkit-transform: scale(3); - transform: scale(3); - } - to { - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@keyframes shrink { - from { - -webkit-transform: scale(3); - transform: scale(3); - } - to { - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@-webkit-keyframes fade { - 0% { - opacity: 0; - } - 5% { - opacity: 1; - } - 80% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - -@keyframes fade { - 0% { - opacity: 0; - } - 5% { - opacity: 1; - } - 80% { - opacity: 1; - } - 100% { - opacity: 0; - } -} diff --git a/doge/favicon.png b/doge/favicon.png Binary files differdeleted file mode 100644 index b8838f1..0000000 --- a/doge/favicon.png +++ /dev/null diff --git a/doge/index.html b/doge/index.html deleted file mode 100644 index f7703e3..0000000 --- a/doge/index.html +++ /dev/null @@ -1,30 +0,0 @@ -<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>s1nical - Doge in space</title>
- <link rel="stylesheet" href="/doge/css/main.css">
- <link rel="shortcut icon" href="/favicon.png" type="image/x-icon">
-</head>
- <body>
- <div class="rotate-container rotate-container-1">
- <div class="rotate">
- <div class="rotate-object"></div>
- </div>
- </div>
-
- <div class="rotate-container rotate-container-2">
- <div class="rotate">
- <div class="rotate-object"></div>
- </div>
- </div>
-
- <div class="rotate-container rotate-container-3">
- <div class="rotate">
- <div class="rotate-object"></div>
- </div>
- </div>
- </body>
-</html>
\ No newline at end of file |