-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
197 lines (192 loc) · 9.14 KB
/
index.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" type="text/css" href="./css/styles/tomorrow-night-eighties.css" />
<title>青柚认证平台</title>
</head>
<body>
<nav>
<a class="qingyou-header" href="https://qingyou.njupt.edu.cn/" target="_blank">
<div class="header-logo"><img src="./img/index_img/qingyou_logo.png" alt=""></div>
<span>QingYou</span>
</a>
<div class="header-about">
<a class="about" href="http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html" target="_blank">关于OAuth2</a>
<div class="qingyou-button-header header-contact"><span>Contact Us</span></div>
</div>
</nav>
<div class="qingyou-banner">
<div class="banner-pic">
<div class="square"></div>
<div class="triangle1"></div>
<div class="triangle2"></div>
</div>
<div class="banner-title">
<span>青柚第三方认证平台</span>
<p>基于肖晨旭用户搭建的OAuth2服务</p>
</div>
<div class="wave">
<img src="./img/wave.svg" class="wave-left" alt="">
<img src="./img/wave.svg" class="wave-middle" alt="">
<img src="./img/wave.svg" class="wave-right" alt="">
</div>
</div>
<div class="qingyou-content">
<div class="qingyou-item">
<div class="qingyou-subtitle">
<span>数据来源</span>
<p>Data sources</p>
</div>
<div class="qingyou-container qingyou-card-container">
<div class="qingyou-sourcecard">
<div class="card-header">
<div class="card-text">
本科生小程序
<img src="./img/index_img/pomelo_logo.png" alt="">
</div>
</div>
<div class="card-content">
<div class="card-logo-container">
<img src="./img/index_img/logo1.png" alt="">
</div>
<div class="card-mask">
<span> 由青柚工作室开发，服务于广大柚子，具有课表、成绩、图书馆、跑操、一卡通等功能。</span>
</div>
</div>
</div>
<div class="qingyou-sourcecard">
<div class="card-header">
<div class="card-text">
研究生小程序
<img src="./img/index_img/pomelo_logo.png" alt="">
</div>
</div>
<div class="card-content">
<div class="card-logo-container">
<img src="./img/index_img/logo2.png" alt="">
</div>
<div class="card-mask">
<span> 由青柚工作室开发，服务于广大研究生柚子，具有图书馆、一卡通、课表、成绩等各种常用功能。</span>
</div>
</div>
</div>
<div class="qingyou-sourcecard">
<div class="card-header">
<div class="card-text">
校谈
<img src="./img/index_img/pomelo_logo.png" alt="">
</div>
</div>
<div class="card-content">
<div class="card-logo-container">
<img src="./img/index_img/xiaotan_logo.jpg" alt="">
</div>
<div class="card-mask">
<span> 南邮“校谈”学生社团小程序。</span>
</div>
</div>
</div>
<div class="qingyou-sourcecard">
<div class="card-header">
<div class="card-text">
信息办
<img src="./img/index_img/pomelo_logo.png" alt="">
</div>
</div>
<div class="card-content">
<div class="card-logo-container">
<img src="./img/index_img/logo1.png" alt="">
</div>
<div class="card-mask">
<span> 南京邮电大学信息化建设与管理办公室。</span>
</div>
</div>
</div>
</div>
</div>
<div class="qingyou-item qingyou-source">
<div class="qingyou-subtitle">
<span>我们提供的资源</span>
<p>Benefits provided</p>
<div class="qingyou-para"> 我们提供一些基本的用户公开数据，还有一些非公开的用户个人数据。</div>
</div>
<div class="qingyou-para"><img src="./img/index_img/alarm.svg" alt=""> 为了保证用户的隐私安全，我们进行了权限范围的限定，并不是任何一个申请接入的开发者都能拥有最高开发权限。<p><br>（右边的数据是最高开发权限所能拿到的所有信息，password字段所有人都是一样的）。</p>
</div>
<pre><code class="JSON"></code></pre>
</div>
<div class="qingyou-item">
<div class="qingyou-subtitle">
<span>运用事例</span>
<p>Application cases</p>
</div>
<p style="margin-top:1rem;font-size:1.4rem;">实现了从小程序到校谈的无感知跳转</p>
<div class="qingyou-img-container">
<img class="img-cut" src="./img/xiaochengxu.jpeg" alt="">
<img class="img-arrow" src="./img/index_img/ic_arrow-right.svg" alt="">
<img class="img-cut" src="./img/xiaotan.png" alt="">
</div>
</div>
<div class="qingyou-line"></div>
<div class="qingyou-item">
<div class="qingyou-subtitle">
<span>开发者接入指南</span>
<p>Access guide</p>
</div>
<div class="qingyou-guide">
<div class="guide-label-container"></div>
<div class="guide-content-container"></div>
</div>
</div>
<div class="qingyou-line"></div>
<div class="qingyou-item">
<div class="qingyou-subtitle">
<span>加入我们</span>
<p>Join us</p>
</div>
<div class="qingyou-text">邀请同是南邮学子的你来为肖辰旭日后的茁壮成长添砖加瓦，让肖辰旭学长能更好的为南邮人服务。</div>
<div class="qingyou-text-detail"><br>青柚OAuth2目前只有面向web端，小程序的接入示例，欢迎喜欢桌面端，android端，ios端的同学来完善。
目前支持的sdk只有java，虽然不使用sdk也能接入，但通过sdk可以更爽的接入，欢迎擅长其他语言的同学来完善。
青柚日常招前端，后端，UI，画师，测试，android，ios，欢迎同是南邮的你加入我们。</div>
<div class="qingyou-button"><span><a href="https://qingyou.njupt.edu.cn/" target="_blank">View Our Blog</a></span></div>
</div>
</div>
<div class="qingyou-footer">
<div class="footer-column">
<span class="footer-title">
联系方式
</span>
<div class="footer-item">
<img src="./img/index_img/qqchat.svg" alt="">
<span>2092313702</span>
</div>
<div class="footer-item">
<img src="./img/index_img/email.svg" alt="">
<span>[email protected]</span>
</div>
<div class="footer-item">
<img src="./img/index_img/map-marker-multiple.svg" alt="">
<span>仙林校区大学生活动中心111</span>
</div>
</div>
<div class="footer-column">
<span class="footer-title">关于OAuth2</span>
<div class="footer-item"><a href="http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html" target="_blank">阮一峰博客</a></div>
<div class="footer-item"><a href="https://oauth.net/2/" target="_blank">OAuth2标准</a></div>
</div>
</div>
<div class="copyright-inf">
<p>Copyright ©2018 青柚工作室 [email protected]</p>
</div>
<script src="./js/jquery.min.js"></script>
<script>
$("code").load("./data.json");
</script>
<script src="./js/highlight.pack.js"></script>
<script src="./js/index.js"></script>
</body>
</html>