aboutsummaryrefslogblamecommitdiff
blob: 4786e5108b91e60922caaf50afa4e1ed6760087a (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
12
13

                
 
      








                                                                               
       
 


































































































































                                                                                                                   
 
       
<!DOCTYPE html >
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Jinwei的小站</title>
    <link href="favicon.ico" type="image/x-icon" rel=icon>
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/style2.css" />
    <link href='css/css.css' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
</head>

<body>
    <div class="container">
        <header>
            <h1>
                <span>Jinwei的小站</span>
            </h1>
            <h2>一生放荡不羁只敲自己喜欢的代码</h2>
            <h2>95后,大二了,宅,伪文青,爱折腾,爱技术,爱有技术会设计的妹子</h2>
            <div class="support-note">
                <!-- let's check browser support with modernizr -->
                <!--span class="no-cssanimations">CSS animations are not supported in your browser</span-->
                <span class="no-csstransforms">都什么年代了还用这么渣的浏览器!不让看!</span>
                <!--span class="no-csstransforms3d">CSS 3D transforms are not supported in your browser</span-->
                <span class="no-csstransitions">都什么年代了还用这么渣的浏览器!不让看!</span>
                <span class="note-ie">我和所有用IE的都绝交了你造吗?</span>
            </div>
        </header>
        <section class="main">
            <div id="sb-container" class="sb-container">
                <div>
                    <span class="sb-icon icon-cog"></span>
                    <h4>
                <span>City</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-flight"></span>
                    <h4>
                <span>This</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-eye"></span>
                    <h4>
                <span>With</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-install"></span>
                    <h4>
                <span>Love</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-bag"></span>
                    <h4>
                <span>In</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-globe"></span>
                    <h4>
                <span>Fell</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-picture"></span>
                    <h4>
                <span>I</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-video"></span>
                    <h4>
                <span>Why</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-download"></span>
                    <h4>
                <span>Reason</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-mobile"></span>
                    <h4>
                <span>The</span>
            </h4>
                </div>
                <div>
                    <span class="sb-icon icon-camera"></span>
                    <h4>
                <span>Are</span>
            </h4>
                </div>
                <div>
                    <h4>
                <span>You</span>
            </h4>
                    <span class="sb-toggle">Click to open/close</span>
                    <h5>
                <span>
                    <a href="http://www.cnblogs.com/jinweiclarkchao/" target="_blank">My &hearts; blog</a>
                </span>
            </h5>
                </div>
            </div>
            <!-- sb-container -->
            <h5>
        © 2014. All rights reserved. View on
        <a href="https://github.com/JinweiClarkChao/jinweiclarkchao.github.com" target="_blank">Github</a>
    </h5>
        </section>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.swatchbook.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#sb-container').swatchbook({
            // number of degrees that is between each item
            angleInc: -10,
            // amount in degrees for the opened item's next sibling
            proximity: -45,
            neighbor: -4,
            // index of the element that when clicked, triggers the open/close function
            // by default there is no such element
            closeIdx: 11
        });
    });
    </script>
    <script type="text/javascript">
    var x = 12;
    window.addEventListener("mousewheel", function(event) {
        event.preventDefault();
        if (event.wheelDelta >= 120 && x > 0)
            $("#sb-container div")[x - 1].click();
        else if (event.wheelDelta <= -120 && x < 12)
            $("#sb-container div")[x + 1].click();
    }, false);
    </script>
</body>

</html>
Powered by cgit v1.2.3 (git 2.41.0)