<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
    <meta charset="utf-8">



    <!-- Richard Burd's Fontawsome Account link tied to his Gmail account -->
    <script src="https://kit.fontawesome.com/07a2e01765.js" crossorigin="anonymous"></script>


    <!-- Alpine Plugins https://alpinejs.dev/plugins/collapse -->
    <script defer src="https://unpkg.com/@alpinejs/collapse@3.x.x/dist/cdn.min.js"></script>

    <!-- Alpine Core -->
    <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>



    <!-- NOTE: the layout must have this link in order for tailwind to work on the partials, but the layout cannot be styled with tailwind -->
    <!-- NOTE: the link must be from the './public' directory of the application as specified in 'package.json' here: "build-css:dev": "tailwindcss -i src/styles.css -o public/tailwind-css/styles.css" -->
    <!-- <link rel="stylesheet" type="text/css" href="./tailwind-css/styles.css"> -->

    <!-- NOTE: this is a tempoary link in case we want to copy & paste the current UCS Homepage via. "View page source" -->
    <!-- When the new UCS web page is rebuilt, this should be removed so we have faster loading times -->
    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

    <style>
      /* NOTE: this link works locally, but not on Heroku, so I'm trying the link above */
      /* https://www.cdnfonts.com/arial-rounded-mt-bold.font */
      @import url('https://fonts.cdnfonts.com/css/arial-rounded-mt-bold');
      @import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
      @import url('http://fonts.cdnfonts.com/css/varela-round-2');
      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
      @import url('http://fonts.cdnfonts.com/css/arreia-black');
      @import url('http://fonts.cdnfonts.com/css/bpg-arial');

      .arial-rounded-mt-bold-font {
        font-family: 'Arial Rounded MT Bold', sans-serif;
      }

      .bpg-arial-font {
        font-family: 'BPG Arial', sans-serif;
      }

      .roboto-font {
        font-family: 'Roboto', sans-serif;
      }

      .varela-round-font {
        font-family: 'Varela Round', sans-serif;
      }

    </style>

    <title>Urban Cruise Ship</title>
  </head>
  <body>
    <div class="py-14">
      <%- include('../partials/ucs-navbar.ejs') %>
        <!-- "max-w-screen-lg" limits the overall width of the website -->
        <!-- "mx-auto" center-justifies the (e.g. ucs.ejs) content in this layout -->
        <main class="sm:max-w-screen-md lg:max-w-screen-lg mx-auto">
          <%- body %>
        </main>

      <%- include('../partials/ucs-footer.ejs') %>

    </div>
  </body>
</html>
