Skip to content

Commit

Permalink
add swf games
Browse files Browse the repository at this point in the history
  • Loading branch information
@jman1593
jman1593 committed Oct 5, 2024
1 parent 3f8a075 commit 68ffedb
Show file tree
Hide file tree
Showing 282 changed files with 31,606 additions and 0 deletions.
253 changes: 253 additions & 0 deletions swf/age of war/base.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,253 @@
<!DOCTYPE html>
<html>
<head>
<title>age of war - StrongDog XP</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #2e2e2e;
color: white;
}

.header {
background-color: #333;
padding: 10px 20px;
text-align: left;
}

.header a {
color: white;
text-decoration: none;
font-size: 24px;
}

.categories {
background-color: #444;
text-align: center;
padding: 10px 0;
}

.categories a {
margin: 0 10px;
color: white;
text-decoration: none;
font-size: 18px;
}


.game-container {
width: 80%;
height: 650px; /* Adjusted height */
margin: 20px auto;
background-color: #555;
position: relative;
overflow: hidden; /* Hides overflow from the container */
}



.game-container {
width: 80%;
height: 600px;
margin: 20px auto;
background-color: #555;
position: relative;
overflow: hidden; /* Hides overflow from the container */
}

.game-container iframe {
width: 100%;
height: 100%;
border: none;
display: block; /* Ensuring display block */
}

.game-bar {
.fullscreen-button {
padding: 5px 10px;
background-color: #333;
color: white;
border: none;
cursor: pointer;
}
display: flex;
justify-content: space-between;
align-items: center;
background-color: #444;
border-radius: 15px;
padding: 10px;
margin: 0 auto;
width: 80%;
}

.fullscreen-button {
padding: 5px 10px;
background-color: #333;
color: white;
border: none;
cursor: pointer;
}

.content {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0;
}
.ad {
width: 120px;
height: 300px;
background-color: #333;
margin: 0 10px;
}
.game-container {
flex-shrink: 0;
}
</style>


</head>
<body>
<div class="header">
<a href="../../index.html" class="logo">StrongDog</a>
<a href="../../index.html" class="logo" style="color: orange;">XP</a>
</div>

<div class="categories">
<a href="../../new.html">New</a>
<a href="../../all.html">All</a>

</div>


<div class="content">
<div class="ad ad-left">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1609993827735056"
crossorigin="anonymous"></script>
<!-- in game ads -->
<ins class="adsbygoogle"
style="display:inline-block;width:120px;height:300px"
data-ad-client="ca-pub-1609993827735056"
data-ad-slot="3552085788"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="game-container" id="gameContainer">
<!-- Game Embed Will Go Here -->
</div>
<div class="ad ad-right">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1609993827735056"
crossorigin="anonymous"></script>
<!-- in game ads -->
<ins class="adsbygoogle"
style="display:inline-block;width:120px;height:300px"
data-ad-client="ca-pub-1609993827735056"
data-ad-slot="3552085788"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>


<div class="game-bar">
<span id="gameTitle">Game Title</span>
<span id="favoriteIcon" class="favorite-icon" style="cursor: pointer;">&#9734;</span>
<button id="fullscreenButton" class="fullscreen-button">Fullscreen</button>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
var fullscreenButton = document.getElementById('fullscreenButton');
var gameContainer = document.getElementById('gameContainer');
var gameTitle = document.getElementById('gameTitle');

function embedGame(gamePath, title) {
var iframe = document.createElement('iframe');
iframe.src = gamePath;
iframe.style.width = '100%';
iframe.style.height = '100%';
iframe.style.border = 'none';
gameContainer.innerHTML = '';
gameContainer.appendChild(iframe);
gameTitle.textContent = title;
}

embedGame('./game/base.html', 'age of war');

fullscreenButton.addEventListener('click', function() {
if (gameContainer.requestFullscreen) {
gameContainer.requestFullscreen();
} else if (gameContainer.webkitRequestFullscreen) {
gameContainer.webkitRequestFullscreen();
} else if (gameContainer.msRequestFullscreen) {
gameContainer.msRequestFullscreen();
}
});
});
</script>
<script src="../ruffle/ruffle.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// JavaScript code here
});
</script>

<script>
document.addEventListener('DOMContentLoaded', function() {
const favoriteIcon = document.getElementById('favoriteIcon');
const gameTitle = document.getElementById('gameTitle').textContent;

// Function to toggle the favorite status
function toggleFavorite() {
let favorites = JSON.parse(localStorage.getItem('favorites') || '{}');
const imagePath = './img/' + gameTitle + '.jpg'; // Adjust based on how you store the image paths

if (favorites[gameTitle]) {
delete favorites[gameTitle];
} else {
favorites[gameTitle] = { path: `./swf/${gameTitle}/base.html`, image: imagePath };
}

localStorage.setItem('favorites', JSON.stringify(favorites));
updateFavoriteIcon(favorites, gameTitle);
}

// Function to update the star icon
function updateFavoriteIcon(favorites, title) {
if (favorites[title]) {
favoriteIcon.innerHTML = '&#9733;'; // Filled star for favorited games
} else {
favoriteIcon.innerHTML = '&#9734;'; // Empty star for non-favorited games
}
}

// Initial check to set the correct state of the star icon
const favorites = JSON.parse(localStorage.getItem('favorites') || '{}');
updateFavoriteIcon(favorites, gameTitle);

// Event listener for the favorite icon
favoriteIcon.addEventListener('click', function() {
toggleFavorite();
});
});
</script>

<script>
window.onload = function() {
var titleElement = document.getElementById('gameTitle');
var title = titleElement.textContent;

fetch('https://script.google.com/macros/s/AKfycbx1xYwL2QqkOQHyeCWIVSMVLP_XXts5zpb0M-vbvlRl1MpRYYcv4NI-i8OaGc0YP0wpsg/exec?title=' + encodeURIComponent(title), {
method: 'GET'
})
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.error('Error:', error));
};
</script>
</body>
</html>
Binary file added swf/age of war/game/age-of-war-616.swf
View file
Binary file not shown.
6 changes: 6 additions & 0 deletions swf/age of war/game/base.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@

<title>age of war</title>

<script src="../../ruffle/ruffle.js"></script>
<embed width="100%" height="100%" src="./age-of-war-616.swf">

Loading

0 comments on commit 68ffedb

Please sign in to comment.