Add '12/resources_05.html'

4 years ago · 4d1176d999
parent ed4853eca3
commit 4d1176d999
1 changed files with 101 additions and 0 deletions
--- a/12/resources_05.html
+++ b/12/resources_05.html
@ -0,0 +1,101 @@
    <!DOCTYPE html>
    <html>
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     <script src="muisje.js"></script> 
    <style> 
          @font-face {
          font-family: 'GapSansBold';
          src: url('font/gapsansbold-webfont.eot');
          src: url('font/gapsansbold-webfont.eot?#iefix') format('embedded-opentype'),
          url('font/gapsansbold-webfont.woff2') format('woff2'),
          url('font/gapsansbold-webfont.woff') format('woff'),
          url('font/gapsansbold-webfont.ttf') format('truetype'),
          url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
          font-weight: normal;
          font-style: normal;
        }
    @font-face{
    font-family:"Roboto Mono";
    src: url("font/RobotoMono-Regular.ttf") format("truetype"),
    url("https://fonts.googleapis.com/css?family=Roboto Mono")
    }
    #demo {
      text-align: center;
      font-size: 70px;
      line-height:40px;
      color: black;
      font-family:"Roboto Mono";
            }
    h1 {
      text-align: center; 
      color: black; 
      line-height: 35px;
      font-family:"Roboto Mono";
      font-size: 30px; 
    }
    h2 {
      text-align: center;
      /*color: black;*/
      font-family: "GapSansBold";
      line-height: 70px;
      font-size: 70px;
      text-shadow: 2px 2px 5px blue;
      -webkit-animation: pulsate 3s ease-out;
      -webkit-animation-iteration-count: infinite; 
    }
    @-webkit-keyframes pulsate {
        0% { 
          text-shadow: 2px 2px 5px blue;
    /*      text-shadow: 2px 2px 5px blue;*/
        }
        50% {
          text-shadow: 2px 2px 5px black;
    /*      text-shadow: 0px 15px 0px black;*/ 
        }
        100% { 
          text-shadow: 2px 2px 5px blue;
    /*      text-shadow: 2px 2px 5px blue;*/
        }
      } 
    p{
      text-align: center; 
      color: black; 
      font-family:Roboto Mono;
      font-size: 15px;
    }
        </style> 
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Resources_05</title>
    </head>
    <body>
       <br>
       <br>
       <br>
       <br>
       <br>
       <br>
       <p>
      </p>
        <h2>
      DAMAGE
      </h2>
      <p class="text">
      </p>
      </body>
    </html>