Skip to content

Commit

Permalink
First commit
Browse files Browse the repository at this point in the history
  • Loading branch information
SSP6904 authored Oct 10, 2023
1 parent 26dc623 commit 077f509
Show file tree
Hide file tree
Showing 13 changed files with 259 additions and 0 deletions.
26 changes: 26 additions & 0 deletions games/digger.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Digger</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="src\js-dos.js"></script>
<link href="src\js-dos.css" rel="stylesheet">
<style>
html, body, #jsdos {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="jsdos"></div>
<script type="text/javascript">
emulators.pathPrefix = "src/";
Dos(document.getElementById("jsdos"))
.run("https://cdn.dos.zone/original/2X/2/24b00b14f118580763440ecaddcc948f8cb94f14.jsdos");
</script>
</body>
</html>
26 changes: 26 additions & 0 deletions games/doom3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Doom 3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="src\js-dos.js"></script>
<link href="src\js-dos.css" rel="stylesheet">
<style>
html, body, #jsdos {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="jsdos"></div>
<script type="text/javascript">
emulators.pathPrefix = "src/";
Dos(document.getElementById("jsdos"))
.run("https://cdn.ttnrtsite.me/DOOM.jsdos");
</script>
</body>
</html>
26 changes: 26 additions & 0 deletions games/msdos.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>MS-DOS</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="src\js-dos.js"></script>
<link href="src\js-dos.css" rel="stylesheet">
<style>
html, body, #jsdos {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="jsdos"></div>
<script type="text/javascript">
emulators.pathPrefix = "src/";
Dos(document.getElementById("jsdos"))
.run("https://cdn.ttnrtsite.me/msdos.jsdos");
</script>
</body>
</html>
26 changes: 26 additions & 0 deletions games/test-app.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test-app</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="src\js-dos.js"></script>
<link href="src\js-dos.css" rel="stylesheet">
<style>
html, body, #jsdos {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="jsdos"></div>
<script type="text/javascript">
emulators.pathPrefix = "src/";
Dos(document.getElementById("jsdos"))
.run("https://cdn.ttnrtsite.me/testapp.jsdos");
</script>
</body>
</html>
26 changes: 26 additions & 0 deletions games/win31.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Windows 3.1</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="src\js-dos.js"></script>
<link href="src\js-dos.css" rel="stylesheet">
<style>
html, body, #jsdos {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="jsdos"></div>
<script type="text/javascript">
emulators.pathPrefix = "src/";
Dos(document.getElementById("jsdos"))
.run("https://cdn.ttnrtsite.me/Win31.jsdos");
</script>
</body>
</html>
26 changes: 26 additions & 0 deletions games/xtcplayer.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>XTC-Player</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="src\js-dos.js"></script>
<link href="src\js-dos.css" rel="stylesheet">
<style>
html, body, #jsdos {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="jsdos"></div>
<script type="text/javascript">
emulators.pathPrefix = "src/";
Dos(document.getElementById("jsdos"))
.run("https://cdn.ttnrtsite.me/xtc-player.jsdos");
</script>
</body>
</html>
Binary file added images/Digger.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Doom.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/MSDOS.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/NotFound.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Win31.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/xtc-player.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
103 changes: 103 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>JS-DOS Games</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@latest/dist/css/bootstrap.min.css">
<style>
#app {
padding: 2em;
margin-top: 20px;
}
</style>
</head>

<body>
<div id="app" class="container">
<h1>DOS Games in browser!</h1>
<p>This website is only about js-dos and the games it runs with it.</p>
<p>Select game in the cards below to get started!</p>
<br />
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="images/Digger.png" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Digger</h5>
<p class="card-text">The classic game!</p>
<a href="games/digger.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<div class="card-body">
<img src="images/NotFound.png" class="card-img-top" width="64px">
<h5 class="card-title">Test app</h5>
<p class="card-text">Check the app if it's working or not</p>
<a href="games/test-app.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="images/Doom.png" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Doom</h5>
<p class="card-text">It's the version 3</p>
<a href="games/doom3.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
</div>
<br />
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="images/Win31.png" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Windows 3.1</h5>
<p class="card-text">Maybe has curror?</p>
<a href="games/win31.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="images/Win95.png" class="card-img-top">
<div class="card-body">
<h5 class="card-title">Windows 95</h5>
<p class="card-text">Pre loaded on DOSBox-X</p>
<a href="games/win95.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="images/MSDOS.jpg" class="card-img-top">
<div class="card-body">
<h5 class="card-title">MS-DOS</h5>
<p class="card-text">The normal version</p>
<a href="games/msdos.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
</div>
<br />
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="images/xtc-player.png" class="card-img-top">
<div class="card-body">
<h5 class="card-title">XTC-Player</h5>
<p class="card-text">Tracker Music</p>
<a href="games/xtcplayer.html" class="btn btn-primary">Start!</a>
</div>
</div>
</div>
</div>
</body>
</html>

0 comments on commit 077f509

Please sign in to comment.