<!DOCTYPE html>
<html>
<head>
<title>Looks like you're lost!</title>
<!DOCTYPE html>
<html>
<head>
<script src="/cdn-cgi/apps/head/UFtojVWbgvhxUQg0-2Ey8LWOdII.js"></script><link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sarabun&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<script>
            $(document).ready(function() {
                $('#headerLoginBox').click(function() {
                    $('#loginBox').modal('toggle');
                });
            })
        </script>

<div class="modal fade" id="loginBox" data-backdrop="static" data-keyboard="true" tabindex="-1" aria-labelledby="loginBoxLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="loginBoxLabel">Welcome to Caffeinated!</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" style="margin: auto">
<a href="/auth" class="btn btn-primary text-center">
<i class="bi bi-box-arrow-in-right"></i> Login to Caffeinated</a>
<h1>
OR
</h1>
<button type="button" class="btn btn-primary text-center">
<i class="bi bi-link"></i> Verify for our Discord Server</button>
</div>
</div>
</div>
</div>
</head>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #ededed">
<a href="/">
<img src="/public/images/CaffLogBlack.png" style="width:95px;height:95px;">
</a>
<a class="navbar-brand font-weight-bold" href="/" style="color: cornflowerblue;">Caffeinated</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="/rules">Rules <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/faq">FAQ <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item disabled">
<a class="nav-link" onclick="alert(`Sorry, this is not available at this time.`)">News<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/partners">Partners<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/jobs">Jobs<span class="sr-only">(current)</span></a>
</li>
</ul>
<div class="navbar-brand">
<a href="https://discord.gg/CFwVFEx" style="padding: 10px; text-decoration: none">
<i class="bi bi-discord" style="color: #464646; font-size: 2rem;"></i>
</a>
<a href="https://www.roblox.com/groups/7195748/Caffeinated-Caf#!/about" style="padding: 10px">
<img src="/public/images/robloxLogo.png" style="width: 32px; height: 32px">
</a>
</div>
</div>
<a id="headerLoginBox" class="btn btn-lg btn-default btn-outline-dark"><span class="glyphicon glyphicon-log-in"></span>Login</a>
</nav>
<style>
    .navbar-brand {
        font-family: 'Quicksand', sans-serif;
        font-size: 32px !important;
    }

    a {
        font-size: 16px;
    }
</style>
<script>(function(){var js = "window['__CF$cv$params']={r:'786621ee69472300',m:'thILe1ofgxJAXnAZEg8FUJaQCyjsY6KTbCR3Df4MYAY-1673193484-0-AYwpOh92t7kZWaj4cJG1ohqmQvUU1Ba3WEgvoomgKIvCDJauqNMQ6WFWaDG7stSVn8TyLLDYyLM5UjyBS4Pydh0X3SpsQKCVCyUgFm2MUIsirbD7oiXakMn5Is29AZQSNQ==',s:[0xd67fc74c03,0x96b39745c7],u:'/cdn-cgi/challenge-platform/h/b'};var now=Date.now()/1000,offset=14400,ts=''+(Math.floor(now)-Math.floor(now%offset)),_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/h/b/scripts/alpha/invisible.js?ts='+ts,document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.nonce = '';_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vaafb692b2aea4879b33c060e79fe94621666317369993" integrity="sha512-0ahDYl866UMhKuYcW078ScMalXqtFJggm7TmlUtp0UlD4eQk0Ixfnm5ykXKvGJNFjLMoortdseTfsRT8oCfgGA==" data-cf-beacon='{"rayId":"786621ee69472300","version":"2022.11.3","r":1,"token":"f4f1ba9a42e94d298d41ae744381e66a","si":100}' crossorigin="anonymous"></script>
</html>
<style>
        .jumbotron {
            height: 85vh;
            /* Location of the image */
            background-image: url("/public/images/u404.jpg");

            /* Background image is centered vertically and horizontally at all times */


            /* Background image doesn't tile */
            background-repeat: no-repeat;

            /* Background image is fixed in the viewport so that it doesn't move when
               the content's height is greater than the image's height */

            /* This is what makes the background image rescale based
               on the container's size */
            background-size: cover;

            /* Set a background color that will be displayed
               while the background image is loading */
            background-color: #464646;
        }

    </style>
</head>
<div class="jumbotron">
<a class="btn btn-danger btn-lg" href="/" role="button">Return home</a>
</div>
</html>
