add me

2026-10-29 00:31:00 +00:00 · 2014-12-28 00:03:28 +08:00
parent d319879c78
commit 3102f72713
23 changed files with 395 additions and 0 deletions
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>me</name>
+	<comment>Create By HBuilder</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1419666337778</id>
+			<name></name>
+			<type>10</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.orFilterMatcher</id>
+				<arguments>
+					<matcher>
+						<id>org.eclipse.ui.ide.multiFilter</id>
+						<arguments>1.0-projectRelativePath-matches-false-false-bin</arguments>
+					</matcher>
+					<matcher>
+						<id>org.eclipse.ui.ide.multiFilter</id>
+						<arguments>1.0-projectRelativePath-matches-false-false-setting</arguments>
+					</matcher>
+				</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>
@@ -0,0 +1,205 @@
+html body{
+	font-family: georgia, "微软雅黑";
+	font-size:13px;
+	margin:0;
+	width:100%;
+	height:100%;
+	background-color:#2B2B2B;
+}
+
+.fl{
+	float:left;
+}
+
+.fr{
+	float:right;
+}
+
+.text_center{
+	text-align:center;
+}
+ .center{
+ 	margin-left:auto;
+ 	margin-right:auto;
+ }
+
+/*index left*/
+.userinfo{
+	position:absolute;
+	top:0;
+	left:0;
+	bottom:0;
+	width:320px;
+}
+
+.userinfo_avatar{
+	height:100px;
+	width:100px;
+	margin-top:10px;
+}
+
+.userinfo_avatar img{
+	height:100px;
+	width:100px;
+	border-radius:50px;
+}
+
+.userinfo_hr{
+	height:1px;
+	width:310px;
+	border-top:1px solid #3E3E3E;
+	margin-top:10px;
+}
+
+.userinfo_info div{
+	margin-left:15px;
+	color:#898989;
+	height:20px;
+	line-height:20px;
+}
+
+
+.userinfo_desc{
+	margin-top:15px;
+	margin-left:10px;
+	width:300px;
+	color:#898989;
+	line-height:23px;
+}
+
+.userinfo_desc span{
+	color:#66D038;
+}
+
+.userinfo_btn{
+	height:30px;
+	width:100%;
+}
+
+.userinfo_btn div{
+	height:30px;
+	width:90px;
+	border:1px solid #898989;
+	line-height:30px;
+	font-size:16px;
+	color:#FFF;
+	border-radius:3px;
+	margin-top: 10px;
+	margin-left:50px;
+	cursor:pointer;
+}
+
+.userinfo_btn div:hover{
+	background-color:#FFDF00;
+	border:1px solid #FFDF00;
+	color:#898989;
+}
+
+.userinfo_btn div:last-child{
+	margin-left:20px;
+}
+
+.userinfo_link{
+	width:100%;
+	height:30px;
+	margin-top:20px;
+}
+
+.userinfo_link a:first-child{
+	margin-left:70px;
+}
+
+.userinfo_link a{
+	display:inline-block;
+	width:50px;
+	text-align:center;
+}
+
+.userinfo_link a img{
+	cursor:pointer;
+	width:30px;
+	height:30px;
+}
+
+
+/*index right*/
+.project_list{
+	position:absolute;
+	top:0;
+	right:0;
+	left:321px;
+	min-width:850px;
+	overflow:auto;
+	border-left:1px solid #808080;
+}
+
+.item{
+	height:150px;
+	width:250px;
+	float:left;
+	margin-left:30px;
+	margin-top:20px;
+}
+
+.item img{
+	height:150px;
+	width:250px;
+	border-radius:4px;
+}
+
+.item span{
+	position:relative;
+	width:250px;
+	text-align:center;
+	background-color:#000;
+	height:30px;
+	line-height:30px;
+	cursor:pointer;
+	color:#FFF;
+	top:-33px;
+	border-radius:0 0 3px 3px;
+	opacity:0.7;
+	display:inline-block;
+}
+
+.item_top15{
+	margin-top:45px;
+}
+
+.item_hr{
+	height:30px;
+	margin-top: 250px;
+	width:96%;
+	border-bottom:1px solid #313131;
+	margin-left:2%;
+	color:#E89640;
+	font-size:16px;
+}
+
+.item_hr_1{
+	margin-top:90px;
+}
+
+.item_hr_2{
+	margin-top:200px;
+}
+
+.item_hr_3{
+	margin-top:200px;
+}
+
+/*title*/
+.title{
+	position:absolute;
+	top:20px;
+	color:#FFF;
+	width:100%;
+	font-size:18px;
+	text-align:center;
+}
+
+
+
+
+
+
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>vczero.me</title>
+		<link type="text/css" rel="stylesheet" href="css/main.css" />
+	</head>
+	<body>
+		<div class="title">
+			The Projects Of My Participation In The Past Time
+		</div>
+		<div class="userinfo fl">
+			<div class="userinfo_avatar center">
+				<img src="img/avatar.png"/>
+			</div>
+			<div class="userinfo_hr center"></div>
+			<div class="userinfo_info">
+				<div>
+					<span>昵称：</span>
+					<span>vczero</span>
+				</div>
+				<div>
+					<span>从业：</span>
+					<span>web前端研发工程师(JS + Node)</span>
+				</div>
+				<div>
+					<span>公司：</span>
+					<span>高德地图研发中心</span>
+				</div>
+				<div>
+					<span>职责：</span>
+					<span>JavaScript API & API服务</span>
+				</div>
+			</div>
+			<div class="userinfo_desc">
+				高中没有学好VB，那时觉得高考才是重点。大学选择
+				了理科(GIS)，于是开始了自学C语言，大一
+				下学期课程安排是C++，放弃了C，于是开始捣鼓C++，
+				开始捣鼓MFC。大二开始看点web编程，大二实习的时
+				候，做的是公司的C++平台研发。但是心里一直装着一
+				个web的梦想，于是回学校继续做一些web项目。大三的
+				时候，专心web编程，既写前端，也写后端，参加过比赛，
+				给老师做过项目，也自己捣鼓一些自己的项目，渐渐没
+				有了周末...大四，专心写Node.js和JS。<span>活该现在是小胖子!!!</span>
+			</div>	
+			<div class="userinfo_desc">
+				大学到参加工作以来，要感谢的人很多，感谢如兄如父的@涛哥，C++大牛@dll，web创新@蒋博士，带我的@yhostc & @ivan706...
+				特别感谢我60岁老父亲把我抚养长大...从农村一路走来，我很幸运，谢谢你们!
+			</div>
+			<div class="userinfo_btn">
+				<div class="fl text_center">TimeLine</div>
+				<div class="fl text_center">Start Game</div>
+			</div>
+			<div class="userinfo_link">
+				<a href="https://github.com/vczero">
+					<img src="img/github.png" />
+				</a>
+				<a href="http://weibo.com/2762275212/profile?rightmod=1&wvr=6&mod=personinfo">
+					<img src="img/weibo.png"/>
+				</a>
+				<a href="http://www.cnblogs.com/vczero/">
+					<img src="img/blog.png"/>
+				</a>
+			</div>
+		</div>
+		<div class="project_list">
+			<div class="item_hr item_hr_1">2013-2015: In Company of AutoNavi</div>
+			<div class="item">
+				<img src="img/js-api.png"/>
+				<span>高德地图JS-API研发</span>
+			</div>
+			<div class="item">
+				<img src="img/mo.png"/>
+				<span>高德地图web-App服务研发</span>
+			</div>
+			<div class="item">
+				<img src="img/amap.png"/>
+				<span>高德地图PC端&其他服务研发</span>
+			</div>
+			<div class="item_hr item_hr_2">2013: A Busy Year</div>
+			<div class="item">
+				<img src="img/lbs_service.png"/>
+				<span>安徽省比赛第一名：旅游时空标签服务</span>
+			</div>
+			<div class="item">
+				<img src="img/lbs_tuijian.png"/>
+				<span>微旅行推荐应用</span>
+			</div>
+			<div class="item">
+				<img src="img/line.png"/>
+				<span>滁州市公交线路分析系统</span>
+			</div>
+			<div class="item_hr item_hr_3">Other Project(2010-2013 & Github)</div>
+			<div class="item">
+				<img src="img/tuban.png"/>
+				<span>OurTimes：基于位置的通讯录</span>
+			</div>
+			<div class="item">
+				<img src="img/search.png"/>
+				<span>基于豆瓣API的搜索web-App</span>
+			</div>
+			<div class="item">
+				<img src="img/c_plus_plus.png"/>
+				<span>GIS C++平台研发</span>
+			</div>
+			<div class="item item_top15">
+				<img src="img/nodeweibo.png"/>
+				<span>Node.js封装微博API</span>
+			</div>
+			<div class="item item_top15">
+				<img src="img/2048.png"/>
+				<span>脑袋一热，写了个简单的2048</span>
+			</div>
+			<div class="item item_top15">
+				<img src="img/ban.png"/>
+				<span>很久以前，给班级做的管理系统</span>
+			</div>
+			
+			<div class="item" style="height:50px;">
+				........
+			</div>
+		</div>
+		
+	</body>
+	<script type="text/javascript" src="js/jquery1.7.2.js" ></script>
+	<script type="text/javascript" src="js/main.js" ></script>
+</html>
@@ -0,0 +1,4 @@
+
+$(function(){
+	
+});