<?php
require_once "autoload.php";
$dao = new ItemDAO();
$items = $dao->getItems(['wad']);
?>
<!DOCTYPE html>
<html lang="en">

<?php
$_GET['title'] = "Resources for WAD1 Students";
include "head.php";
?>

<body class="index-page">

  <?php
  include "header.php";
  ?>

  <main class="main">

    <!-- Page Title -->
    <div class="page-title dark-background">
      <div
        class="container d-lg-flex justify-content-between align-items-center">
        <h1 class="mb-2 mb-lg-0">Resources for WAD1 Students</h1>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="index.php">Home</a></li>
            <li class="current">Service Details</li>
          </ol>
        </nav>
      </div>
    </div><!-- End Page Title -->

    <!-- Service Details Section -->
    <section id="service-details" class="service-details section">

      <div class="container">

        <div class="row gy-4">
          <h4>Web Application Development.</h4>
          <p>Here is a list of resources for my WAD1 students:</p>
          <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
            <div class="services-list">
              <a href="portfolio.php?cat=wad&id=0">My Home Page: <code>Code</code></a>
              <a href="portfolio.php?cat=wad&id=1">Other Apps: Info and <code>Code</code></a>
              <a href="portfolio.php?cat=wad&id=2">Grader: Info <code>Code</code></a>
            </div>


          </div>

          <div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
            <h3>Grader: In Action!</h3>
            <p><img src="assets/img/portfolio/wad-2.jpg" alt="" width="50%"></p>
            <h4><a href="Grader" target="_blank">Launch Grader!</a></h4>
            <p>
              I have deployed the <a href="portfolio.php?cat=wad&id=2">Grader</a> application with some sample data for you to play with.
            </p>
            <p>
              Grader is developed using the same tools and techniques you learned in Web Application Development 1. It does go a bit further, which you will see in the <code>Grader-Student.pdf</code> file linked below. Here are direct links to several guides:
            </p>
            <ul>
              <li><a href="Grader/Docs/Grader-Student.pdf" target="_blank"><code>Grader-Student.pdf</code></a>: A guide for the WAD students on how Grader is coded.</li>
              <li><a href="Grader/Docs/Readme.php"><code>Readme.php</code></a>: A detailed &nbsp;<code>Readme</code>&nbsp; file with links to more documentation.</li>
            </ul>
            <p>
              More tools and links will appear here.
            </p>
          </div>

        </div>

      </div>

    </section><!-- /Service Details Section -->

  </main>

  <?php
  include "footer.php";
  ?>

</body>

</html>