-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathopensource.html
168 lines (139 loc) · 4.85 KB
/
opensource.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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>淺川 / 开源协议</title>
<style>
*::selection{
background-color: rgba(0, 0, 0, 0.3);
}
h1 {
font-size: 70px;
letter-spacing: 10px;
}
h2{
font-size: 40px;
letter-spacing: 2px;
}
p {
font-size: 20px;
letter-spacing: 2px;
line-height: 40px;
}
body {margin:0;}
@media screen and (max-width: 600px){
h1 {
font-size: 40px;
letter-spacing: 7px;
}
p {
font-size: 15px;
letter-spacing: 2px;
line-height: 25px;
}
h2{
font-size: 25px;
}
}
</style>
<link rel="stylesheet" href="./CSS/opensource.css">
</head>
<body>
<div class="background">
<span class="d d1"></span>
<span class="d d2"></span>
</div>
<div class="bar">
<link rel="stylesheet" type="text/css" href="./CSS/head.css">
<ul class="topbar">
<li class="bar-main"><strong><a href="javascript:void(0)">开源协议</a></strong></li>
<li><a href="./index.html">主页</a></li>
<li><a href="./creations.html">作品集</a></li>
<li><a href="https://blog.shirori-net.work/">部落格</a></li>
</ul>
</div>
<div class="whatIs containment">
<h1>什麽是開源精神？</h1>
<h2>GNU Free Software 是这么定义“自由”的：</h2>
<p>1. 出于任何目的使用该软件的自由； <br>2. 研究、修改该软件以使其实现你的目的的自由；
<br>3. 传播该软件的拷贝以使其他人受益的自由；
<br>4. 传播你所修改过的软件拷贝的自由。</p>
</div>
<div class="howTo containment">
<h2>这个网站是基于以下开源协议，<br>在参考大量开源样例以及朋友们的帮助下完成的：</h2>
<ul class="licenses">
<li><a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License 2.0</a></li>
<li><a href="https://en.wikipedia.org/wiki/MIT_License">MIT License</a></li>
<li><a href="https://www.gnu.org/licenses/gpl-3.0.html">GNU GPLv3</a></li>
</ul>
<p>这个网站，同样基于MIT License在Github上开源，并欢迎大家下载、分发与斧正w</p>
</div>
<div class="usedLinks containment">
<h2>这个网站使用了下列开源技术、案例与项目：</h2>
<ul>
<li>CSS3 FX <p style="line-height: normal;">Github.com/jolaleye/cssfx</p></li>
<li>Akari.fun <p style="line-height: normal;">Oriyukiakari.github.io</li>
<li>凑字数的 <p style="line-height: normal;">凑字数的凑字数的凑字数的</li>
</ul>
</div>
<div class="usedLinks containment">
<h2 id="aboutCreations">关于作品集中的内容...</h2>
<p><strong>除Codename: Simulator之外</strong>，您可以随意使用、下载或分发本站“作品集”中的所有内容，</p>
<p>而不必注明来源。但是，本站（以及本站的<a href="https://twitter.com/Evenin_eko" target="_blank" style="text-decoration: underline;"><em>持有者</em></a>）拥有
对作品的所属权、著作权、署名权以及最终解释权等。</p>
<p>您可以出于个人目的自由使用本站提供的任何内容。本站仅建议您在出于商业目的使用时，</p>
<p>注明作品的版权所属，并提前与本站的持有者联系。</p>
</div>
<style>
body {
background-color: #EBDFE5;
color: rgb(84, 70, 63);
}
.background {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.background span.d {
width: 30000px;
height: 30000px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -0%) rotate(-45deg);
transform-origin: 50% 0%;
display: inline-block;
background: rgba(84, 70, 63, .0295);
}
@keyframes rotate {
from {
transform: translate(-50%, -0%) rotate(-45deg);
}
to {
transform: translate(-50%, -0%) rotate(315deg);
}
}
@keyframes rotate_reverse {
from {
transform: translate(-50%, -0%) rotate(-30deg);
}
to {
transform: translate(-50%, -0%) rotate(330deg);
}
}
.background span.d1 {
transform: translate(-50%, -0%) rotate(-45deg);
animation: rotate linear 60s infinite;
}
.background span.d2 {
transform: translate(-50%, -0%) rotate(-30deg);
animation: rotate_reverse linear 75s infinite;
}
</style>
</p>
</body>
</html>