Pook's website code

<html>
    <head id="head">
 </style>


 </style>
    <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.glitch.com/dc4b7e7a-ba36-4085-bcba-e1a39362568a%2FPook_Discord_Bear_Trans.png?1557784169192">
      <meta property="og:title" content="Pook" />
      <meta property="og:image" value="https://cdn.glitch.com/dc4b7e7a-ba36-4085-bcba-e1a39362568a%2FPook_Discord_Bear_Trans.png?1557784169192">
      <meta property="og:site_name" value="Pook">
      <meta property="og:description" content="Check out my website">
      <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="icon" href="https://cdn.glitch.com/dc4b7e7a-ba36-4085-bcba-e1a39362568a%2FPook_Discord_Bear_Trans.png?1557784169192" type="image/x-icon">
      <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="github-markdown.css">

    <title>
      Pook's Bot

      </title>
      <style>
        .center {
          text-align: center;
        }

        body {

      background-image: linear-gradient(to right top, #1c4789, #304bab, #574ac7, #873ede, #bc12eb);
        }

    a {
      color: silver;
      }
.dropdown{display:inline-flex;position:relative;vertical-align:top}.dropdown.is-active .dropdown-menu,.dropdown.is-hoverable:hover .dropdown-menu{display:block}.dropdown.is-right .dropdown-menu{left:auto;right:0}.dropdown.is-up .dropdown-menu{bottom:100%;padding-bottom:4px;padding-top:initial;top:auto}.dropdown-menu{display:none;left:0;min-width:12rem;padding-top:4px;position:absolute;top:100%;z-index:20}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);padding-bottom:.5rem;padding-top:.5rem}.dropdown-item{color:#4a4a4a;display:block;font-size:.875rem;line-height:1.5;padding:.375rem 1rem;position:relative}a.dropdown-item,button.dropdown-item{padding-right:3rem;text-align:left;white-space:nowrap;width:100%}a.dropdown-item:hover,button.dropdown-item:hover{background-color:#f5f5f5;color:#0a0a0a}a.dropdown-item.is-active,button.dropdown-item.is-active{background-color:#3273dc;color:#fff}.dropdown-divider{background-color:#dbdbdb;border:none;display:block;height:1px;margin:.5rem 0}

.disabled {
  opacity: 0.6;
  cursor: no-drop;
}


        .botName {
            /*ANIMATION*/
        -webkit-animation-name: colorchange; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        animation-name: colorchange;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
          @-webkit-keyframes colorchange {
            0%   {color: yellow;}
            25%  {color: red;}
            50%  {color: blue;}
            60%  {color: purple;}
            70%  {color: black;}
            90%  {color: green;}
            100% {color: yellow;}
          }
        /* Standard syntax */
          @keyframes h1 {
            0%   {color: yellow;}
            25%  {color: red;}
            50%  {color: blue;}
            60%  {color: purple;}
            70%  {color: black;}
            90%  {color: green;}
            100% {color: yellow;}
          }
        }

        .ex {
          background: "#a313c6";
      color: purple;
          align: left
        }

    .bot-name {
      font-weight: bold;
      font-style: oblique;
      color: colorchange
      /*ANIMATION*/
        -webkit-animation-name: colorchange; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        animation-name: colorchange;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        /* Safari 4.0 - 8.0 */
          @-webkit-keyframes colorchange {
            0%   {color: yellow;}
            25%  {color: red;}
            50%  {color: blue;}
            60%  {color: purple;}
            70%  {color: black;}
            90%  {color: green;}
            100% {color: yellow;}
          }
        /* Standard syntax */
          @keyframes h1 {
            0%   {color: yellow;}
            25%  {color: red;}
            50%  {color: blue;}
            60%  {color: purple;}
            70%  {color: black;}
            90%  {color: green;}
            100% {color: yellow;}
          }
      }

        .botHelp {

        }
             @keyframes mover {
      0%{
          transform: translateY(-10px);
      }
      100%{
          transform: translateY(5px);
      }
  }

  @-webkit-keyframes mover {
      0%{
          transform: translateY(-10px);
      }
      100%{
          transform: translateY(5px);
      }
  }
              .botAvatar {
          height: 300px;
          width: 300px;
          margin-bottom: 2.5rem;
          animation: mover 1s infinite alternate !important;
      border-radius:50%
        }
              .ownerAvatar {
      border-radius:50%
        }

        .markdown-body {
        box-sizing: border-box;
        min-width: 200px;
        max-width: 980px;
        margin: 0 auto;
        padding: 45px;
    }

    @media (max-width: 767px) {
        .markdown-body {
            padding: 15px;
        }
    }

      </style>
    </head>
        <body>

    </div>
</div>
<script>
      function httpGet(theUrl, callback) {
        $.ajax
      ({
        type: "GET",
        url: theUrl,
        dataType: 'json',
        async: true,
      }).then(data => {
        callback(data);
      });
      }
        function getAllUrlParams(url) {

    // get query string from url (optional) or window
    var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
  // NOO
        // come to newbot.js
    // we'll store the parameters here
    var obj = {};

    // if query string exists
    if (queryString) {

      // stuff after # is not part of query string, so get rid of it
      queryString = queryString.split('#')[0];

      // split our query string into its component parts
      var arr = queryString.split('&');

      for (var i=0; i<arr.length; i++) {
        // separate the keys and the values
        var a = arr[i].split('=');

        // in case params look like: list[]=thing1&list[]=thing2
        var paramNum = undefined;
        var paramName = a[0].replace(/\[\d*\]/, function(v) {
          paramNum = v.slice(1,-1);
          return '';
        });

        // set parameter value (use 'true' if empty)
        var paramValue = typeof(a[1])==='undefined' ? true : a[1];

        // (optional) keep case consistent
        paramName = paramName;
        paramValue = paramValue;

        // if parameter name already exists
        if (obj[paramName]) {
          // convert value to array (if still string)
          if (typeof obj[paramName] === 'string') {
            obj[paramName] = [obj[paramName]];
          }
          // if no array index number specified...
          if (typeof paramNum === 'undefined') {
            // put the value on the end of the array
            obj[paramName].push(paramValue);
          }
          // if array index number specified...
          else {
            // put the value at that index number
            obj[paramName][paramNum] = paramValue;
          }
        }
        // if param name doesn't exist yet, set it
        else {
          obj[paramName] = paramValue;
        }
      }
    }

    return obj;
        }


        httpGet('../api/bots/search/?q=' + encodeURI(getAllUrlParams().q), data => {

          var bots = document.getElementById('bots');

          data.forEach(botinfo => {
            var card = document.createElement('div');
            card.setAttribute('class', 'card');
            card.style.width = '18rem';


            var cardBody = document.createElement('div');
            cardBody.setAttribute('class', 'card-body');

            var cardTitle = document.createElement('h5');
            cardTitle.setAttribute('class', 'card-title');
            cardTitle.innerHTML = botinfo.name;


          });
        });

      </script>

      <div class="jumbotron center container" style="background-color: transparent">
        <img class="botAvatar" src="https://cdn.glitch.com/dc4b7e7a-ba36-4085-bcba-e1a39362568a%2FPook_Discord_Bear_Trans.png?1557784169192">
      <p class="is-flex"><span class="botName"></span>
        <b><p style="color:#a632d3" class="display-1">Berry Bear</p></b>


                  <span class="badge badge-pill badge-light">In more than 30 Servers</span>


                  <span class="badge badge-pill badge-light">Over 1.6k   users</span>


        </p></b>
        <h5><span class="badge badge-pill badge-dark">Prefix: +</span>
        <span class="badge badge-pill badge-dark">Made with: Discord.js</span><br><br>
        <a></a>
          </span>


    <a class="btn btn-primary" href="http://bit.ly/pookbot1">Invite</a>

      <a href="https://discord.gg/DdTsAk2" target="_blank"><button type="button" class=" btn btn-primary">
        Server
        </button></a>


        <a><button type="button" class=" btn btn-primary disabled">
        GitHub (Coming Soon)
        </button></a>

    </body>
  <center><html>
 <span class="badge badge-pill-info">

          <a href="https://discord.gg/DdTsAk2">Pook#3383</a>
        <img class="ownerAvatar" src="https://cdn.glitch.com/dc4b7e7a-ba36-4085-bcba-e1a39362568a%2FPook_Discord_Bear_Trans.png?1557784169192" width="30" value="">