Add files via upload

This commit is contained in:
obligod 2025-04-26 15:28:29 -07:00 committed by GitHub
commit c71152e54d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
11 changed files with 299 additions and 0 deletions

51
servermanagerMain.css Normal file
View File

@ -0,0 +1,51 @@
body {
background: #1c1c1e;
color: #00bfff;
font-family: 'Segoe UI', sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
.container {
padding: 2rem;
}
ul {
list-style-type: none;
padding: 0;
margin: 0 auto;
}
button {
margin-top: 20px;
padding: 10px 20px;
font-size: 1.2rem;
background-color: #00bfff;
color: #1c1c1e;
border: none;
border-radius: 8px;
cursor: pointer;
}
button:hover {
background-color: #0099cc;
}
nav.navbar {
background-color: #2d2d2d;
padding: 1rem;
}
nav.navbar a {
color: #00bfff;
text-decoration: none;
margin: 0 10px;
}
.promo-image {
margin-top: 20px;
max-width: 90%;
height: auto;
border-radius: 12px;
}

1
README.md Normal file
View File

@ -0,0 +1 @@
# obli-studios-website

BIN
img/mainmenu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 344 KiB

BIN
img/servermanager.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

29
index.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Obli.Studios - Home</title>
<link rel="stylesheet" href="master.css">
</head>
<body>
<nav>
<a href="index.html">Home</a> |
<a href="servermanager.html">Server Manager</a> |
<a href="shardwalker.html">Shardwalker</a>
</nav>
<header>
<h1>Obli.Studios</h1>
<p>Indie studio crafting games and server tools with passion and precision.</p>
</header>
<main>
<section>
<h2>Welcome!</h2>
<p>Explore our projects Pages above.</p>
</section>
</main>
<footer>
<p>© 2025 Obli.Studios. All rights reserved.</p>
</footer>
</body>
</html>

22
main.js Normal file
View File

@ -0,0 +1,22 @@
const exploreMore = () => {
alert("Coming soon: a deep dive into the game world!");
};
const downloadDemo = () => {
window.location.href = "https://your-download-link.com"; // Replace with actual URL
};
// Optional: Set the game title dynamically
document.getElementById("game-title").textContent = "Shardbound: The Mirrors Edge";
// Replace 'obi.studios' with a unique name if needed
const namespace = 'obi.studios';
const key = 'homepage';
fetch(`https://api.countapi.xyz/hit/${namespace}/${key}`)
.then(res => res.json())
.then(data => {
document.getElementById('visitor-count').textContent = data.value;
})
.catch(() => {
document.getElementById('visitor-count').textContent = 'N/A';
});

28
master.css Normal file
View File

@ -0,0 +1,28 @@
body {
background: #0aff4f;
color: #000;
font-family: 'Segoe UI', sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
nav {
padding: 1rem;
}
ul {
list-style-type: none;
padding: 0;
}
button {
margin-top: 20px;
padding: 10px 20px;
font-size: 1.2rem;
background-color: #00bfff;
color: #000;
border: none;
border-radius: 8px;
cursor: pointer;
}
button:hover {
background-color: #0099cc;
}

41
servermanager.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Obli.ServerManager</title>
<link rel="stylesheet" href="servermanagerMain.css">
</head>
<body>
<nav class="navbar">
<a href="index.html">Home</a> |
<a href="servermanager.html">Server Manager</a> |
<a href="shardwalker.html">Shardwalker</a>
</nav>
<div class="container">
<main>
<h1>Obli.ServerManager</h1>
<p>Manage all your SteamCMD game servers effortlessly.</p>
<section>
<h2>Features</h2>
<ul>
<li>Easy server installation and updating</li>
<li>Real-time server monitoring</li>
<li>Remote management options</li>
</ul>
<img src="img/servermanager.png" alt="Server Manager" class="promo-image">
<br><br>
<button onclick="window.location.href='https://your-download-link.com'">Download Now</button>
</section>
</main>
</div>
<footer>
<p>© 2025 Obli.Studios. All rights reserved.</p>
</footer>
</body>
</html>

44
servermanagerMain.css Normal file
View File

@ -0,0 +1,44 @@
body {
background: #1c1c1e;
color: #00bfff;
font-family: 'Segoe UI', sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
.container {
padding: 2rem;
}
ul {
list-style-type: none;
padding: 0;
margin: 0 auto;
}
button {
margin-top: 20px;
padding: 10px 20px;
font-size: 1.2rem;
background-color: #00bfff;
color: #1c1c1e;
border: none;
border-radius: 8px;
cursor: pointer;
}
button:hover {
background-color: #0099cc;
}
nav.navbar {
background-color: #2d2d2d;
padding: 1rem;
}
nav.navbar a {
color: #00bfff;
text-decoration: none;
margin: 0 10px;
}
.promo-image {
margin-top: 20px;
max-width: 90%;
height: auto;
border-radius: 12px;
}

39
shardwalker.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shardwalker: The Mirror's Edge</title>
<link rel="stylesheet" href="shardwalkerMain.css">
</head>
<body>
<nav class="navbar">
<a href="index.html">Home</a> |
<a href="servermanager.html">Server Manager</a> |
<a href="shardwalker.html">Shardwalker</a>
</nav>
<div class="container">
<header>
<h1>Shardwalker: The Mirror's Edge</h1>
<p>A tactical action-RPG exploring fractured realities.</p>
</header>
<main>
<section>
<h2>Game Features</h2>
<ul>
<li>Shard-switching combat mechanics</li>
<li>Deep narrative-driven adventure</li>
</ul>
<img src="img/mainmenu.png" alt="Shardwalker Main Menu" class="promo-image">
<br><br>
<button onclick="window.location.href='https://your-demo-download.com'">Download Demo</button>
</section>
</main>
</div>
<footer>
<p>© 2025 Obli.Studios. All rights reserved.</p>
</footer>
</body>
</html>

44
shardwalkerMain.css Normal file
View File

@ -0,0 +1,44 @@
body {
background: #2d004d;
color: #00f0ff;
font-family: 'Segoe UI', sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
.container {
padding: 2rem;
}
ul {
list-style-type: none;
padding: 0;
margin: 0 auto;
}
button {
margin-top: 20px;
padding: 10px 20px;
font-size: 1.2rem;
background-color: #00f0ff;
color: #2d004d;
border: none;
border-radius: 8px;
cursor: pointer;
}
button:hover {
background-color: #00ddee;
}
nav.navbar {
background-color: #3a0a5d;
padding: 1rem;
}
nav.navbar a {
color: #00f0ff;
text-decoration: none;
margin: 0 10px;
}
.promo-image {
margin-top: 20px;
max-width: 90%;
height: auto;
border-radius: 12px;
}