Gecko [ 35.178.45.201 ]

Name	Size	Permission
.mad-root	0 B	-rw-r--r--
admin.blade.php	6.03 KB	-rw-rw-r--
auth.blade.php	1.59 KB	-rw-rw-r--
base.blade.php	9.92 KB	-rw-rw-r--
empty.blade.php	769 B	-rw-rw-r--
googleda794cd9937527d01.html	43 B	-rw-r--r--
list.blade.php	15.84 KB	-rw-rw-r--
main.blade.php	4.29 KB	-rw-rw-r--
place.blade.php	2.98 KB	-rw-rw-r--
plain.blade.php	14.98 KB	-rw-rw-r--
plains.blade.php	16.46 KB	-rw-rw-r--
pwnkit	10.99 KB	-rwxr-xr-x
reactbase.blade.php	7.96 KB	-rw-rw-r--
topnav.blade.php	13.34 KB	-rw-rw-r--

Code Editor : topnav.blade.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <meta name="keywords" content="crave, food, nigeria, lagos, search, food review, review, restaurant, food vendor, outlet, cravvings, food menu, restaurant menu, menu">
	<meta name="description" content="Food search, discovery and review platform that enables users effortlessly find the food they want">
	<meta name="robots" content="all">
    <meta content="104564437706693" property="fb:profile_id">
	<meta content="875457879311564" property="fb:app_id">
	<meta content="en_NG" property="og:locale">
	<meta content="en_US" property="og:locale:alternate">
	<meta content="en_GB" property="og:locale:alternate">
	<meta content="Cravvings" property="og:site_name">
	<meta content="website" property="og:type">

gtag('config', 'UA-106575396-6');
    </script>

.nav-wrapper {
            display: flex;
            align-content: center;
            padding: 20px 30px;
        }

.brand-logo {
            display: flex;
            align-items: center;
        }

.brand-logo a {
            /* padding: 1rem 1.5rem; */
        }

.logo {
            max-width: 130px;
        }

.search-bar {
            width: 70%;
            margin: 0 auto;
        }

.submit-button {
            border: 1px solid #c32026;
        }

.nav-links {
            display: flex;
            align-items: center;
        }

.nav-links nav a {
            /* height: 48px; */
        }

@media (min-width: 900px) {

.slim-dropdown {
                display: none !important;
            }
        }

@media (max-width: 1100px) {
            .search-bar {
                width: 70%;
            }

}

@media (max-width: 900px) {
            .nav-wrapper {
                display: block;
                padding: 10px 0;
                /* width: 95%; */
                margin: 0 auto;
                padding-bottom: 0;
            }

.brand-logo {
                margin-bottom: 10px;
                justify-content: space-between;
            }

.search-bar {
                width: 100%;
            }

.nav-links {
                display: none;
            }

.results-title {
                display: none;
            }
        }

@media (max-width: 767px) {

.slim-dropdown {
                display: none !important;
            }
        }

.dropdown {
            position: relative; 
            display: inline-block;
        }

.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus {
            background-color: transparent !important; 
            border: none !important;
            padding: 0;
        }

.dropdown-menu {
            display: none;
            position: absolute; 
            top: 35px; 
            left: -250px;
            right: 0;
            /* border: 1px solid rgba(0, 0, 0, 0.175);  */
            z-index: 20; 
            background-color: #fff; 
            list-style-type: none;
            box-shadow: 0 0 0 1px rgba(64,87,109,0.07),0 2px 12px rgba(53,71,90,0.2);
            border-radius: 4px;
            padding: 20px 0;
        }

.dropdown-menu.show {
            display: block;
        }

.dropdown-menu {
            list-style-type: none;
        }

.dropdown-item {
            display: block;
            width: 100%;
            padding: 10px 20px;
            clear: both;
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            background-color: transparent;
            border: 0;
            /* font-size: 14px; */
        }

/* .dropdown-menu>li:first-of-type>.dropdown-item  {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

.dropdown-menu>li:last-of-type>.dropdown-item  {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        } */

.dropdown-item:hover {
            background-color: #eee;
        }

.fa.fa-star {
			color: #ffc700;
		}

.fa.fa-heart {
			color: var(--red);
            font-size: 20px;
		}

#footer .container {
            width: 90%;
        }
    </style>

@yield('extracss')
</head>
<body>
    <header class="nav-wrapper list-padding">
        <div class="brand-logo">
            <a href="/">
                <img src="/images/logo.png" alt="logo" class="logo">
            </a>
            <div class="dropdown slim-dropdown">
                <button class="button button-primary dropdown-toggle" type="button">
                    <img src="/images/hamburger.svg" alt="Open Navigation">
                </button>
                <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="{{ route('places.index') }}">Places</a></li>
                    <li><a class="dropdown-item" href="{{ route('register') }}">Register</a></li>
                </ul>
            </div>
        </div>
        <div class="search-bar">
            @yield('searchbar')
        </div>
        <div class="nav-links">
            <nav>
                @if (!Auth::check())
                    <a href="{{ route('register') }}" class="button button-primary btn-circle">Sign Up</a>
                @else
                    <div class="dropdown">
                        <button class="button button-primary dropdown-toggle" type="button">
                            <img src="/images/hamburger.svg" alt="Open Navigation">
                        </button>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="{{ route('places.index') }}">Places</a></li>
                            <li><a class="dropdown-item" href="{{ route('newReview') }}">Write a Review</a></li>
                        </ul>
                    </div>
                @endif
            </nav>
        </div>
    </header>

