rangeengine.github.io/store.html at site · rangeengine/rangeengine.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
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
<!DOCTYPE html>
<html lang="en" xmlns:fb="http://ogp.me/ns/fb#" prefix="og: https://ogp.me/ns#">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Range Engine Store</title>
    <meta name="description" content="Bring your game projects to life with high-quality, ready-to-use Range Engine resources!"/>
    <meta name="theme-color" content="#f00000">
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Range Engine Store"/>
    <meta property="og:description" content="Bring your game projects to life with high-quality, ready-to-use Range Engine resources!"/>
    <meta property="og:site_name" content="Range Engine"/>
    <meta property="og:image" content="https://rangeengine.tech/img/webp/ogp_splash.webp"/>
	  <meta name="twitter:card" content="summary_large_image">
    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.min.css"/>
    <link rel="stylesheet" href="css/store.css"/>
    <link rel="shortcut icon" href="img/webp/favicon.webp" />
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.min.js"></script>
  </head>
  <body id="storebody">
    <div id="loading">
      <div></div>
    </div>

    <header class="header-store">
      <h1><a href="store"><img class="logo" style="max-width:260px;margin-bottom:-10px;" src="img/webp/store/RangeStore_Logo.webp" alt="Range Store"/></a><!--a href="/" title="Range Engine Home"><img class="logo" width="35px" src="img/store/RGEHome.png" alt="Return Homepage"/></a--></h1>
      <a href="/" style="font-size:12px;text-decoration:underline;color:#ffffff80;">↵ Back to Range Engine Home</a>
      <h4 style="margin: 10px 40px;text-align: left;">Tags:</h4>
      <div>
        <a class="storetags" onclick="writeSearchBar('Templates')">Templates</a>
        <a class="storetags" onclick="writeSearchBar('Components')">Components</a>
        <a class="storetags" onclick="writeSearchBar('Addons')">Addons</a>
        <a class="storetags" onclick="writeSearchBar('Scripts')">Scripts</a>
        <a class="storetags" onclick="writeSearchBar('Shaders')">Shaders</a>
        <a class="storetags" onclick="writeSearchBar('PostFX')">PostFX</a>
        <a class="storetags" onclick="writeSearchBar('Assets')">Assets</a>
        <a class="storetags" style="display:block;background:transparent;border:none;" onclick="writeSearchBar('ClearBarCommand')">Clear All</a>
      </div>
      <h4 style="margin: 10px 40px;text-align: left;">Price:</h4>
      <div style="display:inline-block;justify-content:left;text-align:left;font-size:14px;color:#c4c4c4;">
        <label>
            Free
            <input type="checkbox" id="isFree">
        </label>
        <br>
        <label>
          Max Price:
          <input type="number" id="maxPrice" placeholder="$0" min="0">
        </label>
      </div>
      <br><br>
      <!--p style="font-size:18px;font-weight:600;text-align:left;display:inline-block;align-items:end;">Want's to collaborate or announce products on Range Store?<br>Join in our official Discord Server and share your work in the #resources chat!</p-->
    </header>

    <!--section id="storesec">
    <div class="splashhome">
      <div class="sobreoprojeto">
        <h1 class="splashtitsec" style="font-size:500%;">Range Engine Store (Beta)</h1>
        <p class="splashtitsec" style="font-size:18px;letter-spacing:-1px;text-align:left;text-transform:none;text-shadow: 0 0 20px black;">Range Engine Store is the best place to find a lot of ready to use Range Engine content<br>for your projects, made by the community and official devs!</p>
      </div>
      </div>
      <div style="padding:5%;"></div>
    </section>

    <!--Page Loading Ends Here-->
    <script>
      var loader = document.getElementById("loading");
      window.addEventListener("load", function(){loader.style.display = "none";})
    </script>
    <!---->

    <article class="store-article">
      <div class="search-article">
        <input type="text" id="searchBar" onkeyup="searchBar()" placeholder="🔍︎ Search...">
      </div>
      <h3 style="margin:58px 0 0 0;background-color:rgb(117, 42, 42);width:100%;padding:5px 0 5px 0;">↑ Recently Released</h3>
      <div class="storeItems" id="items"></div>
      <div class="storeItems">
        <button id="loadingMore" style="text-align:center;margin:50px;padding:10px 20px;border:1px solid white;border-radius:5px;font-family:Rubik;">Load More Items</button>
        <div id="loadingItems" style="display:none; text-align:center; margin-top:20px;">Loading</div>
        <p class="no-results">No results found...</p>
      </div>
    </article>
    <script src="store/js/itemCreator.js"></script>
    <script src="store/js/searchEngine.js" async></script>
  </body>
</html>