github-finder/index.html at master · MrGrootx/github-finder · 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="./assets/img/github.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./assets/css/main.css" />
    <title>github finder</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
    <link rel="stylesheet" href="./assets/css/iziToast.min.css" />
  </head>
  <body class="font-Roboto bg-darkgray text-graywhite">
    <header class="bg-lightgray p-2">
      <div class="flex justify-between items-center">
        <div class="">
          <img src="/assets/img/logo.png" class="w-11" alt="logo" />
        </div>

        <ul class="flex cursor-pointer">
          <li>
            <button
              type="button"
              class="mr-3 hover:text-white"
              id="homePageBtn"
            >
              Home
            </button>
          </li>
          <li>
            <button
              type="button"
              class="mr-3 hover:text-white"
              id="homeAboutPageBtn"
            >
              About
            </button>
          </li>
          <!-- <a href="./about.html"><li class="mr-3 hover:text-white">Home</li></a>
          <a href="./about.html"><li class="mr-3 hover:text-white">About</li></a> -->
        </ul>
      </div>
    </header>

    <div class="hidden" id="searchNewuser">
      <div class="flex justify-end m-4">
        <button
          type="button"
          class="bg-ctmred px-3 py-1 rounded hover:bg-red-800"
        >
          Search New User
        </button>
      </div>
    </div>

    <section class="container mx-auto" id="SearchSectionDisable">
      <main class="mt-7 px-4">
        <h1 class="text-center text-2xl">
          Search users on <span class="text-ctmblue">Github</span>
        </h1>
        <div class="mt-5">
          <input
            type="text"
            class="w-full px-2 py-1 rounded outline-none text-black"
            placeholder="Enter Valid Github username"
            id="inputSearch"
          />
          <button
            id="SearchBtn"
            type="button"
            disabled
            class="w-full px-2 py-1 rounded outline-none bg-ctmblue mt-2 font-semibold text-black hidden"
          >
            Search
          </button>
        </div>
      </main>
    </section>

    <section
      class="container mx-auto mt-14 p-9 border-gray-600 border-dashed rounded border hidden"
      id="resultShowSection"
    ></section>

    <section class="container mx-auto mt-9 mb-6 px-5">
      <div id="sectionHeader" class="hidden">
        <h3 class="font-semibold md:text-2xl">Last updated repos :</h3>
      </div>

      <!-- Repo list-->

      <div class="mt-4">
        <div
          class="grid md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 grid-cols-1 2xl:grid-cols-4 gap-4"
          id="updateRepoList"
        ></div>
      </div>
    </section>

    <section class="container mx-auto mt-9 mb-6 px-5 hidden" id="footerSection">
      <footer
        class="bg-white dark:bg-gray-900 rounded border-b border-gray-500"
      >
        <div class="container md:px-6 px-3 md:py-8 py-2 mx-auto">
          <div
            class="flex flex-col items-center sm:flex-row sm:justify-between"
          >
            <p class="text-sm text-gray-500">
              © Copyright 2024. All Rights Reserved.
            </p>

            <div class="flex mt-3 mx-2 sm:mt-0">
              <a
                href="#"
                class="mx-2 text-sm text-gray-500 transition-colors duration-300 hover:text-gray-500 dark:hover:text-gray-300"
                aria-label="Reddit"
              >
                Teams
              </a>

              <a
                href="#"
                class="mx-2 text-sm text-gray-500 transition-colors duration-300 hover:text-gray-500 dark:hover:text-gray-300"
                aria-label="Reddit"
              >
                Privacy
              </a>

              <a
                href="#"
                class="mx-2 text-sm text-gray-500 transition-colors duration-300 hover:text-gray-500 dark:hover:text-gray-300"
                aria-label="Reddit"
              >
                Cookies
              </a>
            </div>
          </div>
        </div>
      </footer>
    </section>


    <script type="module" src="./assets/js/main.js"></script>
    <script
      type="module"
      src="./assets/js/iziToast.min.js"
      type="text/javascript"
    ></script>
  </body>
</html>