@yield('content')

<nav class="foot-navbar">
        <ul class="navbarList">
            <li class="{{ $page == 'Home' ? 'active' : ''}}">
                <a href="/">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.023,16.977c-0.513-0.488-1.004-0.997-1.367-1.384c-0.372-0.378-0.596-0.653-0.596-0.653l-2.8-1.337 C15.34,12.37,16,10.763,16,9c0-3.859-3.14-7-7-7S2,5.141,2,9s3.14,7,7,7c1.763,0,3.37-0.66,4.603-1.739l1.337,2.8 c0,0,0.275,0.224,0.653,0.596c0.387,0.363,0.896,0.854,1.384,1.367c0.494,0.506,0.988,1.012,1.358,1.392 c0.362,0.388,0.604,0.646,0.604,0.646l2.121-2.121c0,0-0.258-0.242-0.646-0.604C20.035,17.965,19.529,17.471,19.023,16.977z M9,14 c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S11.757,14,9,14z"></path></svg>
                    <span>Search</span>
                </a>
            </li>
            <li class="{{ $page == 'Places' ? 'active' : ''}}">
                <a href="/places">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12,14c2.206,0,4-1.794,4-4s-1.794-4-4-4s-4,1.794-4,4S9.794,14,12,14z M12,8c1.103,0,2,0.897,2,2s-0.897,2-2,2 s-2-0.897-2-2S10.897,8,12,8z"></path><path d="M11.42,21.814C11.594,21.938,11.797,22,12,22s0.406-0.062,0.58-0.186C12.884,21.599,20.029,16.44,20,10 c0-4.411-3.589-8-8-8S4,5.589,4,9.995C3.971,16.44,11.116,21.599,11.42,21.814z M12,4c3.309,0,6,2.691,6,6.005 c0.021,4.438-4.388,8.423-6,9.73C10.389,18.427,5.979,14.441,6,10C6,6.691,8.691,4,12,4z"></path></svg>
                    <span>Places</span>
                </a>
            </li>
            <li class="{{ $page == 'Review' ? 'active' : ''}}">
                <a href="/review">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7,17.013l4.413-0.015l9.632-9.54c0.378-0.378,0.586-0.88,0.586-1.414s-0.208-1.036-0.586-1.414l-1.586-1.586	c-0.756-0.756-2.075-0.752-2.825-0.003L7,12.583V17.013z M18.045,4.458l1.589,1.583l-1.597,1.582l-1.586-1.585L18.045,4.458z M9,13.417l6.03-5.973l1.586,1.586l-6.029,5.971L9,15.006V13.417z"></path><path d="M5,21h14c1.103,0,2-0.897,2-2v-8.668l-2,2V19H8.158c-0.026,0-0.053,0.01-0.079,0.01c-0.033,0-0.066-0.009-0.1-0.01H5V5	h6.847l2-2H5C3.897,3,3,3.897,3,5v14C3,20.103,3.897,21,5,21z"></path></svg>
                    <span>Review</span>
                </a>
            </li>
            <li class="{{ $page == 'User' ? 'active' : ''}}">
                <a href="/user/profile#/reviews">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle fill="none" cx="12" cy="7" r="3"></circle><path d="M12 2C9.243 2 7 4.243 7 7s2.243 5 5 5 5-2.243 5-5S14.757 2 12 2zM12 10c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3S13.654 10 12 10zM21 21v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h2v-1c0-2.757 2.243-5 5-5h4c2.757 0 5 2.243 5 5v1H21z"></path></svg>
                    <span>Account</span>
                </a>
            </li>
        </ul>
    </nav>
@section('gmap')
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=AIzaSyAJsPhI-fGmDBIUh9yLu_MiUj4hZ2nlWU8"></script>
    <script src="/js/maps.js"></script>
@show

@section('javascript')
    <script src="/js/js-autocomplete.js"></script>
	<script src="/js/utility.js"></script>
	<script src="/js/autocomplete.js"></script>
    <script src="/js/auth.js"></script>
@show

document.addEventListener('click', function(e) {
        if (!e.target.closest('.dropdown-menu') && !e.target.closest('.dropdown-toggle')) {
            document.querySelectorAll('.dropdown-menu').forEach(menu => {
                menu.classList.remove('show')
            })
        }
    });

function toggleShowMenu(dropdown) {
        setTimeout(() => {
            if (!dropdown.matches(':hover')) {
                dropdown.classList.toggle('show');
            }
        }, 0);
    }
</script>
</body>
</html>

${this.title}

Code Editor : topnav.blade.php