UBGdir/index.html at main · 0800WebDev/UBGdir · 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="google-site-verification" content="T1Z71qbRMX8KcLgvwg4sW58l74E25WLqT7Mjt3LAkpc" />    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UBGdir</title>
    <link rel="icon" type="image/png" href="favicon.png">
  <style>
    body {
      text-align: center;
      font-family: arial;
      color: white;
      background-color: black;
    }
    .card-link {
  text-decoration: none;
  color: inherit;
  display: block;
    }
    img {
 max-height: 100px;
 border-radius:20px
    }
    a {
 color: white;
    }
    ol {
      width: fit-content;
  margin: 0 auto;
  padding-left: 20px;
  text-align: left;
    }
      ul {
      width: fit-content;
  margin: 0 auto;
  padding-left: 20px;
  text-align: left;
      }
      li {
          text-align: left;
      }
    input {
      border: none;
      height: 30px;
      border-radius: 10px;
    }
     .logo {
      position: fixed;
      top: 0px;
      left: 0px;
     }
     .otherimg {
  border-radius: 0px;
}
      hr {
  border: none;
  height: 2px;
  background-color: white;
      }

      /* site tags */
      .normal {
          color: green;
      }
      .gsite {
          color: yellow;
      }
      .doc {
          color: blue;
      }
  </style>
</head>
<body>
  <a href="https://0800WebDev.github.io/UBGdir" class="logo"> <img class="logo otherimg" src="logo.png" width="60px"> </a>
  <div>
<h1>UBGdir</h1>
  <h2>The best unblocked games.</h2>
</div>
    <a href="#submit">Submit a website</a>
    <a href="#tips">Tips for beginners</a>
    <a href="#rating">rating system</a>
    <a href="#ad">Submit an ad</a>
    <a href="UBGdir.pdf" target="_blank">Logo concepts</a>
  <div>
  <h3>Sites</h3>
    <p>Sites are shown in order: best rating to worst rating</p>
    <input type="text" id="search" placeholder="Search...">
     <a href="https://games-b3749.web.app/" target="_blank" class="card-link">
    <div> <hr> <h4>SitesDotCom.com</h4> <img src="logos/sitesdotcom.jpg" alt="site logo"> <p>rating: <b>3515</b></p> <small class="normal">Normal website</small> </div> </a>


        <a href="https://docs.google.com/document/d/1BDRltDqQLuyITBddWOGREhmGnNK8zR-kZ2-mHkkQ9rw/edit?tab=t.9y0o0axs72m9" target="_blank" class="card-link">
    <div> <hr> <h4>Project</h4> <img src="logos/project.png" alt="site logo"> <p>rating: <b>747</b></p> <small class="doc">Google docs</small> </div> </a>


      <a href="https://ublocked-potato.github.io/Scientific-Calculator/ " target="_blank" class="card-link">
    <div> <hr> <h4>Potatozone <small>(press triple 0 to open)</small></h4> <img src="logos/potatozone.png" alt="site logo"> <p>rating: <b>600</b></p> <small class="normal">Normal website</small> </div> </a>


<a href="https://n00dle.is-a.dev/coreus/" target="_blank" class="card-link">
    <div> <hr> <h4>Coreus</h4> <img src="logos/coreus.jpg" alt="site logo"> <p>rating: <b>538</b></p> <small class="normal">Normal website</small> </div> </a>


        <a href="https://docs.google.com/document/d/1rlluLiVQc4DGr-kgcoLoF0qb4q1ooTRLj6RPiUxAZCo/edit?usp=drivesdk" target="_blank" class="card-link">
    <div> <hr> <h4>Project 19</h4> <img src="logos/project19.png" alt="site logo"> <p>rating: <b>457</b></p> <small class="doc">Google docs</small> </div> </a>

 <a href="https://www.ubg98.com" target="_blank" class="card-link">
    <div> <hr> <h4>ubg98.com</h4> <img src="logos/ubg98.png" alt="site logo"> <p>rating: <b>332</b></p> <small class="normal">Normal website</small> </div> </a>


    <a href="https://pgis.x10.mx" target="_blank" class="card-link">
    <div> <hr> <h4>PGIS</h4> <img src="logos/pgis.jpg" alt="site logo"> <p>rating: <b>303</b></p> <small class="normal">Normal website</small> </div> </a>

       <a href="https://ubgames.uk/" target="_blank" class="card-link">
    <div> <hr> <h4>ubgames</h4> <img src="logos/ubgames.jpg" alt="site logo"> <p>rating: <b>276</b></p> <small class="normal">Normal website</small> </div> </a>

    <a href="https://the-wagonization.github.io/The-Wagon-Site/Pages/Home.html" target="_blank" class="card-link">
    <div> <hr> <h4>The Wagon Site</h4> <img src="logos/thewagonsite.jpg" alt="site logo"> <p>rating: <b>116</b></p> <small class="normal">Normal website</small> </div> </a>

    <a href="https://davcode149.github.io/dd-games" target="_blank" class="card-link">
    <div> <hr> <h4>DD Games <small>(Click the logo on the blocked page)</small></h4> <img src="logos/ddgames.jpg" alt="site logo"> <p>rating: <b>94</b></p> <small class="normal">Normal website</small> </div> </a>


