MCSDWVL.github.io/index.html at master · MCSDWVL/MCSDWVL.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Games — Matthew Vassilakos</title>
  <link rel="stylesheet" href="games/styles.css">
</head>
<body data-catalog-url="games/games.json" data-asset-base="games/">
  <main>
    <header class="site-header">
      <span>Matthew Vassilakos</span>
      <nav aria-label="Personal links">
        <a href="mailto:matthew.vassilakos@gmail.com">matthew.vassilakos@gmail.com</a>
        <a href="https://www.linkedin.com/in/vassilakos">LinkedIn</a>
        <a href="https://twitter.com/MattVassilakos">@mattvassilakos</a>
      </nav>
    </header>
    <header class="hero">
      <h1>Games</h1>
      <p>Small browser games, puzzles, and experiments.</p>
      <label class="search-label" for="search">Find a game</label>
      <input id="search" type="search" placeholder="Search titles and tags" autocomplete="off">
    </header>
    <p id="status" class="status" aria-live="polite"></p>
    <section id="featured-section" class="game-section" aria-labelledby="featured-heading">
      <h2 id="featured-heading">Featured</h2>
      <div id="featured-games" class="grid" aria-label="Featured games"></div>
    </section>
    <section id="all-games-section" class="game-section" aria-labelledby="all-games-heading">
      <h2 id="all-games-heading">All games</h2>
      <div id="all-games" class="grid" aria-label="All games"></div>
    </section>
    <p id="no-results" class="no-results" hidden>No games match that search.</p>
  </main>
  <script src="games/app.js"></script>
</body>
</html>