Skip to content
Snippets Groups Projects
Select Git revision
  • 525d114f0452237ca2569b5aaa58ba2245e17e9c
  • main default protected
  • Gabes-testing-branch
  • 81-as-a-child-i-want-a-very-flashy-and-modern-looking-webpage-that-will-draw-me-in-and-keep-me
  • locationApporvalFormValidationUpdate
  • 74-as-a-user-i-want-to-see-a-page-of-local-authorities-so-that-i-can-easily-source-contact-details
  • businesses
  • 77-as-a-user-i-want-to-be-able-to-use-the-application-on-any-device-e-g-iphone-ipad-laptop
  • 69-as-a-user-i-would-like-a-town-specific-page-which-shows-all-trails-for-that-town-so-that-i-can
  • 80-as-a-convenience-enthusiast-i-want-a-drop-down-menu-to-be-able-to-quickly-scan-qr-codes-i-find
  • 82-as-a-site-admininstrator-i-want-to-be-able-to-review-submited-trail-checkpoints-by-bussiness
  • 68-as-a-user-i-would-like-to-see-a-map-containing-all-landmarks-for-a-trail-and-a-suggested-path
  • 70-as-a-repeat-trail-visitor-i-want-to-be-able-to-create-an-account-so-i-can-save-and-review-my
  • towns
  • DTFrontEnd
  • 52-as-a-user-i-would-like-to-see-a-map-of-the-landmarks-so-that-i-can-figure-out-where-to-go
  • 73-as-a-qr-scanning-connoisseur-i-want-to-unlock-stickers-after-scanning-a-qr-code-to-feel-a-sense
  • QRCodes
  • consumers
  • foreignkeys
  • cleanup
21 results

index.html

Blame
    • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    index.html 2.72 KiB 
    <!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A Dragon's Tale</title>
    <link rel="stylesheet" th:href="@{/css/dragonstaless.css}">
    <link rel="stylesheet" th:href="@{/css/templatingstyle.css}">
    <script type="text/javascript" th:src="@{/scripts/DTscript.js}"></script>
</head>
    <body>
        <header th:insert="fragments/Templating.html :: header"></header>
            <!-- As this predefined trail will be accessible from multiple different towns, this thymeleaf element will display the town the user is currently trying to access and display it accordingly.   <span th:text="${townName}">  -->
            <div>
                <h1> Welcome, to a dragon's tale! </h1>
                <img th:src="@{/images/trails/dragonstalehome.png}" alt="Image of a dragon" class="images">
                <h2> Discover the mystery of the dragon, track its location and follow it throughout the town of to discover a prize! </h2>
            </div>

            <div>
                <p>
                    Adventurers... embark through mystical historical landmarks to ultimately discover the lair of the dragon.
                    Legend has it that within this ominous lair, mighty dragons, guardians of ancient wisdom and treasures untold lay....
                </p>
            </div>


            <div class="dropdown">
                <button class="dropdownButton" onclick="toggleDropDown()" >There are <span th:text="${getListSize}"> Size of List </span> adventures in this journey! </button>
                <ul id="dropdownList">
                    <li class="content" th:each="item : ${landmarksList}">
                        <a class="option" href="#landmarkTabLink" th:text="${item.landmarkName}"> Landmark Tab</a>
                        <button class="option" id="qrCodeScanner" onclick="getQR()">Click here to scan a QR code for: <span th:text="${item.landmarkName}">Landmark Name Here</span></button>
                    </li>
                </ul>
            </div>


            <!-- Need to mark each element to an ID then loop through them.  -->
    <!--        <div id="listOfLandmarks">-->
    <!--            <p th:each="item : ${landmarksList}">-->
    <!--                <span th:text="${item.landmarkDescription}" class="landmarkDesc" id="landmarkTabLink"> Landmark Description</span>-->
    <!--            </p>-->
    <!--        </div>-->

            <div>
                <h3>  Begin or Continue your hunt!</h3>
                <button type="button" id="begin">Click here!</button>
            </div>
        <div th:insert="fragments/Templating.html :: footer"></div>
    </body>
</html>