Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bootstrap Web site page + Super Mario JS demo #361

Merged
merged 1 commit into from Apr 12, 2015
Merged

Bootstrap Web site page + Super Mario JS demo #361

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
56 changes: 52 additions & 4 deletions index.html
View file
Open in desktop
@@ -1,12 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>I'll Accept Anything</title>
<meta name="description" content="The project where literally anything goes">
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<script src="site/jquery.min.js" type="text/javascript"></script>
<script src="site/bootstrap.min.js" type="text/javascript"></script>
<link href="site/bootstrap.min.css" rel="stylesheet" type="text/css" charset="utf-8">

<link href="site/site.css" rel="stylesheet" type="text/css" charset="utf-8">
</head>

<body>
<!-- page content -->
<header class="navbar navbar-inverse" role="banner">
<div class="navbar-header">
<button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html" title="The project where literally anything goes">I'll Accept Anything</a>
</div>
<div id="navbar-collapse" class="collapse navbar-collapse" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li class="github-icon"><a href="https://github.com/mrkrstphr/illacceptanything" title="Fork me on Github"><img src="site/github.png" />Github</a></li>
</ul>
</div>
</header>

<div class="container">
<div class="row">
<div class="col-md-12">
<h1>I'll Accept Anything</h1>
<p>
I want to make a really cool project, but I don't know what to make. So I'll just accept every Pull Request submitted and see what happens.
</p>
<ul>
<li>No porn.</li>
<li>Nothing illegal.</li>
<li>Can't violate GitHub terms of service.</li>
<li>Don't be a dick.</li>
</ul>
</div>
</div>

<div class="row">
<div class="col-md-12">
<h1>Links to web-based projects in this repo</h1>
<ul>
<li><a href="super-mario/index.html">Super Mario Bros Level 1-1 in your browser</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
7 changes: 7 additions & 0 deletions site/bootstrap.min.css
View file
Open in desktop

Large diffs are not rendered by default.

7 changes: 7 additions & 0 deletions site/bootstrap.min.js
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added site/github.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions site/jquery.min.js
View file
Open in desktop

Large diffs are not rendered by default.

49 changes: 49 additions & 0 deletions site/site.css
View file
Open in desktop
@@ -0,0 +1,49 @@

a {
color: #4242FF;
}
.navbar-inverse {
border-radius: 0;
background-color: #4242FF;
border-color: #4242FF;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #4242FF;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
color: #F0F0F0;
}
a.navbar-brand {
padding-left: 50px;
}
a.navbar-brand img {
display: block;
position: absolute;
height: 32px;
margin: -8px 0 0 -42px;
}
footer.navbar-default {border-radius: 0; margin-bottom: 0;}
.bs-sidebar .nav > .active > ul {
display: block;
margin-bottom: 4px;
}
li.github-icon {
padding-left: 10px;
}
li.github-icon a {
display: inline-block;
padding-left: 32px;
color: white;
}
li.github-icon a img {
display: block;
position: absolute;
width: 32px;
margin: -7px 0 0 -32px;
opacity: 0.9;
}
li.github-icon a:hover img {
opacity: 1.0;
}
Binary file added super-mario/apple_touch_icon.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added super-mario/favicon.ico
View file
Open in desktop
Binary file not shown.
Binary file added super-mario/img/icons.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added super-mario/img/screenshot.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added super-mario/img/super-mario-2x.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added super-mario/img/super-mario-enemies-2x.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added super-mario/img/super-mario-tiles-2x.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 changes: 65 additions & 0 deletions super-mario/index.html
View file
Open in desktop
@@ -0,0 +1,65 @@
<!doctype html>
<html style="touch-action: none;">
<head>
<title>Super Mario Bros Level 1-1 - Backbone Game Engine &amp; CocoonJS launcher</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="apple_touch_icon.png" rel="apple-touch-icon" />

<meta name="viewport" content="width=960, user-scalable=no"/>
<meta name="mobileoptimized" content="0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>

<script src="js/3rd/qtree.js" type="text/javascript"></script>
<script src="js/3rd/underscore.js" type="text/javascript"></script>
<script src="js/3rd/backbone.native.js" type="text/javascript"></script>
<script src="js/3rd/backbone.js" type="text/javascript"></script>

<script src="js/backbone-game-engine/adjust-viewport.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/shapes.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/core.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/character.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/input.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/hero.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/world.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/local-storage.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/camera.js" type="text/javascript"></script>
<script src="js/backbone-game-engine/editor.js" type="text/javascript"></script>

<script src="js/src/mario.js" type="text/javascript"></script>
<script src="js/src/tiles.js" type="text/javascript"></script>
<script src="js/src/artifacts.js" type="text/javascript"></script>
<script src="js/src/enemies.js" type="text/javascript"></script>
<script src="js/src/display.js" type="text/javascript"></script>
<script src="js/src/level_1-1.js" type="text/javascript"></script>
<script src="js/src/main.js" type="text/javascript"></script>

<style>
body {
margin: 0;
background-color: #000;
}
canvas {
position: fixed;
top: 0;
left: 0;
}
</style>

</head>

<body>
<img id="mario" src="img/super-mario-2x.png" style="display:none;" />
<img id="tiles" src="img/super-mario-tiles-2x.png" style="display:none;" />
<img id="enemies" src="img/super-mario-enemies-2x.png" style="display:none;" />
<img id="icons" src="img/icons.png" style="display:none;" />

<canvas id="foreground" width="960" height="700">
Your browser does not support canvas element.
</canvas>
</body>

</html>