Skip to content

Instantly share code, notes, and snippets.

@radhack
Created July 22, 2020 20:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save radhack/bb4af7a6395738ba24d093a747c150e4 to your computer and use it in GitHub Desktop.
Save radhack/bb4af7a6395738ba24d093a747c150e4 to your computer and use it in GitHub Desktop.
This'll move the last two <ol> items out far enough that you'll see the whole (hilarious) number
<!DOCTYPE html><!-- Last Published: Wed Jul 22 2020 17:14:36 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.controlaltdeath.com" data-wf-page="5e5f40a67dbd995d6817771b" data-wf-site="5e5859de03c6fe8536232ee0">
<head>
<meta charset="utf-8"/>
<title>Rankings</title>
<meta content="Rankings" property="og:title"/>
<meta content="Rankings" property="twitter:title"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/css/controlaltdeath.webflow.5a1ff6789.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Roboto:regular,500,700,900"] }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e5f5abc9ebace4174be4ecd_CAD_Favicon.jpg" rel="shortcut icon" type="image/x-icon"/>
<link href="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e5f5ac07dbd997d791821d3_CAD_Webclip.jpg" rel="apple-touch-icon"/>
<style>
body.noScroll {
overflow: hidden;
}
/* issue with 1000 rank number not showing */
.w-richtext ol, .w-richtext ul {
overflow: visible !important;
}
.nav-section {
transition: .5s;
}
.nav-section.scrollingNavbar {
background-color: #130e12;
transition: .5s;
}
.my-navbar {
transition: .5s;
}
.my-navbar.scrollingNavbar {
height: 55px;
transition: .5s;
}
.brand-image {
transition: .5s;
}
.brand-image.scrollingNavbar {
max-width: 65%;
transition: .5s;
}
</style>
<script>
/*
var Webflow = Webflow || [];
Webflow.push(function () {
$(window).on('scroll', function() {
if ($(window).scrollTop()){
$('.nav-section').addClass('scrollingNavbar');
$('.my-navbar').addClass('scrollingNavbar');
$('.brand-image').addClass('scrollingNavbar');
}
else {
$('.nav-section').removeClass('scrollingNavbar');
$('.my-navbar').removeClass('scrollingNavbar');
$('.brand-image').removeClass('scrollingNavbar');
}
})
});
*/
</script>
</head>
<body class="body-5">
<div class="nav-section">
<div class="nav-wrapper">
<div class="my-navbar">
<a href="/" class="brand w-inline-block"><img src="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e585c5776125c57521f230f_logo.png" width="132" alt="Skull logo" srcset="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e585c5776125c57521f230f_logo-p-500.png 500w, https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e585c5776125c57521f230f_logo-p-800.png 800w, https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e585c5776125c57521f230f_logo.png 1280w" sizes="(max-width: 479px) 72px, 105.59375px" data-w-id="023fd7f3-72dd-9770-fdb7-81877f621e0d" class="brand-image"/></a>
<div class="nav-links-wrapper">
<a href="/episodes" class="nav-link">Episodes</a><a href="/rankings" aria-current="page" class="nav-link w--current">Rankings</a><a data-w-id="023fd7f3-72dd-9770-fdb7-81877f621e0f" href="/about" class="nav-link">About</a><a href="/contact" class="nav-link">Contact</a>
<div class="social-container">
<div class="social-item"><a href="https://www.instagram.com/controlaltdeath/" class="link social"></a></div>
<div class="social-item"><a href="https://twitter.com/controlaltdeath" class="link social"></a></div>
<div class="social-item"><a href="https://www.youtube.com/channel/UCZht-fTL_xeGx23iPhqCWqg" class="link social"></a></div>
<div class="social-item"><a href="https://www.facebook.com/controlaltdeath" class="link social"></a></div>
</div>
</div>
<div data-w-id="023fd7f3-72dd-9770-fdb7-81877f621e15" class="menu-button-wrapper">
<div data-w-id="023fd7f3-72dd-9770-fdb7-81877f621e16" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/5e5996baed092e367bc26bc6_new%20hamburger%20menu.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="svg" data-default-duration="3" data-duration="0" data-ix2-initial-state="11" class="hamburger-lottie"></div>
</div>
</div>
</div>
<div class="mobile-menu">
<div class="mobile-menu-items-wrapper">
<a href="/episodes" class="mobile-menu-item">Episodes<br/>‍</a><a href="/rankings" aria-current="page" class="mobile-menu-item w--current">Rankings<br/>‍</a><a href="/about" class="mobile-menu-item">About<br/>‍</a><a href="/contact" class="mobile-menu-item">Contact<br/>‍</a>
<div class="social-container mobile">
<div class="social-item"><a href="https://www.instagram.com/controlaltdeath/" class="link social red"></a></div>
<div class="social-item"><a href="https://twitter.com/controlaltdeath" class="link social red"></a></div>
<div class="social-item"><a href="https://www.youtube.com/channel/UCZht-fTL_xeGx23iPhqCWqg" class="link social red"></a></div>
<div class="social-item"><a href="https://www.facebook.com/controlaltdeath" class="link social red"></a></div>
</div>
</div>
</div>
</div>
<div class="red-section">
<div class="hero-content"></div>
<div class="mycontainer">
<div class="bold-black-text">Check back weekly for our ongoing ranked list of the movies we watch!</div>
<div class="w-dyn-list">
<div role="list" class="collection-list-3 w-dyn-items">
<div role="listitem" class="collection-item-4 w-dyn-item">
<div class="movie-list-text w-richtext">
<ol role="list">
<li>Hatchet - <a href="/episodes/11">Episode 11</a></li>
<li>Hatchet II - <a href="/episodes/15">Episode 15</a></li>
<li>The Blackcoat&#x27;s Daughter - <a href="/episodes/19">Episode 19</a></li>
<li>Tourist Trap - <a href="/episodes/tourist-trap">Episode 4</a></li>
<li>The VelociPastor - <a href="/episodes/1">Episode 1</a></li>
<li>MosquitoMan - <a href="/episodes/7">Episode 7</a></li>
<li>Uninvited - <a href="/episodes/2">Episode 2</a></li>
<li>Street Trash - <a href="/episodes/13">Episode 13</a></li>
<li>Body Melt - <a href="/episodes/17">Episode 17</a></li>
<li>Madman - <a href="/episodes/9">Episode 9</a></li>
<li>Slugs - <a href="/episodes/5">Episode 5</a></li>
<li>Terror Firmer - <a href="/episodes/10">Episode 10</a></li>
<li>The Golden Glove - <a href="/episodes/6">Episode 6</a></li>
<li>He&#x27;s Out There - <a href="/episodes/3">Episode 3</a></li>
<li>Z - <a href="/episodes/16">Episode 16</a></li>
<li>Polaroid - <a href="/episodes/8">Episode 8</a>‍</li>
<li>Children Shouldn&#x27;t Play with Dead Things - <a href="/episodes/18">Episode 18</a></li>
</ol>
<ol start="1000" role="list" style="padding-left: 68px">
<li>Ants on a Plane - <a href="/episodes/12">Episode 12</a></li>
<li>House Shark - <a href="/episodes/14">Episode 14</a></li>
</ol>
<p>‍</p>
</div>
</div>
</div>
</div>
<div class="rankings-spacer"></div>
</div>
</div>
<footer id="footer" class="footer-section">
<div class="mycontainer w-container">
<div class="footer-flex-container-2">
<div>
<ul role="list" class="w-list-unstyled">
<li class="list-item"><a href="/episodes" class="footer-link">Episodes</a></li>
<li><a href="/rankings" aria-current="page" class="footer-link w--current">Rankings</a></li>
<li><a href="/about" class="footer-link">About</a></li>
<li><a href="/contact" class="footer-link">Contact</a></li>
</ul>
</div>
<div class="social-container">
<div class="social-item"><a href="https://www.instagram.com/controlaltdeath/" class="link social white"></a></div>
<div class="social-item"><a href="https://twitter.com/controlaltdeath" class="link social white"></a></div>
<div class="social-item"><a href="https://www.youtube.com/channel/UCZht-fTL_xeGx23iPhqCWqg" class="link social white"></a></div>
<div class="social-item"><a href="https://www.facebook.com/controlaltdeath" class="link social white"></a></div>
</div>
</div>
<div class="copyright-text">Copyright © 2020 ControlAltDeath. Website by <a href="http://www.joshcesana.com" target="_blank" class="inline-link">Josh Cesana</a>.</div>
</div>
</footer>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5e5859de03c6fe8536232ee0" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><script src="https://uploads-ssl.webflow.com/5e5859de03c6fe8536232ee0/js/webflow.42159a059.js" type="text/javascript"></script><!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--><script>
let navButton = document.getElementsByClassName('menu-button-wrapper')[0];
let body = document.getElementsByTagName('body')[0];
navButton.addEventListener('click', function() {
body.classList.toggle('noScroll');
});
var noFollowLinks = $('a[href*="joshcesana"]')
noFollowLinks.attr('ref', 'nofollow');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment