Skip to content

Commit

Permalink
Add banner ads
Browse files Browse the repository at this point in the history
  • Loading branch information
proudparrot2 committed Apr 24, 2024
1 parent 676309c commit 3605665
Show file tree
Hide file tree
Showing 6 changed files with 329 additions and 269 deletions.
122 changes: 64 additions & 58 deletions public/apps.html
Original file line number Diff line number Diff line change
@@ -1,72 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="shortcut icon"
href="./assets/images/icon.png"
type="image/png"
/>
<title>Art Class</title>

<link rel="stylesheet" href="./css/master.css" />
<script src="/uv/uv.bundle.js" charset="UTF-8"></script>
<script src="/uv/uv.config.js"></script>
<script src="./js/preload.js"></script>
</head>
<head>
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png" />
<title>Art Class</title>

<body>
<nav>
<div class="logo">
<img src="./assets/images/icon.png" alt="Logo" draggable="false" />
<h1>Art Class</h1>
</div>
<link rel="stylesheet" href="./css/master.css" />
<script src="/uv/uv.bundle.js" charset="UTF-8"></script>
<script src="/uv/uv.config.js"></script>
<script src="./js/preload.js"></script>

<p id="time"></p>
<script>
atOptions = {
'key': 'fc0ad22bd8c1ea22c8c08df927121e8f',
'format': 'iframe',
'height': 60,
'width': 468,
'params': {}
};
</script>
</head>

<div class="navitems">
<div class="navitem"><a href="/">Home</a></div>
<div class="navitem"><a href="/gs.html">Games</a></div>
<div class="navitem"><a selected href="/apps.html">Apps</a></div>
<div class="navitem"><a href="/emulator.html">Emulator</a></div>
<div class="navitem"><a href="/search.html">Search</a></div>
</div>
</nav>
<body>
<nav>
<div class="logo">
<img src="./assets/images/icon.png" alt="Logo" draggable="false" />
<h1>Art Class</h1>
</div>

<h1>Apps</h1>
<input
type="text"
class="input"
id="search"
placeholder="Search Apps"
style="text-align: center"
/>
<div class="cardgroup" id="appcards"></div>
<p id="time"></p>

<button class="secondary" onclick="clearcustomapps()">
Clear custom apps
</button>
</body>
<div class="navitems">
<div class="navitem"><a href="/">Home</a></div>
<div class="navitem"><a href="/gs.html">Games</a></div>
<div class="navitem"><a selected href="/apps.html">Apps</a></div>
<div class="navitem"><a href="/emulator.html">Emulator</a></div>
<div class="navitem"><a href="/search.html">Search</a></div>
</div>
</nav>

<script src="./js/index.js"></script>
<script src="./assets/data/apps.js"></script>
<script src="./js/apps.js"></script>
<h1>Apps</h1>
<input type="text" class="input" id="search" placeholder="Search Apps" style="text-align: center" />
<div class="ad">
<script type="text/javascript"
src="//www.topcreativeformat.com/fc0ad22bd8c1ea22c8c08df927121e8f/invoke.js"></script>
</div>
<div class="cardgroup" id="appcards"></div>

<script>
const searchInput = document.querySelector('#search')
const items = document.querySelectorAll('.card')
<button class="secondary" onclick="clearcustomapps()">
Clear custom apps
</button>
</body>

<script src="./js/index.js"></script>
<script src="./assets/data/apps.js"></script>
<script src="./js/apps.js"></script>

searchInput.addEventListener('input', function (event) {
const query = event.target.value.toLowerCase()
<script>
const searchInput = document.querySelector('#search')
const items = document.querySelectorAll('.card')

items.forEach(function (item) {
const title = item.querySelector('.card h4').textContent.toLowerCase()
searchInput.addEventListener('input', function (event) {
const query = event.target.value.toLowerCase()

if (title.includes(query)) {
item.style.display = 'block'
} else {
item.style.display = 'none'
}
})
items.forEach(function (item) {
const title = item.querySelector('.card h4').textContent.toLowerCase()

if (title.includes(query)) {
item.style.display = 'block'
} else {
item.style.display = 'none'
}
})
</script>
</html>
})
</script>

</html>
9 changes: 9 additions & 0 deletions public/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -233,3 +233,12 @@ margin: 5px auto;
height: calc(100vh - 80px);
width: calc(100vw - 30px);
}

.ad {
height: 60px;
width: 468px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
125 changes: 66 additions & 59 deletions public/gs.html
Original file line number Diff line number Diff line change
@@ -1,73 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<link
rel="shortcut icon"
href="./assets/images/icon.png"
type="image/png"
/>
<title>Art Class</title>

<link rel="stylesheet" href="./css/master.css" />
<script src="/uv/uv.bundle.js" charset="UTF-8"></script>
<script src="/uv/uv.config.js"></script>
<script src="./js/preload.js"></script>
</head>
<head>
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png" />
<title>Art Class</title>

<body theme="main">
<nav>
<div class="logo">
<img src="./assets/images/icon.png" alt="Logo" draggable="false" />
<h1>Art Class</h1>
</div>
<link rel="stylesheet" href="./css/master.css" />
<script src="/uv/uv.bundle.js" charset="UTF-8"></script>
<script src="/uv/uv.config.js"></script>
<script src="./js/preload.js"></script>

<p id="time"></p>
<script>
atOptions = {
'key': 'fc0ad22bd8c1ea22c8c08df927121e8f',
'format': 'iframe',
'height': 60,
'width': 468,
'params': {}
};
</script>
</head>

<div class="navitems">
<div class="navitem"><a href="/">Home</a></div>
<div class="navitem"><a selected href="/gs.html">Games</a></div>
<div class="navitem"><a href="/apps.html">Apps</a></div>
<div class="navitem"><a href="/emulator.html">Emulator</a></div>
<div class="navitem"><a href="/search.html">Search</a></div>
</div>
</nav>
<body theme="main">
<nav>
<div class="logo">
<img src="./assets/images/icon.png" alt="Logo" draggable="false" />
<h1>Art Class</h1>
</div>

<h1>Games</h1>
<input
type="text"
class="input"
id="search"
placeholder="Search Games"
style="text-align: center"
/>
<p id="time"></p>

<div class="cardgroup" id="favoritedgames"></div>
<div class="cardgroup" id="gamecards"></div>
<button class="secondary" onclick="clearcustomgames()">
Clear custom games
</button>
</body>
<div class="navitems">
<div class="navitem"><a href="/">Home</a></div>
<div class="navitem"><a selected href="/gs.html">Games</a></div>
<div class="navitem"><a href="/apps.html">Apps</a></div>
<div class="navitem"><a href="/emulator.html">Emulator</a></div>
<div class="navitem"><a href="/search.html">Search</a></div>
</div>
</nav>

<script src="./js/index.js"></script>
<script src="./assets/data/games.js"></script>
<script src="./js/games.js"></script>
<h1>Games</h1>
<input type="text" class="input" id="search" placeholder="Search Games" style="text-align: center" />

<script>
const searchInput = document.querySelector('#search')
const items = document.querySelectorAll('.card')
<div class="ad">
<script type="text/javascript"
src="//www.topcreativeformat.com/fc0ad22bd8c1ea22c8c08df927121e8f/invoke.js"></script>
</div>

<div class="cardgroup" id="favoritedgames"></div>
<div class="cardgroup" id="gamecards"></div>
<button class="secondary" onclick="clearcustomgames()">
Clear custom games
</button>
</body>

searchInput.addEventListener('input', function (event) {
const query = event.target.value.toLowerCase()
<script src="./js/index.js"></script>
<script src="./assets/data/games.js"></script>
<script src="./js/games.js"></script>

items.forEach(function (item) {
const title = item.querySelector('.card h4').textContent.toLowerCase()
<script>
const searchInput = document.querySelector('#search')
const items = document.querySelectorAll('.card')

if (title.includes(query)) {
item.style.display = 'block'
} else {
item.style.display = 'none'
}
})
searchInput.addEventListener('input', function (event) {
const query = event.target.value.toLowerCase()

items.forEach(function (item) {
const title = item.querySelector('.card h4').textContent.toLowerCase()

if (title.includes(query)) {
item.style.display = 'block'
} else {
item.style.display = 'none'
}
})
</script>
</html>
})
</script>

</html>
Loading

0 comments on commit 3605665

Please sign in to comment.