1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=8843224a-3682-4156-9bc8-d9dbb26f9bee 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9 10 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 11 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> 12 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> 13 <link rel="manifest" href="/site.webmanifest" /> 14 <!-- Compiled and minified CSS --> 15 <link 16 href="https://fonts.googleapis.com/icon?family=Material+Icons" 17 rel="stylesheet" 18 /> 19 <link 20 rel="stylesheet" 21 href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" 22 /> 23 <link rel="stylesheet" href="/css/style.css" /> 24 <link rel="stylesheet" href="css/responsive.css" /> 25 <title>Document</title> 26 </head> 27 <body> 28 <main> 29 <div class="navbar-fixed"> 30 <nav> 31 <div class="nav-wrapper white"> 32 <a class='brand-logo center' href='/'> 33 <i id="glass-icon" class="material-icons hide-on-med-and-down" 34 >local_bar</i 35 > 36 Five O'Clock 37 <span class="hide-on-med-and-down">Somewhere</span></a 38 > 39 <a href="#" data-target="mobile-nav" class="sidenav-trigger right" 40 ><i class="material-icons hamburger">menu</i></a 41 > 42 <ul id="nav-mobile" class="right hide-on-med-and-down"> 43 <li><a href='/random'>RANDOM</a></li> 44 <li><a href='/popular'>POPULAR</a></li> 45 </ul> 46 </div> 47 </nav> 48 </div> 49 50 <!-- Side Navigation HTML --> 51 <ul class="sidenav" id="mobile-nav"> 52 <li><a href='/'>Home</a></li> 53 <li><a href='/popular'>Popular</a></li> 54 <li><a href='/random'>Random Drink</a></li> 55 </ul> 56 <section class="popular-drinks" id="popular-drinks"> 57 <h2 class="flow-text center">The Drinks That Everyone Loves</h2> 58 <hr /> 59 <div class="container"> 60 <div class="row" id="popular-drink-items"></div> 61 </div> 62 </section> 63 </main> 64 <footer class="page-footer"> 65 <div class="container"> 66 <div class="row"> 67 <div class="col l6 s12"> 68 <h5 class="white-text">Five o'clock Somewhere</h5> 69 <p class="grey-text text-lighten-4"> 70 Powered by 71 <a 72 href="http://www.thecocktaildb.com" 73 target="_blank" 74 class="white-text" 75 >The Cocktail Database</a 76 > 77 </p> 78 </div> 79 <div class="col l4 offset-l2 s12"> 80 <h5 class="white-text">Popular Links</h5> 81 <ul> 82 <li> 83 <a class='grey-text text-lighten-3' href='/'>Home</a> 84 </li> 85 <li> 86 <a class='grey-text text-lighten-3' href='/random'>Random Drink</a 87 > 88 </li> 89 <li> 90 <a class='grey-text text-lighten-3' href='/popular'>Popular Drinks</a 91 > 92 </li> 93 </ul> 94 </div> 95 </div> 96 </div> 97 <div class="footer-copyright"> 98 <div class="container center">© 2025 5o'Clock Somewhere</div> 99 </div> 100 </footer> 101 <!-- Compiled and minified JavaScript --> 102
102<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
102 103
103<script src="js/main.js"></script>
103 104 </body> 105</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.