project/defeat.php at master · Jalquin/project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?php

session_start();

$_SESSION['start'] = '1';
?>

<html>
  <head>
    <meta charset="UTF-8">
    <title>Defeat</title>
    <link rel="icon" href="favicon.png">
    <style>                @import url(https://fonts.googleapis.com/css?family=Open+Sans);                 @import "compass/css3";                 @import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);                 html, body {                     height: 100%;                     background-color: black;                 }                 html {                     display: table;                     margin: auto;                 }                 body {                     display: table-cell;                     vertical-align: middle;                 }                 img {                     display:block;                     max-width:100%;                     border: solid black;                     height: 30vh;                     display: block;                     margin: 0 auto;                 }                 svg{                     width: 600px;                     height: 120px;                     display: block;                     position: relative;                     overflow: hidden;                      margin: 0 auto;                     background: black;                     text-align: center;                                                             }                 .button {                     text-align: center;                     display: block;                     max-width: 100%;                     margin: 0 auto;                 }
    </style>
  </head>
  <body>
    <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"               width="600px" height="100px" viewBox="0 0 600 100">
      <style type="text/css">
        <![CDATA[                  text {                     filter: url(#filter);                     fill: white;                     font-family: 'Share Tech Mono', sans-serif;                     font-size: 100px;                     -webkit-font-smoothing: antialiased;                     -moz-osx-font-smoothing: grayscale;                 }                 ]]>
      </style>
      <defs>
        <filter id="filter">
          <feFlood flood-color="black" result="black" />
          <feFlood flood-color="red" result="flood1" />
          <feFlood flood-color="limegreen" result="flood2" />
          <feOffset in="SourceGraphic" dx="3" dy="0" result="off1a"/>
          <feOffset in="SourceGraphic" dx="2" dy="0" result="off1b"/>
          <feOffset in="SourceGraphic" dx="-3" dy="0" result="off2a"/>
          <feOffset in="SourceGraphic" dx="-2" dy="0" result="off2b"/>
          <feComposite in="flood1" in2="off1a" operator="in"  result="comp1" />
          <feComposite in="flood2" in2="off2a" operator="in" result="comp2" />
          <feMerge x="0" width="100%" result="merge1">
            <feMergeNode in = "black" />
            <feMergeNode in = "comp1" />
            <feMergeNode in = "off1b" />
            <animate                              attributeName="y"                              id = "y"                             dur ="4s"                              values = '104px; 104px; 30px; 105px; 30px; 2px; 2px; 50px; 40px; 105px; 105px; 20px; 6ßpx; 40px; 104px; 40px; 70px; 10px; 30px; 104px; 102px'                              keyTimes = '0; 0.362; 0.368; 0.421; 0.440; 0.477; 0.518; 0.564; 0.593; 0.613; 0.644; 0.693; 0.721; 0.736; 0.772; 0.818; 0.844; 0.894; 0.925; 0.939; 1'                              repeatCount = "indefinite" />
            <animate attributeName="height"                                   id = "h"                                   dur ="4s"                                   values = '10px; 0px; 10px; 30px; 50px; 0px; 10px; 0px; 0px; 0px; 10px; 50px; 40px; 0px; 0px; 0px; 40px; 30px; 10px; 0px; 50px'                                   keyTimes = '0; 0.362; 0.368; 0.421; 0.440; 0.477; 0.518; 0.564; 0.593; 0.613; 0.644; 0.693; 0.721; 0.736; 0.772; 0.818; 0.844; 0.894; 0.925; 0.939; 1'                                   repeatCount = "indefinite" />
          </feMerge>
          <feMerge x="0" width="100%" y="60px" height="65px" result="merge2">
            <feMergeNode in = "black" />
            <feMergeNode in = "comp2" />
            <feMergeNode in = "off2b" />
            <animate attributeName="y"                                   id = "y"                                  dur ="4s"                                  values = '103px; 104px; 69px; 53px; 42px; 104px; 78px; 89px; 96px; 100px; 67px; 50px; 96px; 66px; 88px; 42px; 13px; 100px; 100px; 104px;'                                    keyTimes = '0; 0.055; 0.100; 0.125; 0.159; 0.182; 0.202; 0.236; 0.268; 0.326; 0.357; 0.400; 0.408; 0.461; 0.493; 0.513; 0.548; 0.577; 0.613; 1'                                   repeatCount = "indefinite" />
            <animate attributeName="height"                                   id = "h"                                  dur = "4s"                                   values = '0px; 0px; 0px; 16px; 16px; 12px; 12px; 0px; 0px; 5px; 10px; 22px; 33px; 11px; 0px; 0px; 10px'                                   keyTimes = '0; 0.055; 0.100; 0.125; 0.159; 0.182; 0.202; 0.236; 0.268; 0.326; 0.357; 0.400; 0.408; 0.461; 0.493; 0.513;  1'                                   repeatCount = "indefinite" />
          </feMerge>
          <feMerge>
            <feMergeNode in="SourceGraphic" />
            <feMergeNode in="merge1" />
            <feMergeNode in="merge2" />
          </feMerge>
        </filter>
      </defs>
      <g>
        <text x="140" y="100">Prohra!</text>
      </g>
    </svg>
    <img src="http://uploads.twitchalerts.com/image-defaults/nerOJzH.gif">
    <form action="game.php">
        <input class="button" type="submit" value="RESET">
        </form>
  </body>
</html>