Citra-emu/citra-emu.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #134 from archshift/gh-pages

Browse Source 
Pages: Moved imagebar to inter-page space, fixed noscript displaying
This commit is contained in:
Tony Wasserka 2014-10-16 10:40:14 +02:00
commit 6c827cb43e
6 changed files with 52 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@ -3,8 +3,9 @@
<head>
<meta charset="utf-8">
<title>Citra - Experimental 3DS Emulator</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="scripts/slick-1.3.9/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<noscript><link rel="stylesheet" type="text/css" href="noscript.css" /></noscript>
<!-- Windows Phone -->
<meta name="msapplication-TileColor" content="#099" />
@ -51,14 +52,18 @@
</div>
</div>
<div id="about" class="page">
<div id="imagebar">
<div><img src="resources/game-screenshots/yeti3DS-1.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-2.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-3.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-4.png" /></div>
</div>
<div id="imagebar">
<div><img src="resources/game-screenshots/yeti3DS-1.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-2.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-3.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-4.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-1.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-2.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-3.png" /></div>
<div><img src="resources/game-screenshots/yeti3DS-4.png" /></div>
</div>
<div id="about" class="page">
<div class="content">
<h1>About Citra</h1>
@ -131,19 +136,8 @@
updateURL: false
});
var $imagebar = $('#imagebar');
$resize_imagebar = (function() {
var $imagebar_newheight = $imagebar.parent().height();
var $imagebar_newmargin = ($imagebar_newheight - $imagebar.height()) / 2;
$imagebar.css("margin-top", $imagebar_newmargin);
$imagebar.css("margin-bottom", $imagebar_newmargin - 30);
});
$(document).ready(function(){
$imagebar.slick({
vertical: true,
$('#imagebar').slick({
infinite: true,
slidesToShow: 4,
slidesToScroll: 1,
@ -151,8 +145,6 @@
autoplaySpeed: 4000,
arrows: false,
});
$resize_imagebar();
});
</script>

20
noscript.css Normal file
View File

@ -0,0 +1,20 @@
#imagebar {
display: inline-block;
text-align: center;
width: 100%;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
padding: 0;
}
#imagebar div {
display: inline-block;
padding: 0.5vw;
}
#imagebar img {
width: 23vw;
}

BIN
resources/game-screenshots/yeti3DS-1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 203 KiB

BIN
resources/game-screenshots/yeti3DS-2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 218 KiB

BIN
resources/game-screenshots/yeti3DS-4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 179 KiB

30
style.css
View File

@ -60,7 +60,6 @@ header a:hover {
.content {
padding: 15vh 5%;
overflow: hidden;
}
.content h1,h2,h3 {
@ -134,6 +133,22 @@ p + ul {
color: #333;
}
/* ********************************************* */
/* *** IMAGEBAR ******************************** */
#imagebar {
padding: 0.5vw;
margin: 0;
}
#imagebar img {
margin: auto;
width: 24vw;
max-width: 400px;
border: 0.2vw #000 solid;
border-radius: 0.3vw;
}
/* ********************************************* */
/* *** ABOUT *********************************** */
@ -153,18 +168,6 @@ p + ul {
margin-top: 3px;
}
#imagebar {
float: left;
width: 25vw;
max-width: 400px;
}
#imagebar img {
padding: 1px;
width: 25vw;
max-width: 400px;
}
/* ********************************************* */
/* *** DOWNLOAD ******************************** */
@ -184,6 +187,7 @@ img.dl-icon {
padding: 40px;
margin: 5px;
border: 3px black solid;
border-radius: 0.3vw;
width: 4vw;
max-width: 64px;