title: "Tags" 
layout: false 
---
<link href="about.css" rel="stylesheet">
<script src='https://code.jquery.com/jquery-3.2.0.min.js'></script>
<script type="text/javascript">
$(function() {
    var twitterMessage = "";
    var alphabet = ["0", "1"];
    var offset = 0;
    var c = document.getElementById("c");
    var ctx = c.getContext("2d");
    //making the canvas full screen
    c.height = window.innerHeight;
    c.width = window.innerWidth;
    var font_size = 14;
    var columns = c.width / font_size; //number of columns for the rain
    //an array of drops - one per column
    var drops = [];
    //x below is the x coordinate
    //1 = y co-ordinate of the drop(same for every drop initially)
    for (var x = 0; x < columns; x++)
        drops[x] = 1;

    window.addEventListener('resize', function() {
        c.height = window.innerHeight;
        c.width = window.innerWidth;
    });

    function getSymbols(string) {
        var index = 0;
        var length = string.length;
        var output = [];
        for (; index < length - 1; ++index) {
            var charCode = string.charCodeAt(index);
            if (charCode >= 0xD800 && charCode <= 0xDBFF) {
                charCode = string.charCodeAt(index + 1);
                if (charCode >= 0xDC00 && charCode <= 0xDFFF) {
                    output.push(string.slice(index, index + 2));
                    ++index;
                    continue;
                }
            }
            output.push(string.charAt(index));
        }
        output.push(string.charAt(index));
        return output;
    }

    function draw() {
        //Black BG for the canvas
        //translucent BG to show trail
        ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
        ctx.fillRect(0, 0, c.width, c.height);
        ctx.fillStyle = "#0F0"; //green text
        ctx.font = font_size + 'px "Unifont"';
        //looping over drops
        for (var i = 0; i < drops.length; i++) {
            //a random alphabet character to print
            //var text = alphabet[Math.floor(Math.random() * alphabet.length)];

            //console.log(offset);

            if (offset >= alphabet.length)
                offset = 0;

            var text = alphabet[offset++];

            if (!text)
                text = " ";

            //x = i*font_size, y = value of drops[i]*font_size
            ctx.fillText(text, i * font_size, drops[i] * font_size);
            //ctx.fillText(letters.length.toString(), font_size, font_size);
            //sending the drop back to the top randomly after it has crossed the screen
            //adding a randomness to the reset to make the drops scattered on the Y axis
            if (drops[i] * font_size > c.height && Math.random() > 0.975)
                drops[i] = 0;
            //incrementing Y coordinate
            drops[i]++;
        }
    }
    requestAnimationFrame(function render() {
        draw();
        requestAnimationFrame(render);
    });
});
</script>
<canvas id="c" height="734" width="654"></canvas>
<section class="top">
    <h1>I am Tallulah</h1>
    <h2>a creative developer<br>based in Nanjing, Jangsu</h2>
    <h2>I like <span class="fb">reading</span>,<span class="bh">running</span>,<br><span class="db">Paper Quilling</span>,<span class="lp">color lead</span></h2>
    <section class='section1'>
        <h2>Technical Skills</h2>
        <ul class="skill-set">
            <li>HTML5</li>
            <li>Gulp</li>
            <li>CSS3</li>
            <li>Less/Scss</li>
            <li>CreateJS/GSAP/LimeJS</li>
            <li>Javascript/ActionScript</li>
            <li>Jspm</li>
            <li>Responsive Web</li>
            <li>Animation</li>
            <li>Programmatic</li>
        </ul>
    </section>
    <h2>You can find me on <a href="http://weibo.com/1263070051" class="db" target="_blank">weibo</a>, <a href="https://twitter.com/tallulah_yang" class="bh" target="_blank">twtter</a>, <a href="https://www.facebook.com/tallulah.yang" class="fb" target="_blank">facebook</a>,<a href="http://codepen.io/talyYang/" class="lp" target="_blank">codepen</a> or just email me at <span class="mail">tallulah.yang@gmail.com</span></h2>
</section>