<a href="https://budsin-games.pages.dev" target="_blank" class="card-link">
    <div> <hr> <h4>Budsin Games</h4> <img src="logos/budsingames.jpg" alt="site logo"> <p>rating: <b>70</b></p> <small class="normal">Normal website</small> </div> </a>

<a href="https://docs.google.com/document/d/1foYnf3pqg00PbEMGnOKmdC0fJsUE_w_lmUZjGTHJtRo/edit?usp=drivesdk" target="_blank" class="card-link">
    <div> <hr> <h4>The Ultimate Doc Of Docs</h4> <img src="logos/udod.jpg" alt="site logo"> <p>rating: <b>70</b></p> <small class="doc">Google docs</small> </div> </a>


          <a href="https://unbleeked.vercel.app/" target="_blank" class="card-link">
    <div> <hr> <h4>UNBLEEKED</h4> <img src="logos/unbleeked.jpg" alt="site logo"> <p>rating: <b>66</b></p> <small class="normal">Normal website</small> </div> </a>


    <hr>
  </div>
  <br>
  <div id="submit">
    <h2>Submit a website</h2>
    <h3>Rules:</h3>
    <ol>
      <li>The site must have at least 20 games.</li>
      <li>The site must not contain any malicious ads or links such as viruses, scams etc.</li>
      <li>optional: The site should have some feature that reduces the risk of it being blocked. </li>
      <li>The site must be suitable for all ages</li>
      <li>You must own or have owners permission of the site you want to submit. </li>
      <li>Mirrors, copies or versions of other sites alleready on UBGdir is not allowed</li>
      <li>optional: The site should not use external embeds.</li>
    </ol> <br>
      <strong>If you own a doc please read <a href="rules_doc.html" target="_blank">these rules</a> before submitting (this will not affect alleready submitted docs)</strong> <br><br>
    <a href="https://forms.gle/VbJPvrR8byEPhKK29" target="_blank">Submit here</a> <br><br>
    <a href="https://forms.gle/zvnoJm7hQfKfH2cc7" target="_blank">request an updated rating score</a>
  </div>
    <br><hr><br>
    <div id="tips">
    <h2>Tips for beginner devs</h2>
        <ul>
            <li>You can find single file games on the <a href="https://docs.google.com/document/d/1_FmH3BlSBQI7FGgAQL59-ZPe8eCxs35wel6JUyVaG8Q/edit?tab=t.0" target="_blank">ultimate game stash</a>.</li>
            <li>Keep your site optimized for slower devices and avoid heavy javascript use.</li>
            <li>Keep backups and be prepared, some freehosts like neocities might remove your site and you might face other problems later on.</li>
            <li>Try to keep it unblocked, add tools and extra features like about:blank and cloaking and not just dump a bunch of games.</li>
            <li>update it often and use a contact option to get user feedback.</li>
        </ul>
    </div>
    <br><hr><br>
    <div id="rating">
        <h2>Unblocked Games rating</h2>
        <strong>The rating system was originally made for my own site but is now being used for sites on UBGdir as a way to tell how good a site is, its not perfectand might be inaccurate. heres how it works.</strong>
     <br>   <ul>
           <li>one game = 1 ubg rating point</li>
            <li>one proxy (external links not counted) = 5 ubg rating points <br>
           <li> one additional feature = 3 ubg rating points </li>
            <li>one anti block feature (such as about:blank loading or tab cloaking) = 3 ubg rating points </li>
            <li>i might add extra points (max 50) for things that are not listed (rare) </li>
        </ul>
        <br>
        <small>Bad rating does <strong>not</strong> mean its a bad site.</small>
    </div>
    <br><hr><br>
    <div id="ad">
        <h2>Ads</h2>
        <strong>You can put ads on your own site and others will get your ad on their site. <a href="https://forms.gle/hnoxbCttGC5ew6nFA" target="_blank">Submit here</a></strong>
        <p>preview:</p>
        <script src="https://0800webdev.github.io/UBGdir/ad.js"></script>

    </div>
  <script>
const search = document.getElementById("search");

search.addEventListener("input", () => {
  const value = search.value.toLowerCase();
  const cards = document.querySelectorAll(".card-link");

  cards.forEach(card => {
    const h4 = card.querySelector("h4");
    const text = h4 ? h4.textContent.toLowerCase() : "";
    card.style.display = text.includes(value) ? "" : "none";
  });
});
  </script>
</body>
</html>