Advertisement
DubStepMad

Untitled

Sep 22nd, 2022
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.29 KB | None | 0 0
  1. @php
  2. $month = \Carbon\Carbon::parse(\Carbon\Carbon::now())->format('M')
  3. @endphp
  4.  
  5. <nav class="bg-gray-800">
  6. <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
  7. <div class="relative flex items-center justify-between h-16">
  8. <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
  9. <!-- Mobile menu button-->
  10. <button id="hamburgerbtn" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-expanded="false">
  11. <span class="sr-only">Open main menu</span>
  12. <!-- Icon when menu is closed. -->
  13. <!--
  14. Heroicon name: menu
  15.  
  16. Menu open: "hidden", Menu closed: "block"
  17. -->
  18. <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  19. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
  20. </svg>
  21. <!-- Icon when menu is open. -->
  22. <!--
  23. Heroicon name: x
  24.  
  25. Menu open: "block", Menu closed: "hidden"
  26. -->
  27. <svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
  28. <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
  29. </svg>
  30. </button>
  31. </div>
  32. <div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
  33. <div class="flex-shrink-0 flex items-center">
  34. @switch($month)
  35. @case('Dec')
  36. <img class="block lg:hidden h-auto w-36 logo" src="{{ asset('img/branding/ch_logo.png') }}" alt="Simulator FM">
  37. <img class="hidden lg:block h-auto w-36 logo" src="{{ asset('img/branding/ch_logo.png') }}" alt="Simulator FM">
  38. @break
  39.  
  40. @default
  41. <img class="block lg:hidden h-auto w-36 logo" src="{{ asset('img/branding/logo.png') }}" alt="Simulator FM">
  42. <img class="hidden lg:block h-auto w-36 logo" src="{{ asset('img/branding/logo.png') }}" alt="Simulator FM">
  43. @endswitch
  44. </div>
  45. <div class="hidden sm:block sm:ml-6">
  46. <div class="flex space-x-4 nav-menu">
  47. <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
  48. <router-link class="text-white px-3 py-2 rounded-md text-sm font-medium" to="/" exact>Home</router-link>
  49. <router-link class="text-white px-3 py-2 rounded-md text-sm font-medium" to="/request">Request</router-link>
  50. <router-link class="text-white px-3 py-2 rounded-md text-sm font-medium" to="/timetable">Timetable</router-link>
  51. <div class="dropdown inline-block relative">
  52. <button class="text-white px-3 py-2 rounded inline-flex items-center">
  53. <span class="mr-1">Info</span>
  54. <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> </svg>
  55. </button>
  56. <ul class="dropdown-menu absolute hidden origin-top-right absolute w-min rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5">
  57. <router-link class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:text-gray-800 hover:bg-gray-50 border-custom focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out" to='/team'>Team</router-link>
  58. <router-link class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:text-gray-800 hover:bg-gray-50 border-custom focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out" to='/contact-us'>Contact</router-link>
  59. </ul>
  60. </div>
  61. <div class="dropdown inline-block relative">
  62. <button class="text-white px-3 py-2 rounded inline-flex items-center">
  63. <span class="mr-1">Apps</span>
  64. <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> </svg>
  65. </button>
  66. <ul class="dropdown-menu absolute hidden origin-top-right absolute w-min rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5">
  67. <router-link class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:text-gray-800 hover:bg-gray-50 border-custom focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out" to='/apply'>Presenter</router-link>
  68. <router-link class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-white hover:text-gray-800 hover:bg-gray-50 border-custom focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out" to='/streamer'>Streamer</router-link>
  69. </ul>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74.  
  75. <div class="absolute inset-y-0 right-0 flex items-center pe-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
  76. <!-- Profile dropdown -->
  77. <div class="ml-3 relative">
  78. @guest
  79. <a class="text-white px-2 w-full py-1 rounded text-sm font-medium" href="{{ route('login') }}">Login</a>
  80. @endguest
  81.  
  82. @auth
  83. <div class="dropdown">
  84. <button class="bg-gray-800 flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" id="user-menu" aria-haspopup="true">
  85. <img class="h-8 w-8 rounded-full" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}">
  86. </button>
  87. <ul class="dropdown-menu absolute hidden origin-top-right absolute w-min rounded-md shadow-lg bg-gray-800 ring-1 ring-black ring-opacity-5" role="menu" aria-orientation="vertical" aria-labelledby="user-menu">
  88. @can('Staff Dashboard')
  89. <x-jet-responsive-nav-link target="_blank" href="{{ route('staff.dashboard.index') }}" :active="request()->routeIs('staff.dashboard.index')">
  90. Staff
  91. </x-jet-responsive-nav-link>
  92. @endcan
  93. <x-jet-responsive-nav-link href="{{ route('profile.show') }}" :active="request()->routeIs('profile.show')">
  94. {{ __('Profile') }}
  95. </x-jet-responsive-nav-link>
  96.  
  97. <form method="POST" action="{{ route('logout') }}">
  98. @csrf
  99.  
  100. <x-jet-responsive-nav-link href="{{ route('logout') }}"
  101. onclick="event.preventDefault();
  102. this.closest('form').submit();">
  103. {{ __('Logout') }}
  104. </x-jet-responsive-nav-link>
  105. </form>
  106. </ul>
  107. </div>
  108. @endauth
  109. </div>
  110. </div>
  111.  
  112. <div class="flex items-center justify-right sm:items-stretch sm:justify-end">
  113. <div class="hidden sm:block sm:ml-6">
  114. <div class="flex space-x-4">
  115. <div class="block">
  116.  
  117. </div>
  118. <a target="_blank" href="https://discord.simulator.fm/" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"><i class="fab fa-discord"></i></a>
  119. <a target="_blank" href="https://www.instagram.com/simulatorfm/" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"><i class="fab fa-instagram"></i></a>
  120. <a target="_blank" href="https://twitter.com/simulator_fm" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"><i class="fab fa-twitter"></i></a>
  121. <a target="_blank" href="https://www.facebook.com/simulatorfm" class="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium"><i class="fab fa-facebook-f"></i></a>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127.  
  128. <!--
  129. Mobile menu, toggle classes based on menu state.
  130.  
  131. Menu open: "block", Menu closed: "hidden"
  132. -->
  133. <div id="mobileMenu" class="hidden sm:hidden">
  134. <div class="px-2 pt-2 pb-3 space-y-1">
  135. <router-link class="block text-white px-3 py-2 rounded-md text-sm font-medium" to='/' exact>Home</router-link>
  136. <router-link class="block text-white px-3 py-2 rounded-md text-sm font-medium" to='/request'>Request</router-link>
  137. <router-link class="block text-white px-3 py-2 rounded-md text-sm font-medium" to='/timetable'>Timetable</router-link>
  138. <div class="dropdown inline-block relative">
  139. <button class="text-white px-3 py-2 rounded inline-flex items-center">
  140. <span class="mr-1">Info</span>
  141. <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/> </svg>
  142. </button>
  143. <ul class="dropdown-menu absolute hidden text-center text-gray-700 p-2 pt-1 bg-gray-800">
  144. <li class="rounded py-1"><router-link class="block text-white px-2 w-full py-1 rounded text-sm font-medium" to='/team'>Team</router-link></li>
  145. <li class="rounded py-1"><router-link class="block text-white px-2 w-full py-1 rounded text-sm font-medium" to='/apply'>Apply</router-link></li>
  146. <li class="rounded py-1"><router-link class="block text-white px-2 w-full py-1 rounded text-sm font-medium" to='/contact-us'>Contact</router-link></li>
  147. </ul>
  148. </div>
  149. </div>
  150. </div>
  151. </nav>
  152.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement