gitGud/index.html at main · ArchRascal2988/gitGud · 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css">
    <!--added google fonts link-->
    <link href="https://fonts.googleapis.com/css2?family=Karla&family=Rubik:wght@700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Sarpanch&display=swap" rel="stylesheet">
    <!--added google fonts link-->
    <link rel="stylesheet" href="./Assets/style.css">
    <title>gitGud</title>
</head>
<body>
  <!--revised header-->
    <header>
        <h1 class="title has-text-centered">gitGud</h1>
        <p class="has-text-centered" id=“define”>According to Slang Dictionary, “git Gud refers to getting better at a task or skill, used especially among video gamers online.”
        <br> Check out <a href=https://gamerant.com/dark-souls-git-gud-memes>Gamerant.com </a> get more fun info about git gud. </p>
    </header>
<!--revised header-->
<!--deleted nav bar-->
    <main>
      <div class="columns Content">
        <section class="column is-one-quarter uInput">
          <div class="finder">
            <h4 class="has-text-centered">Find A Game</h4>
            <form id="gameFind">
              <label>Platform</label>
              <div class="select is-rounded">
                <select id="sPlat">
                  <option data-platform="pc">PC</option>
                  <option data-platform="all">All</option>
                </select>
              </div>
              <label>Genre</label>
              <div class="select is-rounded">
                <select id="sGenre">
                  <option data-genre="shooter">Shooter</option>
                  <option data-genre="open-world">Open World</option>
                  <option data-genre="moba">MOBA</option>
                  <option data-genre="mmorpg">MMORPG</option>
                  <option data-genre="mmofps">MMOFPS</option>
                  <option data-genre="fighting">Fighting</option>
                  <option data-genre="card">Card Game</option>
                  <option data-genre="strategy">Strategy</option>
                  <option data-genre="tower-defense">Tower Defense</option>
                </select>
              </div>
              <input type="submit" id="formSubmit">
            </form>
          </div>
          <div class="gamesList">
            <ol id="games">

            </ol>
          </div>
        </section>
        <section class="column is-parent is-half is-hidden">
          <article id="gameInfo" class="article box is-child ">
          </article>

          <article id="top5" class="article box is-child columns">
            <div class="cardContainer column is-one-third ">
            </div>

            <div class="cardContainer column is-one-third ">
            </div>

            <div class="cardContainer column is-one-third ">
            </div>
          </article>
        </section>

        <section id="gamePic" class="column is-parent is-one-quarter is-hidden">
          <figure class="is-covered">
            <img id="gameImage">
          </figure>
        </section>
      </div>
    </main>

<!--Added Footer -->

<footer class="footer">
  <div class="content">
    <h5 class="subtitle is-4"><u>About Us & git Gud</u></h5>
    <p> Candace, Lex, Molly and Scott are four students in the UCF Coding Bootcamp.
      Lex is a mastermind to the in's and out's of the functions to put this site together. Molly's expertise in using the API's make her invincible.
      Scott is a master planner and organizer. Candace is the gitHub Queen. Together they work day and night to achieve goals they never thought possible.
      They used Bulma to help create this website. They utilized Free to Game and Twitch's application programming interface or APIs to render the game list
      and show live streaming to strengthen your knowledge. Our mission is to help people, who are interested in gaming, to learn preliminary information so hopefully,
      they are not told to “git Gud” </p>
      <p>
      <strong>git Gud</strong> by <a href="https://jgthms.com">Molly Von Behren </a>, <a href="https://github.com/ArchRascal2988" target="_blank">Lex Matthews</a>, <a href="https://github.com/sgamit09" target="_blank">Scott Gamit</a>, and
      <a href="https://github.com/CanRo2B" target="_blank">Candace Robbins </a>. The website content
      is licensed Pet Beans Inc.
    </p>
  </div>
</footer>
<!--Added Footer -->


<script rel="script" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script rel="script" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="./Assets/script.js"></script>
</body>
</html>