forked from yansm/fromone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
103 lines (100 loc) · 5.23 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>fromone | to be unique</title>
<link type="text/css" rel="stylesheet" href="/fromone/stylesheets/reset.css"></link>
<link type="text/css" rel="stylesheet" href="/fromone/stylesheets/common.css"></link>
<link type="text/css" rel="stylesheet" href="/fromone/stylesheets/zxx.lib.css"></link>
<link type="text/css" rel="stylesheet" href="/fromone/lib/jscrollpane/jquery.jscrollpane.css"></link>
<link rel="stylesheet" href="/fromone/stylesheets/fromone.css"></link>
<script src="/fromone/lib/react.js"></script>
<script src="/fromone/lib/jquery-1.10.2.min.js"></script>
<script src="/fromone/lib/jscrollpane/jquery.mousewheel.js"></script>
<script src="/fromone/lib/jscrollpane/mwheelIntent.js"></script>
<script src="/fromone/lib/jscrollpane/jquery.jscrollpane.min.js"></script>
<script src="/fromone/lib/lodash.min.js"></script>
<script src="/fromone/map_post.js"></script>
<script src="/fromone/lib/fromreact.js"></script>
<script src="/fromone/lib/fromone.debug.js"></script>
</head>
<!-- main-screen -->
<body class="about" data-model="about" data-level="1" data-type="bottom" data-url="about"> <div id="bottom" style="display:block;">
<div class="about-area scroll-pane" data-screen="bottom">
<div class="about-header">
<header class="index-header">
<div class="index-logo" click-target="change-btn">from one <aside></aside></div>
<div class="index-nav index-nav-00" click-target="change-btn">首页</div>
<div class="index-nav index-nav-01">js</div>
<div class="index-nav index-nav-02" click-target="change-btn" data-level="1" data-type="bottom" data-model="css" data-url="css">css</div>
<div class="index-nav index-nav-03" click-target="change-btn" data-level="1" data-type="top" data-model="essay" data-url="essay">随笔</div>
<div class="index-nav index-nav-04" click-target="change-btn" data-level="1" data-type="bottom" data-model="phrase" data-url="phrase">短语</div>
<div class="index-nav index-nav-05">相册</div>
<div class="index-nav index-nav-06" click-target="change-btn" data-level="1" data-type="bottom" data-model="about" data-url="about">about</div>
</header>
</div>
<div class="about-content container">
<h1 class="about-head">ABOUT ME<aside>allow me to introduce myself</aside></h1>
<section class="about-item fix">
<div class="leave-word-label leave-word-label-1 l">
<div class="leave-word-box">
<img src="/fromone/images/me.jpg">
</div>
<div class="leave-word-before" ></div>
<div class="leave-word-after" ></div>
</div>
<div style="padding-left:300px">
<p>喜欢前端，喜欢扁平，2013年毕业参加工作，半年后决定做一只专注于前端的程序猿。对很炫的技术天生无抵抗力。从小培养出对IE正确的仇恨心理——所以我不喜欢调兼容性~
14年10月来京，现在搜狗用户平台事业部。</p>
<p>喜欢写文字，虽然工作后许久不写。许久前的一天，突然想做一个自己的博客，对自己的生活与工作做一个记录。挑了好多的博客框架，最终由于自由度不够，做不出自己想要的结果，所以决定完全自己写。
这里只是一个静态的站。没有后台——好吧，我发誓我的后端还没那么烂。短语以及随笔借鉴了一些国外的优秀作品，js的样式是我大三实训时候做的类似的东西，算是纪念一下。其余的部分都算是自己的设计。</p>
<p>评论功能用了搜狐的畅言——感谢我大搜狐。因为API给的比较全，没有用现成的插件和样式，原因同样是自由度不够高，只用了畅言的API，特此说明一下。哦对了，评论功能是用react写的。跟个风。</p>
<p>在制作它的过程中，也学到了很多新知识，比如一些不常用的css3样式，markdown语法，当然还有react。还有一些简单的ps技巧。</p>
<p>是的，你猜的没错，左边那张相片是我。大三的时候吧。</p>
</div>
</section>
<section class="about-item fix">
<div class="about-title">我的联系方式</div>
<p>很喜欢和同行们一起交流分享，虽性格有些奇怪，但勉强算是一个好人。希望多多交流~(当然有什么外包小活什么的，我对卖身也没抵触哦 ~\(≧▽≦)/~</p>
<ul class="about-list">
<li>QQ: 268011197</li>
<li>微信: rmsw1119</li>
<li>微博: 依旧沉睡o0</li>
<li>邮箱: 268011197@qq.com</li>
</ul>
</section>
</div>
</div>
</div>
<ul class="full-screen">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="loading-area">
<div class="spinner">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<aside>loading</aside>
</div>
</div>
<div class="modal-area">
<div class="modal-box">
<!-- <iframe src="https://changyan.sohu.com/api/oauth2/authorize?client_id=cyrCA2YHb&redirect_uri=http://yansm.github.io/fromone/checkOAUTH.html&response_type=code&platform_id=3"> -->
</div>
</div>
</body>
</html>