Source

homepage / index.html

Full commit
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=gb2312" http-equiv="Content-Type">
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
<style>
a{color:black;}
a:link {text-decoration: none; color:black;}
a:active {text-decoration:blink}
a:hover { text-decoration: none;color:color:#778087;} 
a:visited {text-decoration: none;}
.title{
    margin-top:50px;
    margin-bottom:200px;
    font-family: 'Shadows Into Light Two', cursive; 
    font-size:40px;
    text-align:center;
}
.desc{
    width:800px;
    height:400px;
    margin:auto;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    visibility:hidden;
    display:none;
}

body{
    background-position: left top;
    background-repeat: repeat;
    background-color:white;
}
.content{
    margin:auto;
    width:800px;
    height:400px;
    background-color:white;
    background-image: url("icons.jpg");
}

.content div{
    width:180px;
    height:180px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
}

.content ul li{
    width:180px;
    height:180px;
}

</style>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="blur.js"></script>
<script type="text/javascript">
var count=0;
$(document).ready(
    function(){
    $('.content div').blurjs(
        {
            source:".content",
            overlay: 'rgba(255,255,255,0.1)'
        }
    );
    var image = ''
    $(".content div").hover(
    function(){
        image = $(this).css('background-image');
        $(this).css('background-image','none')
        /*
        $(".desc").css('background-image','url('+"big/"+$(this).attr("id")+"1.png"+')');
        $('.desc').blurjs(
            {
                source:".desc",
                overlay: 'rgba(255,255,255,0.1)'
            }
        );
        $(".desc").css('background-repeat','no-repeat');
        $(".desc").css('background-position','center 0%');
        $(".desc").css('visibility','visible');
        */
    },
    function(){
        $(this).css('background-image',image)
    }
    )
    }
);
</script>

<title>yudun1989</title>
</head>
<body>
    <div>
        <div>
        <div class="title">
            <a href="http://blog.yudun1989.com"> yudun1989 </a>
        </div>
            <div class="desc">
            </div>
        </div>
        <div class="content" id="content">
            <a  href="http://douban.com/people/yudun1989/"><div id="douban" style="float:left;"></div></a>
            <a  href="http://bitbucket.org/yudun1989/"><div id="bitbucket" style="margin-left:130px; float:left;"></div></a>
            <a  href="http://weibo.com/webpy/"><div id="weibo" style="float:right;"></div></a>
            <a  href="http://www.xiachufang.com/cook/10011278/"><div id="xiachufang" style="float:left;display:block;margin-top:40px;margin-left:146.5px;"></div></a>
            <a  href="http://github.com/yudun1989/"><div id="github"style="float:left;display:block;margin-top:40px;margin-left:128px;"></div></a>
        </div>
    </div>
</body>
</html>