Some more work on the layout
This commit is contained in:
Ruben Müller
parent
8790bd2ebb
commit
cd8d113e79
8 changed files with 294 additions and 365 deletions
4
prototypes/layout/css/font-awesome.min.css
vendored
Normal file
4
prototypes/layout/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
170
prototypes/layout/css/layout.css
Normal file
170
prototypes/layout/css/layout.css
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
body
|
||||
{
|
||||
font-family: Verdana;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#list
|
||||
{
|
||||
overflow: scroll;
|
||||
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: blue;
|
||||
color: white;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
#detail
|
||||
{
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-color: green;
|
||||
color: white;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
body.opened #list
|
||||
{
|
||||
width: 50%;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
body.opened #detail
|
||||
{
|
||||
width: 50%;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
#entries
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#entries tr td
|
||||
{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#entries tr td img
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#close
|
||||
{
|
||||
padding: 10px;
|
||||
background-color: red;
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.entry
|
||||
{
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.entry:hover
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.entry img
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div#games
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
div#games div.entry
|
||||
{
|
||||
display: block;
|
||||
border: 2px solid red;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
margin: 0 20px 20px 0;
|
||||
}
|
||||
|
||||
div#games div.entry img
|
||||
{
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
div#overlay
|
||||
{
|
||||
position: fixed;
|
||||
border: 2px solid red;
|
||||
left: 100px;
|
||||
top: 50px;
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
background-color: white;
|
||||
z-index: 500;
|
||||
box-shadow: 0 0 40px #333;
|
||||
}
|
||||
|
||||
div#overlay div.content img
|
||||
{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 800px;
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
div#overlay div.content
|
||||
{
|
||||
position: absolute;
|
||||
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
|
||||
background-color: white;
|
||||
opacity: .75;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
div#overlay div.content h1
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#overlay div.content h2
|
||||
{
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div#overlay button
|
||||
{
|
||||
position: absolute;
|
||||
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
|
||||
padding: 20px;
|
||||
}
|
||||
7
prototypes/layout/js/imagesloaded-3.1.4.pkgd.min.js
vendored
Normal file
7
prototypes/layout/js/imagesloaded-3.1.4.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
25
prototypes/layout/js/main.js
vendored
Normal file
25
prototypes/layout/js/main.js
vendored
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
var currentScroll = 0;
|
||||
|
||||
$(function() {
|
||||
|
||||
$('#games').imagesLoaded(function() {
|
||||
$('#games').masonry({
|
||||
//columnWidth: 200,
|
||||
itemSelector: '.entry',
|
||||
isFitWidth: true,
|
||||
gutter: 0
|
||||
});
|
||||
});
|
||||
|
||||
$('#games div.entry a').click(function()
|
||||
{
|
||||
$('#overlay').show();
|
||||
});
|
||||
|
||||
$('#overlay button').click(function()
|
||||
{
|
||||
$('#overlay').hide();
|
||||
});
|
||||
//$('#overlay').hide();
|
||||
|
||||
});
|
||||
9
prototypes/layout/js/masonry.pkgd.min.js
vendored
Normal file
9
prototypes/layout/js/masonry.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -2,382 +2,96 @@
|
|||
<head>
|
||||
<title>ldview layout prototype</title>
|
||||
|
||||
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
|
||||
<script type="text/javascript" src="js/imagesloaded-3.1.4.pkgd.min.js"></script>
|
||||
<script type="text/javascript" src="js/masonry.pkgd.min.js"></script>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
<link type="text/css" rel="stylesheet" href="css/layout.css"></link>
|
||||
|
||||
body
|
||||
{
|
||||
font-family: Verdana;
|
||||
}
|
||||
|
||||
#list
|
||||
{
|
||||
overflow: scroll;
|
||||
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: blue;
|
||||
color: white;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
#detail
|
||||
{
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-color: green;
|
||||
color: white;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
body.opened #list
|
||||
{
|
||||
width: 50%;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
body.opened #detail
|
||||
{
|
||||
width: 50%;
|
||||
|
||||
/*transition-property: width;
|
||||
transition-duration: .3s;
|
||||
transition-timing-function: linear;*/
|
||||
}
|
||||
|
||||
#entries
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#entries tr td
|
||||
{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#entries tr td img
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#close
|
||||
{
|
||||
padding: 10px;
|
||||
background-color: red;
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.entry
|
||||
{
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.entry:hover
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.entry img
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
var currentScroll = 0;
|
||||
|
||||
$(function() {
|
||||
|
||||
$('.entry').on('click', function(e) {
|
||||
currentScroll = $('#list').scrollTop();
|
||||
$('body').addClass('opened');
|
||||
});
|
||||
|
||||
$('#close').on('click', function(e) {
|
||||
$('body').removeClass('opened');
|
||||
$('#list').scrollTop(currentScroll);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="list">
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
|
||||
<h1>LDVIEW</h1>
|
||||
|
||||
<!--<table id="entries">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
<div id="overlay">
|
||||
<button>x</button>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
<img width="800" height="600" src="http://www.ludumdare.com/compo/wp-content/compo2/308734/7890-shot0.jpg">
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
|
||||
</tr>
|
||||
</table>-->
|
||||
<div class="content">
|
||||
<h1>Ultra Chase</h1>
|
||||
<h2>dooglz - 48 Hour Compo Entry</h2>
|
||||
|
||||
<i class="fa fa-linux fa-5x"></i>
|
||||
<i class="fa fa-apple fa-5x"></i>
|
||||
<i class="fa fa-windows fa-5x"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="detail">
|
||||
DETAIL
|
||||
<div id="games">
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entry">
|
||||
<a href="#">
|
||||
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="#" id="close">X</a>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in a new issue