MattTheTekie/surii.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update the layout examples to functional jQuery

Browse source
This commit is contained in:
Ryan Westphal 2013-07-19 17:44:01 -04:00
commit f3a1b653b8
9 changed files with 22 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/surii.css
View file

@ -1,5 +1,7 @@
/* select parts of html5bp */
* { -webkit-box-sizing: border-box; }
html { font-size: 13px; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }

5
hack/dev.html
View file

@ -24,6 +24,11 @@
<li>All element test page (one at a time, automated)</li>
<li>Create surii.net Nintendo Zone access point</li>
</ul>
<h2>2013-07-19</h2>
<h3>jQuery 2</h3>
<p>I'm going to do a quick jQuery 2 test. jQuery 2 does not work but 1.10.2 does so I'm going with that.</p>
<h3>box-sizing</h3>
<p>To make sure things fit into the surii divs, I'm enabling box-sizing: border-box. I need the webkit prefix though. Non-prefixed version doesn't seem to work.</p>
<h2>2013-07-16</h2>
<p>Nekos in Wonderland, a game by the guy who did Okiwi will be added to the external section. Which I guess I'm keeping now. <a href="http://socialneko.com/wonderland/game.php">http://socialneko.com/wonderland/game.php</a>.</p>
<p>Twitter turned off their REST API 1.0 and now I need to setup some proxy for Tiny Cartridge app to work. Ugh!</p>

6
hack/jquery.html
View file

@ -12,10 +12,10 @@
<link href="../css/surii.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="jquerytest" class="skinnyscroll" style="background: green;">
<body class="skinnyscroll">
<div id="jquerytest" style="background: green; padding: 48px;">
</div>
<script type="text/javascript" src="../js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function () {
window.scrollTo(39, 218);

5
hack/skinny.html
View file

@ -15,13 +15,12 @@
<body class="skinny" style="background: red;">
<div style="background: #ccf;">
<p>Skinny screen, window.scrollTo called. You get D-Pad Left, Right and Down without issue. You get D-Pad Up but the screen will scroll. You get A button and single-tap.</p>
<p>
Aute fugiat meatball, dolore reprehenderit deserunt fatback chicken ea flank adipisicing sint culpa qui proident.</p>
<p>Aute fugiat meatball, dolore reprehenderit deserunt fatback chicken ea flank adipisicing sint culpa qui proident.</p>
</div>
<div>
bottom
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/surii.js"></script>
<script type="text/javascript">
$(function () {

2
hack/skinnyscroll.html
View file

@ -23,7 +23,7 @@ Occaecat reprehenderit chicken ribeye duis nulla. Short ribs duis occaecat proid
Short loin ball tip ham hock shank. Labore sint anim cillum commodo pork chop, reprehenderit shankle ea shank deserunt tongue esse. In consequat tri-tip duis fugiat eiusmod, esse commodo hamburger et. Esse tempor pastrami qui, irure shoulder consequat fatback strip steak beef ribs ea pariatur sirloin excepteur. Culpa est ut cupidatat, sint occaecat voluptate sunt. Pancetta deserunt minim, ball tip ea sirloin anim et cow voluptate. Chicken tenderloin ribeye, ham hock enim shankle ut culpa minim irure beef et est veniam.
</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/surii.js"></script>
</body>
</html>

2
hack/tbone.html
View file

@ -27,7 +27,7 @@
Bottom screen!</h2>
<p>You get D-Pad Down without issue. You get D-Pad Right, Left and Up but the screen will scroll. You get A and single-tap. Set your meta viewport initial-scale to 2.</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/surii.js"></script>
<script type="text/javascript">
$(function () {

2
hack/tbonescroll.html
View file

@ -33,7 +33,7 @@ Duis ham ullamco, consequat et short loin ball tip shank ex sed est ribeye. Proi
Consequat incididunt sausage, veniam qui ground round spare ribs. Eiusmod consequat pancetta, et officia nisi ut id flank sint. Laborum incididunt ground round t-bone chuck corned beef. Do sunt nostrud tenderloin labore, corned beef nisi pork belly tongue aute ball tip. Ut ex consequat pork loin, meatball fugiat ullamco short ribs commodo beef ribs anim officia fatback venison. Incididunt excepteur veniam, sint pig proident ground round non shankle quis tongue ribeye. Minim shank consectetur nulla ground round, nisi fugiat incididunt.
</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/surii.js"></script>
<script type="text/javascript">
$(function () {

2
hack/tiny.html
View file

@ -18,7 +18,7 @@
<p>
&quot;tiny&quot; mode has only the lower screen but you get all the D-Pad directions + A button + single-tap.</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/surii.js"></script>
</body>
</html>

6
js/jquery-1.10.2.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long