<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta http-equiv="Cache-control" content="public">
  <title>  Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews animated gif
</title>
  <meta name="description" content="Watch and create more animated gifs like Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews at gifs.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords"
        content="Gif, Youtube, gif maker, animated gifs, browse animated gifs, learn to make a gif, make a gif, make a gif from youtube, youtube to gif, video to gif">
  
    <meta property="og:site_name" content="gifs.com"/>
  <meta property="og:url" content="https://j.gifs.com/0glnYX@facebook.gif"/>
<meta property="fb:admins" content="1123826767"/>
<meta property="og:type" content="video.other"/>
<meta property="og:title" content="Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews"/>
<meta property="og:description" content="Watch and create more animated gifs like Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews at gifs.com"/>
<meta property="og:image" content="https://j.gifs.com/0glnYX@facebook.gif"/>
<meta property="og:image:url" content="https://j.gifs.com/0glnYX@facebook.gif"/>
<meta property="og:image:secure_url" content="https://j.gifs.com/0glnYX@facebook.gif"/>
<meta property="og:image:type" content="image/gif"/>

    <meta property="og:image:width" content="640"/>
    <meta property="og:image:height" content="360"/>

<link rel="alternate" type="application/json+oembed" href="https://gifs.com/oembed/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX" title="gifs.com oEmbed Profile">
<meta name="csrf-token" content="hBReZrNm0mvi4LpAbGaAGsArkLZaRbLo7Sg2FEc1"/>
<meta name="twitter:creator" content="@gifscom">
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@gifscom">
<meta name="twitter:title" content="gifs.com presents Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews animated gif">
<meta name="twitter:description" content="Watch and create more animated gifs at gifs.com">
<meta name="twitter:image" content="https://j.gifs.com/0glnYX.jpg">
<meta name="twitter:player" content="https://gifs.com/player/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX">
<meta name="twitter:player:width" content="480">
<meta name="twitter:player:height" content="270">
  <meta property="false" content="https://cdn.gifs.com/gifs.png"/>
  <meta property="fb:admins" content="1123826767"/>
  <meta name="google-site-verification" content="yfQVHUPeQG8oA2rIIdMm-vfluA6g_OWaeJn8237UtQ0"/>
  <meta name="csrf-token" content="hBReZrNm0mvi4LpAbGaAGsArkLZaRbLo7Sg2FEc1"/>
  <meta name="google-site-verification" content="H_2mrNwlf5Ecba2BnvdTWDkEzamdfWVtJO4NcC3x1Oo"/>
  <link rel="canonical" href="https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX"/>
  <link rel="shortcut icon" href="https://cdn.gifs.com/resources/favicon.png">
  <link rel="apple-touch-icon" href="https://cdn.gifs.com/images/apple-touch-icon-80x80.png">
  <link rel="apple-touch-icon" sizes="58x58" href="https://cdn.gifs.com/images/apple-touch-icon-58x58.png">
  <link rel="apple-touch-icon" sizes="80x80" href="https://cdn.gifs.com/images/apple-touch-icon-80x80.png">
  <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.gifs.com/images/apple-touch-icon-180x180.png">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic" rel="stylesheet"
        type="text/css">
      <link rel="stylesheet" href="https://cdn.gifs.com//build/css/base-712c2c1f7d88d7f0db4a584cd5da2942.css" charset="utf-8">
    <link href='https://fonts.googleapis.com/css?family=Montserrat|Poppins:400,500,700' rel='stylesheet' type='text/css'>
    <script>
    window.requestsMade = {};
    window.requestsMadeError = {};
          var ga_link = "//www.google-analytics.com/analytics.js";
    
    (function (i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function () {
          (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', ga_link, 'ga');
    ga('create', 'UA-52559985-1', 'auto');
    ga('require', 'displayfeatures');
    ga('require', 'GTM-M3GX6PD');
    ga('send', 'pageview');
    var _sf_async_config = {
      uid: 58852,
      domain: 'gifs.com',
      useCanonical: true
    };
  </script>
  <script type="text/javascript">
    var link = "0glnYX";
    var gifId = "0glnYX";
    var uri = "hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX";
    var createdAt = new Date('2017-09-12 00:59:37');
    var gifMade = "1";
    var fallback = "https://j.gifs.com/0glnYX.gif";
    var yid = "w-TeB42mVLU";
    var start = "255.68";
    var user = "";
    var session = "b5d2d50cce022988f486e27794706374ddcbf2f9";
    var created = true;
    var og_creator = false;
    var isWaitingForFacebookOptimization = false;
    var canOptimizeForFacebook = true;
    var authStatus = 'not_attemped';
    var titleOfVideo = "Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews";
    var websiteURL = "https://gifs.com/gif/" + uri;
    var twitterURL = "https://gifs.com/gif/" + uri;
    var justConverted = false;
</script>

  <script>
          window.assets = {
        easelEditorV2Scripts: "https://cdn.gifs.com//build/js/editor-v0814-0fcc049a2a672759bb77fdecddc585a2.js",
        editorPublisherStyles: "https://cdn.gifs.com//build/css/publisher-08b826b1f748bd9924535e60dfd6507d.css",
        easelEditorV2Styles: "https://cdn.gifs.com//build/css/easel-c013244adccb2db1975e18079fff1ac4.css",
        searchStylesV1: [
          "https://cdn.gifs.com//build/css/mygifs-26e8e10c9c8564be5735dc5f758932f6.css",
        ],
        searchScriptV2: "https://cdn.gifs.com//build/js/search-list-24693d93dbc66417676a909231977253.js",
        searchStylesV2: ["https://cdn.gifs.com//build/css/search-68ad2128b95ffd957b9e308f34d476ab.css"]
      };
      </script>
  
      <link rel="stylesheet" href="https://storage.googleapis.com/cdn.gifs.com/build/css/viewgifs-0a084d573a9ced059e35f45c4cf40ac0.css">

    <link rel="stylesheet" href="https://storage.googleapis.com/cdn.gifs.com/build/css/ogcreator-be45dc3d18655627dbd7e1953299ef1a.css">

</head>
<body class="single-gif-page light-theme">
<div class="cta-wrapper"></div>

  
  <div>
  <div>
  <div id="video-error-container" class="warning-background">

  <div class="video-error-banner" class="info-banner" style="display: none;">
    <div class="container">
      <div class="error-banner-exit">
        <i class="material-icons">close</i>
      </div>

      <div class="error-banner-message-container">
        <p class="info-banner-message-title"></p>
      </div>

    </div>
  </div>

</div>
  <div class="editor-skeleton
    " id="editor-skeleton">
    <div class="editor-skeleton-sidebar"></div>
    <div class="editor-skeleton-loading">
        <div class="spinning-loader-skeleton"></div>
        <span class="logo"><strong>Loading gif editor</strong></span>
    </div>
</div>
  <div class="hide easel-container" id="root"></div>
  <div id="home-view">
            <div class="authenticateOverlay" style="left: -100%;">
  <div class="authenticateOverlayContent authContentDiv">
    <span class="logo">gifs</span>
    <h2 style="display: none" class="subTitle"></h2>
    <div class="authenticateOverlayTabContainer">
      <div class="overlayTabItem showLogin">
        <span>Log in</span>
      </div>
      <div class="overlayTabItem showRegister">
        <span>Sign up</span>
      </div>

    </div>

    <div class="auth-modal-errors"></div>

    <div id="authenticateOverlayContentContainer" style="height: 330px;">
      <div class="auth-modal-loader hide">
        <span class="rotating-icon"></span>
      </div>
      <form id="loginForm" role="form" method="POST" action="/auth/login" style="left: calc(-100% + 50px);">
        <a class="loginWithTwitterButton" href="/auth/twitter/register"><img src="//storage.googleapis.com/cdn.gifs.com/resources/twitter_logo.svg">Login with Twitter</a>
        <p class="orLabel">or</p>
        <div class="form-list-item">
        <div class="styled-input-container">
            <span class="styled-input-label">Username or Email</span>
            <input class="styled-input" name="emailOrUsername"
                 type="text"></input>
        </div>
        </div>
        <div class="form-list-item">
        <div class="styled-input-container">
            <span class="styled-input-label">Password</span>
            <input class="styled-input" type="password" name="password" autocomplete="off"></input>
        </div>
        </div>
        <div class="form-list-item">
          <a class="forgotPasswordLink" href="/password/forgot">Forgot your password?</a>
        </div>
        <button class="submitAuthButton" id="login-form-submit" type="submit">Log in</button>
      </form>
      <form id="registerForm" role="form" method="POST" action="/auth/register" style="left: 40px;">
       <div class="form-list-item">
        <div class="styled-input-container">
            <span class="styled-input-label">Email</span>
            <input class="styled-input" name="email"
               type="email"></input>
        </div>
        </div>
        <div class="form-list-item">
        <div class="styled-input-container">
          <span class="styled-input-label">Password</span>
            <input class="styled-input" type="password" name="password" autocomplete="off"></input>
        </div>
        </div>
        <div class="form-list-item">

        <div class="styled-input-container">
          <span class="styled-input-label">Confirm password</span>
            <input class="styled-input" type="password" name="password_confirmation" autocomplete="off"></input>
        </div>
        </div>
        <!--<button class="submitAuthFormButton" id="register-form-submit"-->
        <button class="submitAuthButton" id="register-form-submit" type="submit">Sign up</button>
      </form>
    </div>
  </div>
</div>
  <script type="text/javascript">
    lacksProfile = true;
  </script>
  <!--mobile header -->
<div class="js-gif-mobile-header miniHeader mobileMiniHeader single-gif-page">
 <a class="miniHeader-logo" href="/">gifs</a>
 <ul class="miniHeader-links">
   <li class="miniHeader-link-createAgif"><div class="createAGifToggle">Create a GIF</div></li>
          <div class="profileOptions">
         <a href="/auth/login" class="miniHeader-link-loginOrSignup profileOptionsAuthBtn profileOptionsLoginBtn header-auth-button loginorjoin">Login or Sign Up</a>
       </div>
    </ul>
</div>
    <div id="attribution-overlay-desktop">
              <div class="attribution-desktop-container" id="desktop-attribution-container">
    <div class="attribution-desktop-container-header">
      <h3 class="attribution-desktop-header">
                  <i class="material-icons">&#xE254;</i>
          Edit Attribution
              </h3>
      <div class="closeBtn" id="close-desktop-overlay"></div>
    </div>
    <div class="attribution-desktop-container-content">
        <div class="attribution-select">
          <div class="current-attribution">
            <div class="attribution-logo"></div>
          </div>
          <div class="current-attribution-text" id="desktop">
              <span class="attribution-text"></span>
              <i class="material-icons attribution-desktop-toggle">&#xE5C5;</i>
          </div>
          <div class="attribution-dropdown" id="desktop-attr-dropdown">
            <ul>
              <li data-network="Custom Site"><i class="material-icons">&#xE051;</i><span>Custom Site</span></li>
              <li data-network="Twitter"><div class="twitter_icon"></div><span>Twitter</span></li>
              <li data-network="Instagram"><div class="instagram_icon"></div><span>Instagram</span></li>
              <li data-network="Reddit"><div class="reddit_icon"></div><span>Reddit</span></li>
              <li data-network="Vine"><div class="vine_icon"></div><span>Vine</span></li>
              <li data-network="Dribbble"><div class="dribbble_icon"></div><span>Dribbble</span></li>
              <li data-network="Anonymous"><i class="material-icons">&#xE7FD;</i><span>Anonymous</span></li>
            </ul>
          </div>
        </div>
        <form id="desktop-attribution-form">
        <input class="desktop-attribution-input" placeholder="Username"></input>
        <input class="desktop-attribution-input" id="website-desktop" placeholder="Website title"></input>
        <button class="desktop-attribution-submit" type="submit">
          <span>Save</span>
        </button>
      </form>
    </div>
</div>
    </div>
    <div class="gifPane">
      <!-- insert gif player here -->
      <div class="g_player">
    <div id="container" class="" unselectable="on">
        <div class="custom-menu">
            <div class="custom-menu-item custom-menu-shareItem">
                <div class="custom-menu-header">
                    <p>Share URL<span>Ctrl + C to copy</span></p>
                </div>
                <div class="custom-menu-content">
                    <input id="custom-menu-shareInput" readonly="readonly"
                           value="gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX"/>
                </div>
            </div>
            <div class="custom-menu-item custom-menu-embedItem">
                <div class="custom-menu-header" style="padding-top:5px;">
                    <p>Embed<span>Ctrl + C to copy</span></p>
                </div>
                <div class="custom-menu-content">
                    <input id="custom-menu-embedInput" readonly="readonly"
                           value='&lt;iframe src="//gifs.com/embed/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX" frameborder="0" scrolling="no" width="440" height="400" style="-webkit-backface-visibility: hidden;-webkit-transform: scale(1);" &gt;&lt;/iframe&gt;'/>
                </div>
            </div>
        </div>
        <div class="shareOverlay player-overlay">
            <span id="share-heading"><i class="material-icons">&#xE80D;</i>Share</span>
            <div class="shareContent">
                <div class="socialOptions">
                    <div class="facebook"></div>
                    <div class="twitter"></div>
                    <div class="tumblr"></div>
                    <div class="pinterest"></div>
                    <div class="reddit"></div>
                    <div class="email" id="email-share-overlay"></div>
                </div>
                <div class="share-section">
                  <h3>Optimized Link</h3>
                  <input class="socialShareURL"
                         value="https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX"
                         readonly="readonly"
                         id="optimized-link-modal"
                         />
                   <a id="copy-optimized-link" class="mobilePlayerShareInput" href="https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX">Hold to
                       copy</a>
                </div>
                <div class="share-section">
                  <h3>Direct Link</h3>
                  <input class="socialEmbedHTML"
                         value="https://j.gifs.com/0glnYX"
                         readonly="readonly"
                         id="direct-link-modal"
                         />
                   <a id="copy-direct-link" class="mobilePlayerShareInput" href="https://j.gifs.com/0glnYX">Hold to
                       copy</a>
                </div>
            </div>
            <div class="shareOverlayCloseBtn"></div>
        </div>
        <div class="tooltip__container"></div>
        <div id="gif-overlay" class="player-overlay gif-overlay">
            <div class="topBar">
              <div class="playPauseView"></div>
              <div class="view-counter">
                  <div class="item total">
                      <img src="https://cdn.gifs.com/resources/views.svg"/>
                      <span class="value">0</span>
                      <!-- <span class="label">total views</span> -->
                  </div>

                  <div class="item now">
                      <i class="icon-fire"></i>
                      <span class="value">0</span>
                      <!-- <span class="label">viewing now</span> -->
                  </div>
              </div>
              <div class="bb_right">
                <div class="player-navigation-bar">
                  <ul>
                    <li data-tooltip="create sticker" class="make-sticker"><a href="https://beta.gifs.com/sticker-creator/?url=https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX" target="_blank"><i class="material-icons">&#xE413;</i></a></li>
                    <li data-tooltip="remix" class="remix-gif"><a href="/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX/remix" target="_blank"><i class="material-icons">&#xE25E;</i></a></li>
                    <li data-tooltip="play HD video" class="hd-video"><i class="material-icons">&#xE052;</i></li>
                                        <li data-tooltip="play youtube video" class="load-video"><i class="material-icons">&#xE63A;</i></li>
                                        <li data-tooltip="full screen" class="full-screen"><i class="material-icons">&#xE5D0;</i></li>
                    <li data-tooltip="share" class="share-gif"><i class="material-icons">&#xE80D;</i></li>
                  </ul>
                </div>
                <div class="player-menu-trigger" id="nav-trigger">
                  <div id="player-nav-trigger">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                  </div>
                </div>
              </div>
            </div>
            <div class="bottomBar">
                <div class="bb_Left">
                    <div id="profile">

                      <!-- THIS IS HIDDEN WHEN THE PROFILE IS NOT MADE YET !-->
                        <div class="profile-container profile-show">
                            <a target="_blank" class="profileLinkURL" href="https://twitter.com/FLATEARTHCENTER">
                                <div class="profile-picture-container loadingPicture">

                                </div>
                                <div id="profile-info">
                                    <div id="profile-name"></div>
                                </div>
                            </a>
                        </div>
                                            </div>
                </div>
                <div class="bb_right">
                  <div class="mute-on-container">
                    <i class="material-icons mute-on" id="mute">&#xE04F;</i>
                </div>
                    <div data-tooltip="Return to gifs" class="gifswatermark">
                      <a target="_blank" class="gifyt_watermark"
                         href="http://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX"><strong>gifs</strong></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="playGifBtn">
          <span>GIF<i class="material-icons">&#xE037;</i></span>
        </div>
        <div id="expand-overlay" style="display: none;">
            <div id="expand">
                <i class="glyphicon glyphicon-plus-sign"></i>
            </div>
        </div>
        <div id="video-overlay" class="player-overlay" style="display: none;">
            <div id="load-gif">Return to GIF</div>
            <div id="loading-video">
                <div class="spinner"></div>
            </div>
        </div>

        <div class="gif-display">
            <video id="video" muted class="gifyt-player gifyt-embed" preload="auto"
                   poster="https://j.gifs.com/0glnYX.jpg" loop="" autoplay="" playsinline>

              
                                                                                                                                                                                              <source src="https://j.gifs.com/0glnYX@large.mp4" type="video/mp4">
                                                                                                                                                                                                                            <source src="https://j.gifs.com/0glnYX.mp4" type="video/mp4">

              
            </video>
            <audio id="audio" loop muted>
              <source src="https://j.gifs.com/0glnYX.mp4" type="audio/mp4">
            </audio>
        </div>
</div>
</div>
      <div class="themeToggleContainer">
  <div class="themeToggle toggle">
    <div class="theme-tooltip">Toggle dark mode</div>
  </div>
</div>
    </div>
    <div class="infoPane">
      <div class="miniHeader js-gif-header">
  <a class="miniHeader-logo" href="/">gifs</a>
  <ul class="miniHeader-links">
    <li class="miniHeader-link-createAgif"><div class="createAGifToggle">Create a GIF</div></li>
            <div class="profileOptions">
          <a href="/auth/login" class="miniHeader-link-loginOrSignup profileOptionsAuthBtn gif-header-register-button header-auth-button">Login or Sign Up</a>
        </div>
      </ul>
</div>
      <section class="info-view">
        <div class="videoInfoShare">
  <div class="videoTitle">
    <div class="titleContainer">
      <h1 class="videoTitleText collapsed">Hurricane Harvey floods: How will all that water drain out of Houston? - TomoNews</h1>
    </div>
      </div>
      <div class="videoUserInfo">
          <script>
          createdBy = "flatearth world news";
          site = "twitter";
          username = "FLATEARTHCENTER";
          url = "https://twitter.com/FLATEARTHCENTER";
          profilePicture = "https://avatars.gifs.com/7c697db0-0051-45e5-8bad-555b984267e7.png";
      </script>
            <a target='_blank' href='https://twitter.com/FLATEARTHCENTER'><img src='https://avatars.gifs.com/7c697db0-0051-45e5-8bad-555b984267e7.png'/></a>                        <p>Made by <a target='_blank' href='https://twitter.com/FLATEARTHCENTER'>FLATEARTHCENTER</a></p>
        
    </div>
  <div class="videoShare videoInfoShare-section raised share">
    <ul class="shareButtons">
        <li>
          <a href="" data-share="facebook" id="facebook-share" class="facebook"></a>
        </li>
        <li>
          <a href="" id="twitter-share" data-share="twitter" class="twitter"></a>
        </li>
        <li>
          <a href="" id="tumblr-share" data-share="tumblr" class="tumblr"></a>
        </li>
        <li>
          <a href="" id="pinterest-share" data-share="pinterest" class="pinterest"></a>
        </li>
        <li>
          <a href="" id="reddit-share" data-share="reddit" class="reddit"></a>
        </li>
        <li>
          <a href="" id="email-share" data-share="email" class="email"></a>
        </li>
    </ul>
    <div class="shareInputs">
      <p class="shareInputs-title">
        Optimized Link
        <span class="hide js-facebook-optimization-indicator">
                    <span class="js-facebook-optimizing-animation facebook-optimized-indicator hide">
              Optimizing for facebook <span id="dot-animation">...</span>
            </span>
            <span class="js-facebook-optimzed facebook-optimized-done ">
              Facebook Optimized
            </span>
                </<span>
      </p>
      <div class="shareInputs-block">
        <input id="optimized-link-info" type="url" data-link-type="optimized-link" readonly value="https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX"/>
        <div class="shareInputs-copy" value="https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX">Copy</div>
        <a class="mobileShareLink" href="https://gifs.com/gif/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX">Hold to copy</a>
      </div>

      <p class="shareInputs-title">Direct Link</p>
      <div class="shareInputs-block">
        
          <input id="direct-link-info" type="url" data-link-type="direct-link" readonly value="https://j.gifs.com/0glnYX.gif"/>
          <div class="shareInputs-copy" value="https://j.gifs.com/0glnYX.gif">Copy</div>
          <a class="mobileShareLink" href="https://j.gifs.com/0glnYX.gif">Hold to copy</a>

              </div>
      <style>
        .shareInputs .shareInputs-title {
          margin-top: 20px;
        }
      </style>
      <span class="shareInputs-title">Embed
        <label class="js-embed-responsive js-embed-option-label"><input type="checkbox">Responsive</label>
        <label class="js-embed-play-sound js-embed-option-label"><input type="checkbox">Play Sound</label>
              </span>
      <div class="shareInputs-block">
        <input id="embed-link-info" class="embedLink embed-code-snippet" type="text" data-link-type="embed" readonly value="&lt;iframe src='//gifs.com/embed/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX' frameborder='0' scrolling='no' width='440' height='400' style='-webkit-backface-visibility: hidden;-webkit-transform: scale(1);' &gt;&lt;/iframe&gt;"/>
        <div class="shareInputs-copy embed-code-snippet" value="&lt;iframe src='//gifs.com/embed/hurricane-harvey-floods-how-will-all-that-water-drain-out-of-houston-tomonews-0glnYX' frameborder='0' scrolling='no' width='440' height='400' style='-webkit-backface-visibility: hidden;-webkit-transform: scale(1); &gt;&lt;/iframe&gt;">Copy</div>
      </div>
    </div>
    <div class="downloadGif-block">
      <div class="download-block">
        <div class="download-gif-container">
          <a href="https://j.gifs.com/0glnYX.gif?download=true" class="download-prompt-watermark download-gif-button" download>
            <button id="download-gif-button" class="expand ">Download GIF</button>
          </a>

          <div class="material-icons download-gif-dropdown-button "></div>

          <div class="download-gif-dropdown-container">
                          <a href="https://j.gifs.com/0glnYX@small.gif?download=true" download>
                <div class="download-gif-dropdown-size">
                  Small (1.35MB)
                </div>
              </a>
                          <a href="https://j.gifs.com/0glnYX.gif?download=true" download>
                <div class="download-gif-dropdown-size">
                  Original (12.16MB)
                </div>
              </a>
                          <a href="https://j.gifs.com/0glnYX@facebook.gif?download=true" download>
                <div class="download-gif-dropdown-size">
                  Facebook (7.74MB)
                </div>
              </a>
                          <a href="https://j.gifs.com/0glnYX@large.gif?download=true" download>
                <div class="download-gif-dropdown-size">
                  Large (37.34MB)
                </div>
              </a>
                                                            <a href="https://gifs.com/download?id=0glnYX&format=mp4" download>
                        <div class="download-gif-dropdown-size">
                            Original Mp4 (0.96MB)
                        </div>
                    </a>
                                                                    <a href="https://gifs.com/download?id=0glnYX@large&format=mp4" download>
                        <div class="download-gif-dropdown-size">
                            Large Mp4 (1.97MB)
                        </div>
                    </a>
                                          </div>
        </div>
      </div>
      <a class="remix-block" href="/gif/0glnYX/remix" target="_blank">
        <button id="remix-gif-button">
          <i class="material-icons">flash_on</i>
          Remix
        </button>
      </a>
    </div>

    <div class="extra-buttons-container">
      <div class="resize-button js-resize-button">
        Resize or Compress
      </div>

      <div class="sticker-maker-button js-make-sticker-button">
        Make a Sticker
      </div>

              <div class="js-gif-billing-banner gif-no-watermark-button">
          Remove Watermark
        </div>
          </div>

  </div>
</div>
      </section>
      <div class="miniFooter">
  <ul>
    <li>&copy; 2017 gifs</li>
    <li class="miniFooter-seperator">&bull;</li>
    <li><a href="/dashboard/api">API</a></li>
    <li><a href="mailto:jobs@gifs.com?subject='Here%20is%20why%20I%20should%20work%20at%20gifs'">We're hiring!</a></li>
    <li><a href="/policies/privacy">Privacy Policy</a></li>
    <li><a href="/policies/tos">TOS</a></li>
  </ul>
</div>
    </div>
<div class="blurBg-contain">
  <div class="blurBg-background" style="background: url('https://j.gifs.com/0glnYX.jpg'); background-repeat: no-repeat; background-size: cover;"></div>
</div>

<footer style="display: none"></footer>
      </div>
    <div id="overlay" style="display: none">
    </div>
</div>

  <div class="astg_overlay createOverlay">
    <div class="overlay_contentBox">
      <div class="overlay_header">
        <span class="logo">gifs</span>
        <h1>Upload a file and convert it into a .gif and .mp4</h1>
        <h3>Share your media as gif or mp4 and have it link back to you!</h3>
        <div class="overlay_closeBtn">
          <i class="material-icons">&#xE5CD</i>
        </div>
      </div>
      <div class="coffee-editor-container atsg_modal">
        <input type="text" id="mobile-input" placeholder="Search or Paste URL (youtube, vine, instagram, ...)" autofocus class="createagif__input">
        <div class="post">
          <button id="mobile-create" class="home_create_input button secondary large js-submit-button">Create Gif</button>
        </div>
        <div class="file-upload">
          <div class="placeholder"><i class="material-icons">&#xE2C3;</i>
            <div class="text">Drag and Drop or <span class="underline-text">select file</span></div>
          </div>
          <input class="new-gif-file-input" type="file">
        </div>
      </div>
    </div>
  </div>
  <div class="report-overlay">
    <div class="report-container">
      <div class="report-header">
        <i class="material-icons">&#xE160</i>
        <span class="report-title">Report a Gif</span>
        <i class="material-icons close-report">&#xE14C</i>
      </div>
      <div class="report-content">
        <h4>What's wrong with this gif?</h4>
        <ul>
          <li class="report-reason" id="copyright-report">It includes copywrited content.</li>
          <li class="report-reason" id="violence-report">It includes violence.</li>
          <li class="report-reason" id="nudity-report">It includes nudity.</li>
          <li><input class="report-other" placeholder="Something else (please describe)"></input></li>
        </ul>
        <button id="sendReport" class="report-button">Submit</button>
      </div>
    </div>
  </div>

</div>

<div id="fb-root"></div>
<script>
function isMobile() {
    return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
}

function checkForUrlParam(urlParam) {
  var detected = false;
  queryString = document.location.search;
  if (queryString.length <= 3) {
    return null;
  }
  source = null;
  params = queryString.substr(1).split('&');
  params.forEach(function(param) {
    p = param.split(/\=(.+)?/);
    if (p[0] === urlParam) {
      detected = true;
    }
  });
  return detected;
}

  var user = false;

window.noWatermarksModalHTML = `<div class="no-watermark-container">
  <div class="no-watermark-background js-watermark-modal-background"></div>

  <div class="no-watermark-modal down invisible">
    <i class="material-icons subscription-modal-close js-watermark-modal-close">close</i>

    <div class="modal-slide">
      <div class="no-watermark-modal-hero-container">
        <img class="no-watermark-modal-hero-image" src="https://cdn.gifs.com/images/watermarks-modal-hero.png"/>

        <h1 class="no-watermark-modal-title">Want to access all the features of gifs.com?</h1>
        <p class="no-watermark-modal-sub-title">Now, you can! Upgrade to have full access, no watermarks and unlimited gifs storage.</p>
      </div>

      <div class="no-watermark-modal-full-width-container">
        <div class="no-watermark-modal-features-button-container">
          <div class="js-watermark-modal-next no-watermark-modal-features-button">
              Go Premium for <span class="js-no-watermark-price-cta"></span>/month <span class="js-no-watermark-trial-cta"></span>
          </div>

          <div class="js-watermark-modal-cancel no-watermark-modal-features-button no-watermark-modal-features-button-cancel hide">
            No Thanks
          </div>
        </div>
      </div>
    </div>

    <div class="modal-slide payment-slide">
      <div class="subscription-modal subscription-modal-no-shadow">
        <div class="no-trial-container js-no-trial-container hide">
          <div>
            <p>The card you entered has already been used. You will be immediately billed upon hitting subscribe.</p>
            <button class="save-button styled-button green-background">Subscribe & Pay now</button>
          </div>
        </div>

        <div class="payment-modal-loader js-payment-modal-loader hide">
          <span class="rotating-icon"></span>
        </div>
        <div class="subscription-modal-header">
          <img src="/images/subscription-modal-logo.png"/>
          <h1>Premium Subscription</h1>

                      <div class="watermark-modal-needs-billing">
              <p class="js-trial-subheader subcription-modal-sub-header"></p>
            </div>
          
          <div class="hide switch js-billing-cycle-switch billing-cycle-switch">
              <div data-value="year" class="switch-panel">
                <p class="js-annual-price"></p>
                <p class="interval-descriptor">billed annually</p>
              </div>

              <div data-value="month" class="switch-panel">
                <p class="js-monthly-price"></p>
                <p class="interval-descriptor">billed monthly</p>
              </div>
            </div>
        </div>

        <div class="subscription-modal-body">
          <form action="/subscriptions" method="POST" id="no-watermark-form">
            <input type="hidden" name="plan_id" value="no-watermark" />
            <input type="hidden" name="subscription_name" value="No Watermark" />

            
                          <div class="watermark-modal-needs-billing">
                <h3>Billing Information</h3>

                <div class="stripe-form-row form-row watermark-billing-stripe">
                  <div id="card-element-modal">
                    <!-- a Stripe Element will be inserted here. -->
                  </div>

                  <!-- Used to display form errors -->
                  <div id="card-errors" role="alert"></div>
                </div>

                <p class="payment-error-container hide"></p>
                <p class="extra-billing-prompt js-extra-billing-prompt hide">Some cards are declined because of security reasons. You can try adding more billing details if you think this is the case.</p>

                <div>
                  <div class="coupon-container form-list-item hide js-coupon-container">
                    <div class="styled-input-container">
                      <input class="styled-input" placeholder="Coupon" type="text" name="coupon">
                    </div>

                    <div class="validate-coupon js-validate-coupon">
                      Validate Coupon
                    </div>
                  </div>

                  <div class="coupon-prompt js-coupon-prompt"></div>
                </div>

                <div class="extra-billing-info-container hide">
                  <div class="billing-extra-info">
                    <label>Country:</label>
                    <select name="country" id="countrynames">
                      <optgroup style="max-height: 65px;">
                        <option value="AD">Andorra</option>
                        <option value="AE">United Arab Emirates</option>
                        <option value="AF">Afghanistan</option>
                        <option value="AG">Antigua and Barbuda</option>
                        <option value="AI">Anguilla</option>
                        <option value="AL">Albania</option>
                        <option value="AM">Armenia</option>
                        <option value="AN">Netherland Antilles</option>
                        <option value="AO">Angola</option>
                        <option value="AQ">Antarctica</option>
                        <option value="AR">Argentina</option>
                        <option value="AS">American Samoa</option>
                        <option value="AT">Austria</option>
                        <option value="AU">Australia</option>
                        <option value="AW">Aruba</option>
                        <option value="AZ">Azerbaidjan</option>
                        <option value="BA">Bosnia-Herzegovina</option>
                        <option value="BB">Barbados</option>
                        <option value="BD">Banglades</option>
                        <option value="BE">Belgium</option>
                        <option value="BF">Burkina Faso</option>
                        <option value="BG">Bulgaria</option>
                        <option value="BH">Bahrain</option>
                        <option value="BI">Burundi</option>
                        <option value="BJ">Benin</option>
                        <option value="BM">Bermuda</option>
                        <option value="BN">Brunei Darussalam</option>
                        <option value="BO">Bolivia</option>
                        <option value="BR">Brazil</option>
                        <option value="BS">Bahamas</option>
                        <option value="BT">Buthan</option>
                        <option value="BV">Bouvet Island</option>
                        <option value="BW">Botswana</option>
                        <option value="BY">Belarus</option>
                        <option value="BZ">Belize</option>
                        <option value="CA">Canada</option>
                        <option value="CC">Cocos (Keeling) Isl.</option>
                        <option value="CF">Central African Rep.</option>
                        <option value="CG">Congo</option>
                        <option value="CH">Switzerland</option>
                        <option value="CI">Ivory Coast</option>
                        <option value="CK">Cook Islands</option>
                        <option value="CL">Chile</option>
                        <option value="CM">Cameroon</option>
                        <option value="CN">China</option>
                        <option value="CO">Colombia</option>
                        <option value="CR">Costa Rica</option>
                        <option value="CS">Czechoslovakia</option>
                        <option value="CU">Cuba</option>
                        <option value="CV">Cape Verde</option>
                        <option value="CX">Christmas Island</option>
                        <option value="CY">Cyprus</option>
                        <option value="CZ">Czech Republic</option>
                        <option value="DE">Germany</option>
                        <option value="DJ">Djibouti</option>
                        <option value="DK">Denmark</option>
                        <option value="DM">Dominica</option>
                        <option value="DO">Dominican Republic</option>
                        <option value="DZ">Algeria</option>
                        <option value="EC">Ecuador</option>
                        <option value="EE">Estonia</option>
                        <option value="EG">Egypt</option>
                        <option value="EH">Western Sahara</option>
                        <option value="ES">Spain</option>
                        <option value="ET">Ethiopia</option>
                        <option value="FI">Finland</option>
                        <option value="FJ">Fiji</option>
                        <option value="FK">Falkland Isl.(Malvinas)</option>
                        <option value="FM">Micronesia</option>
                        <option value="FO">Faroe Islands</option>
                        <option value="FR">France</option>
                        <option value="FX">France (European Ter.)</option>
                        <option value="GA">Gabon</option>
                        <option value="GB">Great Britain (UK)</option>
                        <option value="GD">Grenada</option>
                        <option value="GE">Georgia</option>
                        <option value="GH">Ghana</option>
                        <option value="GI">Gibraltar</option>
                        <option value="GL">Greenland</option>
                        <option value="GP">Guadeloupe (Fr.)</option>
                        <option value="GQ">Equatorial Guinea</option>
                        <option value="GF">Guyana (Fr.)</option>
                        <option value="GM">Gambia</option>
                        <option value="GN">Guinea</option>
                        <option value="GR">Greece</option>
                        <option value="GT">Guatemala</option>
                        <option value="GU">Guam (US)</option>
                        <option value="GW">Guinea Bissau</option>
                        <option value="GY">Guyana</option>
                        <option value="HK">Hong Kong</option>
                        <option value="HM">Heard & McDonald Isl.</option>
                        <option value="HN">Honduras</option>
                        <option value="HR">Croatia</option>
                        <option value="HT">Haiti</option>
                        <option value="HU">Hungary</option>
                        <option value="ID">Indonesia</option>
                        <option value="IE">Ireland</option>
                        <option value="IL">Israel</option>
                        <option value="IN">India</option>
                        <option value="IO">British Indian O. Terr.</option>
                        <option value="IQ">Iraq</option>
                        <option value="IR">Iran</option>
                        <option value="IS">Iceland</option>
                        <option value="IT">Italy</option>
                        <option value="JM">Jamaica</option>
                        <option value="JO">Jordan</option>
                        <option value="JP">Japan</option>
                        <option value="KE">Kenya</option>
                        <option value="KG">Kirgistan</option>
                        <option value="KH">Cambodia</option>
                        <option value="KI">Kiribati</option>
                        <option value="KM">Comoros</option>
                        <option value="KN">St.Kitts Nevis Anguilla</option>
                        <option value="KP">Korea (North)</option>
                        <option value="KR">Korea (South)</option>
                        <option value="KW">Kuwait</option>
                        <option value="KY">Cayman Islands</option>
                        <option value="KZ">Kazachstan</option>
                        <option value="LA">Laos</option>
                        <option value="LB">Lebanon</option>
                        <option value="LC">Saint Lucia</option>
                        <option value="LI">Liechtenstein</option>
                        <option value="LK">Sri Lanka</option>
                        <option value="LR">Liberia</option>
                        <option value="LS">Lesotho</option>
                        <option value="LT">Lithuania</option>
                        <option value="LU">Luxembourg</option>
                        <option value="LV">Latvia</option>
                        <option value="LY">Libya</option>
                        <option value="MA">Morocco</option>
                        <option value="MC">Monaco</option>
                        <option value="MD">Moldavia</option>
                        <option value="MG">Madagascar</option>
                        <option value="MH">Marshall Islands</option>
                        <option value="ML">Mali</option>
                        <option value="MM">Myanmar</option>
                        <option value="MN">Mongolia</option>
                        <option value="MO">Macau</option>
                        <option value="MP">Northern Mariana Isl.</option>
                        <option value="MQ">Martinique (Fr.)</option>
                        <option value="MR">Mauritania</option>
                        <option value="MS">Montserrat</option>
                        <option value="MT">Malta</option>
                        <option value="MU">Mauritius</option>
                        <option value="MV">Maldives</option>
                        <option value="MW">Malawi</option>
                        <option value="MX">Mexico</option>
                        <option value="MY">Malaysia</option>
                        <option value="MZ">Mozambique</option>
                        <option value="NA">Namibia</option>
                        <option value="NC">New Caledonia (Fr.)</option>
                        <option value="NE">Niger</option>
                        <option value="NF">Norfolk Island</option>
                        <option value="NG">Nigeria</option>
                        <option value="NI">Nicaragua</option>
                        <option value="NL">Netherlands</option>
                        <option value="NO">Norway</option>
                        <option value="NP">Nepal</option>
                        <option value="NR">Nauru</option>
                        <option value="NT">Neutral Zone</option>
                        <option value="NU">Niue</option>
                        <option value="NZ">New Zealand</option>
                        <option value="OM">Oman</option>
                        <option value="PA">Panama</option>
                        <option value="PE">Peru</option>
                        <option value="PF">Polynesia (Fr.)</option>
                        <option value="PG">Papua New</option>
                        <option value="PH">Philippines</option>
                        <option value="PK">Pakistan</option>
                        <option value="PL">Poland</option>
                        <option value="PM">St. Pierre & Miquelon</option>
                        <option value="PN">Pitcairn</option>
                        <option value="PT">Portugal</option>
                        <option value="PR">Puerto Rico (US)</option>
                        <option value="PW">Palau</option>
                        <option value="PY">Paraguay</option>
                        <option value="QA">Qatar</option>
                        <option value="RE">Reunion (Fr.)</option>
                        <option value="RO">Romania</option>
                        <option value="RU">Russian Federation</option>
                        <option value="RW">Rwanda</option>
                        <option value="SA">Saudi Arabia</option>
                        <option value="SB">Solomon Islands</option>
                        <option value="SC">Seychelles</option>
                        <option value="SD">Sudan</option>
                        <option value="SE">Sweden</option>
                        <option value="SG">Singapore</option>
                        <option value="SH">St. Helena</option>
                        <option value="SI">Slovenia</option>
                        <option value="SJ">Svalbard & Jan Mayen Is</option>
                        <option value="SK">Slovak Republic</option>
                        <option value="SL">Sierra Leone</option>
                        <option value="SM">San Marino</option>
                        <option value="SN">Senegal</option>
                        <option value="SO">Somalia</option>
                        <option value="SR">Suriname</option>
                        <option value="ST">St. Tome and Principe</option>
                        <option value="SU">Soviet Union</option>
                        <option value="SV">El Salvador</option>
                        <option value="SY">Syria</option>
                        <option value="SZ">Swaziland</option>
                        <option value="TC">Turks & Caicos Islands</option>
                        <option value="TD">Chad</option>
                        <option value="TF">French Southern Terr.</option>
                        <option value="TG">Togo</option>
                        <option value="TH">Thailand</option>
                        <option value="TJ">Tadjikistan</option>
                        <option value="TK">Tokelau</option>
                        <option value="TM">Turkmenistan</option>
                        <option value="TN">Tunisia</option>
                        <option value="TO">Tonga</option>
                        <option value="TP">East Timor</option>
                        <option value="TR">Turkey</option>
                        <option value="TT">Trinidad & Tobago</option>
                        <option value="TV">Tuvalu</option>
                        <option value="TW">Taiwan</option>
                        <option value="TZ">Tanzania</option>
                        <option value="UA">Ukraine</option>
                        <option value="UG">Uganda</option>
                        <option value="UK">United Kingdom</option>
                        <option value="UM">US Minor outlying Isl.</option>
                        <option selected value="US">United States</option>
                        <option value="UY">Uruguay</option>
                        <option value="UZ">Uzbekistan</option>
                        <option value="VA">Vatican City State</option>
                        <option value="VC">St.Vincent & Grenadines</option>
                        <option value="VE">Venezuela</option>
                        <option value="VG">Virgin Islands (British)</option>
                        <option value="VI">Virgin Islands (US)</option>
                        <option value="VN">Vietnam</option>
                        <option value="VU">Vanuatu</option>
                        <option value="WF">Wallis & Futuna Islands</option>
                        <option value="WS">Samoa</option>
                        <option value="YE">Yemen</option>
                        <option value="YU">Yugoslavia</option>
                        <option value="ZA">South Africa</option>
                        <option value="ZM">Zambia</option>
                        <option value="ZR">Zaire</option>
                        <option value="ZW">Zimbabwe</option>
                      </optgroup>
                    </select>
                  </div>

                  <div class="form-list-item">
                    <div class="styled-input-container">
                                            <input class="styled-input" placeholder="Name on Card" type="text" name="name">
                    </div>
                  </div>

                  <div class="form-list-item">
                    <div class="styled-input-container">
                                            <input class="styled-input" placeholder="Address" type="text" name="address_line1" />
                    </div>
                  </div>

                  <div class="horizontal-form-items">
                    <div class="form-list-item">
                      <div class="styled-input-container">
                                                <input class="styled-input" placeholder="City" type="text" name="address_city" />
                      </div>
                    </div>

                    <div class="form-list-item">
                      <div class="styled-input-container">
                                                <input class="styled-input" placeholder="ZIP" type="text" name="address_zip" />
                      </div>
                    </div>
                  </div>
                </div>

                <button class="js-submit-payment-button enter-billing-submit-payment save-button styled-button green-background disabled" disabled>Start Trial</button>
              </div>
            
            <div class="js-present-compropago hide" style="
              text-align: center;
              margin-top: 20px;
            ">
              <div>O utilizar</div>
              <img src="http://storage.googleapis.com/cdn.gifs.com/images/compropago.svg"
                style="
                  cursor: pointer;
                  width: 80%;
                  border: 1px solid #00e39e;
                  border-radius: 4px;
                  background: rgba(0, 227, 158, 0.06);
                  margin-top: 10px;
                  "
                >
            </div>

            <div class="billing-warning-prompt"></div>
            <div class="billing-warning-prompt-second-heading hide">You will see a temporary charge on your statement until then.</div>
            <div class="tos-message">By clicking submit you agree to our <a href="/policies/tos">terms and services</a>.</div>
          </form>
        </div>
      </div>
    </div>

    <div class="modal-slide finished-slide">
      <div class="no-watermark-modal-hero-container">
        <img class="no-watermark-modal-hero-image" src="https://cdn.gifs.com/images/watermarks-modal-hero.png"/>

        <h1 class="no-watermark-modal-title js-congrats-title">Enjoy your new shiny gifs!</h1>
        <p class="no-watermark-modal-sub-title js-congrats-sub-title">They will be squeaky clean with no watermarks. Thank you for being a user of Gifs.com!</p>
      </div>
    </div>
  </div>
</div>
`;
window.resizeModalHTML = `<div class="resize-modal-container">
  <div class="resize-modal-background js-resize-modal-background"></div>

  <div class="resize-modal invisible">
      <div class="preview-container">
          <div class="image-preview-container">
              <img class="js-image-preview image-preview hide" src="" />
          </div>

          <div class="image-info">
              <div class="image-info-dimension">
                  W: <span class="js-image-width"></span>px
              </div>

              <div class="image-info-dimension">
                  H: <span class="js-image-height"></span>px
              </div>

              <div class="image-info-filesize">
                  <span class="js-filesize"></span> MB
              </div>
          </div>
      </div>

      <div class="config-container">
          <div class="title-container">
              <div class="title">Resize and Compress GIF</div>
              <i class="material-icons resize-modal-close-button js-resize-modal-close-buton">close</i>
          </div>

          <div class="tabs-container">
              <div class="tab resize-tab js-resize-tab selected">RESIZE</div>
              <div class="tab-separator">or</div>
              <div class="tab compress-tab js-compress-tab">COMPRESS</div>
          </div>

          <div class="options-container">
              <div class="resize-options-container js-resize-options-container">
                  <div class="resize-input-container">
                      <div class="resize-options-input-container">
                          <label>Height</label>
                          <input type="number" name="height" class="js-height-input"/>
                      </div>

                      <div class="resize-options-input-container">
                          <label>Width</label>
                          <input type="number" name="width" class="js-width-input"/>
                      </div>
                  </div>

                  <div class="dimensions-lock-container">
                      <div class="top-decorator"></div>
                      <i class="material-icons dimensions-lock-button js-dimensions-lock-button selected">lock</i>
                      <div class="bottom-decorator"></div>
                  </div>
              </div>

              <div class="compress-options-container js-compress-options-container hide">
                <div class="compress-input-container">
                  Keep GIF under <input type="number" value="4" min="1" class="js-compress-input compress-input" /> mb
                </div>
              </div>
          </div>

          <div class="resize-bottom-align">
            <div class="compress-info-container js-compress-info-container hide">
              <div class="compress-info-title">Maximum GIF File Sizes:</div>

              <div class="compress-standards-container">
                <div class="compress-standards-column">
                    <div class="compress-standard">Tumblr: 3MB</div>
                    <div class="compress-standard">Slack: 3MB</div>
                    <div class="compress-standard">Facebook: 8MB</div>
                </div>

                <div class="compress-standards-column">
                    <div class="compress-standard">Wordpress: 2MB</div>
                    <div class="compress-standard">Telegram: 4MB</div>
                    <div class="compress-standard">WhatsApp: 4MB</div>
                </div>
              </div>
            </div>

            <div class="resize-save-button js-resize-save-button">Save and download</div>
          </div>
      </div>
  </div>
</div>
`;
window.stripePublicKey = 'pk_live_TnfvVlH8MkTGboWy2sK6ejaT';

// Facebook SDK
(function (d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s);
          js.id = id;
          js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

// Twitter SDK
!function (d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
  if (!d.getElementById(id)) {
    js = d.createElement(s);
    js.id = id;
    js.src = p + '://platform.twitter.com/widgets.js';
    fjs.parentNode.insertBefore(js, fjs);
  }
}(document, 'script', 'twitter-wjs');

// Create a queue to push events, and stub all methods
window.analytics || (window.analytics = []);
window.analyticsCallbacks = [];

window.analytics.methods = ['identify', 'track', 'trackLink', 'trackForm', 'trackClick', 'trackSubmit', 'page', 'pageview', 'ab', 'alias', 'ready', 'group', 'on', 'once', 'off', 'timeEvent'];

window.analytics.factory = function (method) {
  return function () {
    var args = Array.prototype.slice.call(arguments);
    args.unshift(method);
    window.analytics.push(args);
    return window.analytics;
  };
};

for (var i = 0; i < window.analytics.methods.length; i++) {
  var method = window.analytics.methods[i];
  window.analytics[method] = window.analytics.factory(method);
}

</script>
<script>
(function() {
  function bustCache(cachedPlan, allWatermarkPlans) {
    var matchingPlan = allWatermarkPlans.offerings[cachedPlan.id];

    return matchingPlan;
  }

  function annualPlan(plan, allWatermarkPlans) {
    if (typeof plan === 'string') {
      plan = JSON.parse(plan);
    }

    return allWatermarkPlans.offerings[plan.id + '-annual'];
  }

  var noWatermarkPlan = {"price":"999","trial":7,"interval":"month","name":"No Watermark","id":"no-watermark-999"};
  var allWatermarkPlans = {"default":["no-watermark-999"],"offerings":{"no-watermark":{"price":"300","trial":15,"interval":"month","name":"No Watermark","id":"no-watermark"},"no-watermark-annual":{"price":"3000","trial":15,"interval":"year","name":"No Watermark","id":"no-watermark-300-annual"},"no-watermark-999":{"price":"999","trial":7,"interval":"month","name":"No Watermark","id":"no-watermark-999"},"no-watermark-999-annual":{"price":"9588","trial":7,"interval":"year","name":"No Watermark","id":"no-watermark-999-annual"}}};

  var cachedPlan = localStorage.getItem('noWatermarkPlan');
  if (cachedPlan) {
    window.annualNoWatermarkPlan = annualPlan(cachedPlan, allWatermarkPlans);
    return window.noWatermarkPlan = bustCache(JSON.parse(cachedPlan), allWatermarkPlans);
  }

  window.annualNoWatermarkPlan = annualPlan(noWatermarkPlan, allWatermarkPlans);
  window.noWatermarkPlan = noWatermarkPlan;
  localStorage.setItem('noWatermarkPlan', JSON.stringify(noWatermarkPlan));
})();
</script>

  <script src="https://cdn.gifs.com//build/js/jquery-b8035b8a944027f5d20ae1b7932dafea.js"></script>
  <script src="https://cdn.gifs.com//build/js/base-1a95f9471a2da44821c69a28837af014.js"></script>
  <script src="https://cdn.gifs.com//build/js/editor-init-07a94b4eb78df3658f67423c3ac9f1c3.js"></script>
  <script type="text/javascript">
if (typeof window.analytics === 'undefined'){
  throw new Error();
}

if (typeof window.analytics.track === 'undefined') {
  throw new Error();
}

window.analyticsCallbacks || (window.analyticsCallbacks = []);

// Set up a way to async load Analytics.js after everything else
window.analytics.load = function(callback) {
  var script = document.createElement('script');
  script.async = true;
  script.type = 'text/javascript';

  script.src = 'https://cdn.gifs.com/scripts/analytics.min.js';
  script.addEventListener('load', function (e) {
    if(typeof callback == 'function') {
      callback(e);
    }
  }, false);

  var firstScript = document.getElementsByTagName('script')[0];
  firstScript.parentNode.insertBefore(script, firstScript);
};

function setLastGifMade(gifSlug) {
  if (!window.user) {
    return;
  }

  window.analytics.identify(window.user.id, Object.assign(window.user, {
    lastGifMade: gifSlug
  }));
}

window.analytics.load(function() {

 window.analytics.initialize({
     'Google Analytics': {
         trackingId: 'UA-52559985-1'
     },
    'Mixpanel': {
      token: '5952318d2edacaa6eb0526e62ef07339',
      people: true
    }
  });

  // User registered
  
  // User signed in
  
  
  window.analytics.page();

  
  window.analyticsCallbacks.forEach(function(callback) {
    if (typeof callback === 'function') callback(analytics);
  });

});

window.analyticsCallbacks.push(function SetUpAuthFunnel() {
  var headerAuthButton = document.querySelector('.header-auth-button');

  if (headerAuthButton) {
    headerAuthButton.addEventListener('click', function(e) {
      window.analytics.track('signup-displayed');
    });
  }

  var showLogin = document.querySelector('.showLogin');
  if (showLogin) {
    showLogin.addEventListener('click', function(e) {
      window.analytics.track('login-displayed');
    });
  }

  var showRegister = document.querySelector('.showRegister');
  if (showRegister) {
    showRegister.addEventListener('click', function(e) {
      window.analytics.track('signup-displayed');
    });
  }

  var loginFormButton =  document.querySelector('#loginForm button');
  if (loginFormButton) {
    loginFormButton.addEventListener('click', function(e) {
      if (loginStarted < 2) window.analytics.track('login-started', { site: 'gifs' });
    });
  }

  var loginFormSubmit = document.getElementById('login-form-submit');
  window.analytics.trackLink(loginFormSubmit, 'login-submitted');

  var loginWithTwitterButton = document.querySelector('.loginWithTwitterButton');
  if (loginWithTwitterButton) {
    loginWithTwitterButton.addEventListener('click', function(e) {
      window.analytics.track('login-started', { site: 'twitter' });
    });
  }

  var registerFormButton = document.getElementById('register-form-submit');
  window.analytics.trackLink(registerFormButton, 'signup-submitted');

  var loginStarted  = 0;
  var signupStarted = false;

  var loginForm = document.querySelector('#loginForm');
  if (loginForm) {
    loginForm.addEventListener('change', function(e) {
      if (loginStarted > 2) return;
      // account for browser autofill before the modal is ever opened
      if (loginStarted > 1) window.analytics.track('login-started', { site: 'gifs' });

      loginStarted++;
    });
  }

  var registerForm = document.querySelector('#registerForm');
  if (registerForm) {
    registerForm.addEventListener('change', function(e) {
      if (signupStarted === true) return;

      signupStarted = true;
      window.analytics.track('signup-started', { site: 'gifs' });
    });
  }
});

</script>
<script>
            window.fcSettings = {
            token: "7d496bcc-1203-4f15-aa4a-ec96560eb758",
            host: "https://wchat.freshchat.com"
        };
    </script>

<script src="https://wchat.freshchat.com/js/widget.js" async></script>


<script>
  Bugsnag.releaseStage = "production";
  if (!setLastGifMade) {
    function setLastGifMade() {}
  }
</script>

<script type="text/javascript">
                var keenProjectId = '5907a3a0be8c3e260bcadbc1';
    var keenWriteKey = '3E38C3F638F0900398DE6FFC1F1C2C7070039A3C9BAF8AA80906CD2E4053F6AC992F67DA6251491E876A58161E28A2AE461D5E8316762C203B7F03E58DA0CC994808567A8CAB08BB0E0EAA4A2F837A6D6EE153C6A338B60713B234589B4C4A42';
        // Configure a client instance
    !function (name, path, ctx) {
        var latest, prev = name !== 'Keen' && window.Keen ? window.Keen : false;
        ctx[name] = ctx[name] || {
                    ready: function (fn) {
                        var h = document.getElementsByTagName('head')[0], s = document.createElement('script'), w = window, loaded;
                        s.onload = s.onerror = s.onreadystatechange = function () {
                            if ((s.readyState && !(/^c|loade/.test(s.readyState))) || loaded) {
                                return
                            }
                            s.onload = s.onreadystatechange = null;
                            loaded = 1;
                            latest = w.Keen;
                            if (prev) {
                                w.Keen = prev
                            } else {
                                try {
                                    delete w.Keen
                                } catch (e) {
                                    w.Keen = void 0
                                }
                            }
                            ctx[name] = latest;
                            ctx[name].ready(fn)
                        };
                        s.async = 1;
                        s.src = path;
                        h.parentNode.insertBefore(s, h)
                    }
                }
    }('KeenAsync', 'https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js', this);

    KeenAsync.ready(function () {
        // Configure a client instance
        window.client = new KeenAsync({
            projectId: keenProjectId,
            writeKey: keenWriteKey
        });

        window.client.recordEvent('pageviews', {
            title: document.title,
            gifId: link,
            gif_created_at: createdAt,
            youtubeId: yid,
            og_creator: og_creator,
            user: user,
            session: session,
            page: {
                url: document.location.href
            },
            referrer: {
                url: document.referrer
            },
            "ip_address": "${keen.ip}",
            "keen": {
                "addons": [{
                    "name": "keen:ip_to_geo",
                    "input": {
                        "ip": "ip_address"
                    },
                    "output": "ip_geo_info"
                }, {
                    "name": "keen:date_time_parser",
                    "input": {
                        "date_time": "keen.timestamp"
                    },
                    "output": "timestamp_info"
                }, {
                    "name": "keen:referrer_parser",
                    "input": {
                        "referrer_url": "referrer.url",
                        "page_url": "page.url"
                    },
                    "output": "referrer.info"
                }]
            }
        });
    });

    function recordKeenEventAndType(event, type) {
        if (typeof window.client === 'undefined') {
            throw new Error();
        }
        window.client.recordEvent(event, {
            type: type,
            gifId: link,
            og_creator: og_creator,
            user: user,
            session: session,
            page: {
                url: document.location.href
            },
            referrer: {
                url: document.referrer
            },
            "ip_address": "${keen.ip}",
            "keen": {
                "addons": [{
                    "name": "keen:ip_to_geo",
                    "input": {
                        "ip": "ip_address"
                    },
                    "output": "ip_geo_info"
                }, {
                    "name": "keen:date_time_parser",
                    "input": {
                        "date_time": "keen.timestamp"
                    },
                    "output": "timestamp_info"
                }, {
                    "name": "keen:referrer_parser",
                    "input": {
                        "referrer_url": "referrer.url",
                        "page_url": "page.url"
                    },
                    "output": "referrer.info"
                }]
            }
        });
    }
</script>
<script>
  </script>
    <script src="https://storage.googleapis.com/cdn.gifs.com/build/js/gifview-f43795a235d349c71dd255c3ac6f6fa7.js"></script>
    <script src="https://storage.googleapis.com/cdn.gifs.com/build/js/tracking-c8ee9e2d995b72f4c6fee7e4c1495945.js"></script>
<script>
    var linkOrGifId = "0glnYX";
    if(!linkOrGifId){
      Bugsnag.notify("variable undefined", "linkOrGifId is blank");
    }
    var posterwidth;
    var posterheight;
    var posterImage = new Image();
    posterImage.onload = function () {
        posterwidth = this.width;
        posterheight = this.height;

        if (posterwidth > 480) {
            posterheight = this.height * 480 / this.width;
            posterwidth = 480
        }

        var embedHTML = $(".embedLink").val();
        embedHTML = embedHTML.replace("440", this.width + "px");
        embedHTML = embedHTML.replace("400", this.height + "px");
        $('.embedLink').attr("value", embedHTML);
        $(".socialEmbedHTML").attr("value", 'https://j.gifs.com/' + linkOrGifId + '.gif');
        $("#custom-menu-embedInput").attr("value", embedHTML);
        $('meta[name="twitter:player:width"]').attr('content', posterwidth);
        $('meta[name="twitter:player:height"]').attr('content', posterheight);
        $(".tumblr").click(function (e) {
            e.preventDefault();
            analytics.track('tumblr-btn-clicked');
            var myWindow = window.open("https://www.tumblr.com/widgets/share/tool?canonicalUrl=" + websiteURL + "&caption=" + titleOfVideo + " via " + websiteURL, "&", "width=" + posterwidth + ", height=" + posterheight);
            ga('send', 'event', 'Tumbler', 'Clicked', 'Social Buttons');
            recordKeenEventAndType('share', 'tumblr');
        });
    };

    posterImage.src = 'https://j.gifs.com/0glnYX.jpg';
</script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
     loadProfile();
  });
</script>
    <script src="https://storage.googleapis.com/cdn.gifs.com/build/js/creator-3a70eb812dadecfa05713a75ddf90991.js"></script>
<script>
  if (gifMade == 0) {
    linearBackOff(0, 20, 200);
  }

  if (gifMade == 1) {
    if (isWaitingForFacebookOptimization) {
      checkFacebookSizedMedia();
    } else {
      onFacebookOptimizationComplete();
    }
  }
</script>
<script>
    // Analytics.js & Mixpanel ---------
    
    var v = document.querySelector('video');
    var sources = v.querySelectorAll('source');
    var lastSource = sources[sources.length - 1];

    lastSource.addEventListener('error', function (ev) {
        loadGif();
    }, false);

    $(document).ready(function () {
        setTimeout(function() {
          if (window.setInitialVideoSource) {
            window.setInitialVideoSource();
          }

          if (window.handleInitialAttributionLoad) {
            window.handleInitialAttributionLoad();
          }
        }, 100);
        $("body").removeClass('preload');
        if (Modernizr.video) {
          if (!Modernizr.video.h264){
            loadGif();
          } else {
            if (!document.getElementById('video').paused && isMobile) {
              $('.playGifBtn').hide();
            }
          }
        } else {
          loadGif();
        }
    });

    var sizes = [];
          sizes.push(JSON.parse('{"id":29127003,"created_at":"2017-09-12 00:59:45","updated_at":"2017-09-12 00:59:45","slug":"0glnYX","format":"mp4","size":"medium","height":360,"width":640,"canonical":1,"file_size":957279}'));
          sizes.push(JSON.parse('{"id":29127004,"created_at":"2017-09-12 00:59:45","updated_at":"2017-09-12 00:59:45","slug":"0glnYX","format":"orig","size":"orig","height":360,"width":640,"canonical":1,"file_size":1040062}'));
          sizes.push(JSON.parse('{"id":29127005,"created_at":"2017-09-12 00:59:46","updated_at":"2017-09-12 00:59:46","slug":"0glnYX","format":"jpg","size":"medium","height":360,"width":640,"canonical":1,"file_size":32152}'));
          sizes.push(JSON.parse('{"id":29127011,"created_at":"2017-09-12 00:59:51","updated_at":"2017-09-12 00:59:51","slug":"0glnYX","format":"gif","size":"small","height":113,"width":200,"canonical":0,"file_size":1348958}'));
          sizes.push(JSON.parse('{"id":29127012,"created_at":"2017-09-12 00:59:51","updated_at":"2017-09-12 00:59:51","slug":"0glnYX","format":"mp4","size":"large","height":720,"width":1280,"canonical":0,"file_size":1969927}'));
          sizes.push(JSON.parse('{"id":29127013,"created_at":"2017-09-12 00:59:51","updated_at":"2017-09-12 00:59:51","slug":"0glnYX","format":"orig","size":"large@orig","height":720,"width":1280,"canonical":0,"file_size":2235975}'));
          sizes.push(JSON.parse('{"id":29127014,"created_at":"2017-09-12 00:59:52","updated_at":"2017-09-12 00:59:52","slug":"0glnYX","format":"jpg","size":"large","height":720,"width":1280,"canonical":0,"file_size":71288}'));
          sizes.push(JSON.parse('{"id":29127016,"created_at":"2017-09-12 01:00:10","updated_at":"2017-09-12 01:00:10","slug":"0glnYX","format":"gif","size":"medium","height":360,"width":640,"canonical":1,"file_size":12163584}'));
          sizes.push(JSON.parse('{"id":29127039,"created_at":"2017-09-12 01:00:35","updated_at":"2017-09-12 01:00:35","slug":"0glnYX","format":"gif","size":"facebook","height":360,"width":640,"canonical":0,"file_size":7740416}'));
          sizes.push(JSON.parse('{"id":29127049,"created_at":"2017-09-12 01:01:04","updated_at":"2017-09-12 01:01:04","slug":"0glnYX","format":"gif","size":"large","height":720,"width":1280,"canonical":0,"file_size":37343136}'));
        var getSizes = function() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                var newSizes = Object.values(JSON.parse(this.response));
                openResizeModal({
                    slug: '0glnYX',
                    sizes: newSizes
                });
            }

            else if (this.status >= 500) {
                openResizeModal({
                    slug: '0glnYX',
                    sizes: sizes
                });
            }
        };
        var url = "/gif/" + gifId + "/sizes";
        xhttp.open("GET", url, true);
        xhttp.send();
    };

    document.querySelector('.js-resize-button').addEventListener(
      'click',
      function() {
        if (user && user.watermarks.isSubscribed) {
            getSizes();
        } else {
          openPaymentModal('resize', {
            entryLocation: 'resize'
          });
        }
      }
    );

    document.querySelector('.sticker-maker-button').addEventListener(
      'click',
      function() {
        window.location = 'https://beta.gifs.com/sticker-creator?url=https://j.gifs.com/'+gifId+'.mp4'
      }
    );

    var embedIsResponsive = false;
    var embedHasSound = false;
    var embedHasWatermark = true;

    $('.js-embed-remove-watermark input[type="checkbox"]').bind('change', function () {

        if($(this).is(':checked')) {

          embedHasWatermark = false;

          analytics.track('embed-remove-watermark-checked');


          if (!(user && user.watermarks.isSubscribed)) {

            openPaymentModal('watermark', {
              entryLocation: 'watermark'
            });

            var paymentCheck = setInterval(function() {
              if (!modalIsOpen) {
                clearInterval(paymentCheck);
              }

              if (!modalIsOpen && !(user && user.watermarks.isSubscribed)) {
                $('.js-embed-remove-watermark input[type="checkbox"]').trigger("click");
              }

            }, 250);

          }

          var val = $("#embed-link-info").attr("value");
          var parsedVal = $.parseHTML(val);

          if ($(parsedVal).is("div")) {
            var embedSrc = $(parsedVal).children('iframe').attr("src");
          } else {
            var embedSrc = $(parsedVal).attr("src");
          }

          var embedURL = new URL("http:"+embedSrc);

          embedURL.searchParams.set('watermark', 'false');

          if ($(parsedVal).is("div")) {
            $(parsedVal).children('iframe').attr("src", embedURL.toString().replace("http:", ""));
          } else {
            $(parsedVal).attr("src", embedURL.toString().replace("http:", ""));
          }

          $("#embed-link-info").attr("value", $(parsedVal).prop('outerHTML'));

        } else {

          embedHasWatermark = true;

          analytics.track('embed-remove-watermark-unchecked');


          var val = $("#embed-link-info").attr("value");
          var parsedVal = $.parseHTML(val);

          if ($(parsedVal).is("div")) {
            var embedSrc = $(parsedVal).children('iframe').attr("src");
          } else {
            var embedSrc = $(parsedVal).attr("src");
          }

          var embedURL = new URL("http:"+embedSrc);
          embedURL.searchParams.delete('watermark');

          if ($(parsedVal).is("div")) {
            $(parsedVal).children('iframe').attr("src", embedURL.toString().replace("http:", ""));
          } else {
            $(parsedVal).attr("src", embedURL.toString().replace("http:", ""));
          }

          $("#embed-link-info").attr("value", $(parsedVal).prop('outerHTML'));

        }
      }
    );

    $('.js-embed-play-sound input[type="checkbox"]').bind('change', function () {
        if($(this).is(':checked')) {

          embedHasSound = true;

          analytics.track('embed-play-sound-checked');

          var val = $("#embed-link-info").attr("value");
          var parsedVal = $.parseHTML(val);

          if ($(parsedVal).is("div")) {
            var embedSrc = $(parsedVal).children('iframe').attr("src");
          } else {
            var embedSrc = $(parsedVal).attr("src");
          }

          var embedURL = new URL("http:"+embedSrc);
          embedURL.searchParams.set('muted', 'false');

          if ($(parsedVal).is("div")) {
            $(parsedVal).children('iframe').attr("src", embedURL.toString().replace("http:", ""));
          } else {
            $(parsedVal).attr("src", embedURL.toString().replace("http:", ""));
          }

          $("#embed-link-info").attr("value", $(parsedVal).prop('outerHTML'));

        } else {

          embedHasSound = false;

          analytics.track('embed-play-sound-unchecked');

          var val = $("#embed-link-info").attr("value");
          var parsedVal = $.parseHTML(val);

          if ($(parsedVal).is("div")) {
            var embedSrc = $(parsedVal).children('iframe').attr("src");
          } else {
            var embedSrc = $(parsedVal).attr("src");
          }

          var embedURL = new URL("http:"+embedSrc);
          embedURL.searchParams.delete('muted');

          if ($(parsedVal).is("div")) {
            $(parsedVal).children('iframe').attr("src", embedURL.toString().replace("http:", ""));
          } else {
            $(parsedVal).attr("src", embedURL.toString().replace("http:", ""));
          }

          $("#embed-link-info").attr("value", $(parsedVal).prop('outerHTML'));

        }

    });

    // to make the responsive we need to:
    // 1. calculate the media's aspect ratio
    // 2. add a container element with css
    // 3. add some extra css to the iframe
    var originalEmbedCode = $("#embed-link-info").attr("value");

    $('.js-embed-responsive input[type="checkbox"]').bind('change', function () {
        if($(this).is(':checked')) {

          embedIsResponsive = true;

          analytics.track('embed-responsive-checked');

          var embedHeight = $(".g_player #container").height();
          var embedWidth = $(".g_player #container").width();
          var aspectRatio = embedHeight/embedWidth * 100;
          var percentageString = aspectRatio.toFixed(3)+"%";

          var val = $("#embed-link-info").attr("value");
          var parsedVal = $.parseHTML(val);
          parsedVal[0].style.position = "absolute";
          parsedVal[0].style.height = "100%";
          parsedVal[0].style.width = "100%";
          parsedVal[0].height = embedHeight;
          parsedVal[0].width = embedWidth;
          var responsiveEmbed = $(parsedVal);
          var divOpen = "<div style='position:relative;padding-bottom:"+percentageString+";'>";
          $("#embed-link-info").attr("value", divOpen+responsiveEmbed.prop('outerHTML')+"</div>");

        } else {

          embedIsResponsive = false;

          analytics.track('embed-responsive-unchecked');
          $("#embed-link-info").attr("value", originalEmbedCode);
        }
      }
    );

    $(".embed-code-snippet").click(function() {
      analytics.track('embed-code-copied', {
        creator: og_creator,
        sound: embedHasSound,
        responsive: embedIsResponsive,
        watermark: embedHasWatermark,
      });
    });

    var downloadDropdownButton = document.querySelector('.download-gif-dropdown-button');
    var sizeContainer = document.querySelector('.download-gif-dropdown-container');

    if (downloadDropdownButton) {
      downloadDropdownButton.addEventListener('click', function() {
        [downloadDropdownButton, sizeContainer].forEach(function(el) {
          el.classList.toggle('selected');
        });
      });
    }

    if (gifMade && downloadDropdownButton) {
      [].slice.call(document.querySelectorAll('.download-gif-dropdown-size')).forEach(function(el) {
        el.addEventListener('click', downloadHandler);
      });
    }
</script>

</body>
</html>
