Skip to content

Commit 200077b

Browse files
NatureFengNatureFeng
committed
feat: 初始化页面
1 parent 6442cda commit 200077b

File tree

6 files changed

+344
-0
lines changed

6 files changed

+344
-0
lines changed

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
Gruntfile.js
2+
package.json
3+
node_modules

‎css/index.css‎

Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
html {
2+
text-rendering: optimizeLegibility!important;
3+
-webkit-font-smoothing: antialiased!important
4+
}
5+
6+
html,body {
7+
background-color: #fff;
8+
color: #111;
9+
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
10+
}
11+
12+
header {
13+
width: 70%;
14+
margin: 20px auto;
15+
overflow: hidden;
16+
}
17+
18+
article {
19+
width: 70%;
20+
margin: 0 auto;
21+
position: relative;
22+
overflow: hidden;
23+
}
24+
25+
h1 {
26+
width: 70%;
27+
margin-top: 250px;
28+
margin-bottom: 20px;
29+
font-weight: 600;
30+
font-size: 72px;
31+
}
32+
33+
ul {
34+
list-style-type: none;
35+
}
36+
37+
header ul {
38+
float: right;
39+
}
40+
41+
header ul li {
42+
float: left;
43+
margin-left: 20px;
44+
}
45+
46+
.content {
47+
margin: 210px auto 0;
48+
overflow: hidden;
49+
}
50+
51+
.content h3 {
52+
width: 100%;
53+
line-height: 90px;
54+
font-weight: 600;
55+
font-size: 18px;
56+
text-align: left;
57+
text-decoration: none;
58+
color: #111;
59+
}
60+
61+
.content a {
62+
display: block;
63+
}
64+
65+
.content ul {
66+
width: 100%;
67+
overflow: hidden;
68+
}
69+
70+
.content li {
71+
width: 100%;
72+
height: 90px;
73+
line-height: 90px;
74+
font-weight: 600;
75+
font-size: 18px;
76+
border-top: 1px solid #eee;
77+
border-bottom: 1px solid #eee;
78+
margin-top: -1px;
79+
margin-bottom: -1px;
80+
}
81+
82+
.content span {
83+
float: left;
84+
}
85+
86+
.content p {
87+
padding-left: 40%;
88+
}
89+
90+
.animate {
91+
-webkit-animation-name: animate;
92+
animation-name: animate;
93+
-webkit-animation-duration: .9s;
94+
animation-duration: .9s;
95+
-webkit-animation-fill-mode: both;
96+
animation-fill-mode: both;
97+
-webkit-animation-delay: .9s;
98+
animation-delay: .9s;
99+
}
100+
101+
.content ul:hover a {
102+
opacity: .2
103+
}
104+
105+
.content ul:hover a:hover {
106+
opacity: 1
107+
}
108+
109+
footer {
110+
width: 70%;
111+
margin: 140px auto 0 auto;
112+
text-align: right;
113+
height: 100px;
114+
line-height: 100px;
115+
}
116+
117+
footer p {
118+
text-align: right;
119+
}
120+
121+
a{cursor: pointer;}
122+
a:link{color: #000;text-decoration: none;}
123+
a:visited{color: #000;text-decoration: none;}
124+
a:hover{color: #000;text-decoration: none;}
125+
a:active{color: #000;text-decoration: none;}
126+
127+
128+
footer{
129+
text-align: center;
130+
}
131+
132+
133+
134+
@-webkit-keyframes animate {
135+
0% {
136+
opacity: 0;
137+
-webkit-transform: translateY(-40px)
138+
}
139+
140+
100% {
141+
opacity: 1;
142+
-webkit-transform: translateY(0)
143+
}
144+
}
145+
146+
@keyframes animate {
147+
0% {
148+
opacity: 0;
149+
transform: translateY(-40px)
150+
}
151+
152+
100% {
153+
opacity: 1;
154+
transform: translateY(0)
155+
}
156+
}
157+
158+
159+
160+
161+
162+
163+
164+
165+
166+
167+
168+

‎css/reset.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
html, body, div, span, applet, object, iframe,
2+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3+
a, abbr, acronym, address, big, cite, code,
4+
del, dfn, em, img, ins, kbd, q, s, samp,
5+
small, strike, strong, sub, sup, tt, var,
6+
b, u, i, center,
7+
dl, dt, dd, ol, ul, li,
8+
fieldset, form, label, legend,
9+
table, caption, tbody, tfoot, thead, tr, th, td,
10+
article, aside, canvas, details, embed,
11+
figure, figcaption, footer, header, hgroup,
12+
main, menu, nav, output, ruby, section, summary,
13+
time, mark, audio, video {
14+
margin: 0;
15+
padding: 0;
16+
border: 0;
17+
vertical-align: baseline;
18+
}
19+
/* HTML5 display-role reset for older browsers */
20+
article, aside, details, figcaption, figure,
21+
footer, header, hgroup, main, menu, nav, section {
22+
display: block;
23+
}
24+
body {
25+
line-height: 1;
26+
}
27+
ol, ul {
28+
list-style: none;
29+
}
30+
blockquote, q {
31+
quotes: none;
32+
}
33+
blockquote:before, blockquote:after,
34+
q:before, q:after {
35+
content: '';
36+
content: none;
37+
}
38+
39+
/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
40+
a:hover, a:active {
41+
outline: none;
42+
}
43+
44+
table {
45+
border-collapse: collapse;
46+
border-spacing: 0;
47+
}

‎index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf8">
5+
<title>思存知识库</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="./css/reset.css">
8+
<link rel="stylesheet" href="./css/index.css">
9+
</head>
10+
<body>
11+
<header>
12+
<ul>
13+
<li class="animate"><a href="#">about</a></li>
14+
</ul>
15+
</header>
16+
<article>
17+
<section>
18+
<h1 class="animate">Sicun Studio </h1>
19+
<p class="animate">少想多做，知行合一</p>
20+
</section>
21+
<section class="content animate">
22+
<h3>专题</h3>
23+
<ul>
24+
<a href="./fe.html"><li><span>前端</span><p>前端，让体验更美好</p></li></a>
25+
<a href="./rd.html"><li><span>后端</span><p>逻辑，让世界更美好</p></li></a>
26+
<a href="./ui.html"><li><span>设计</span><p>设计，让生活更美好</p></li> </a>
27+
</ul>
28+
</section>
29+
</article>
30+
<footer>
31+
<p>技术，改变世界</p>
32+
</footer>
33+
<script>
34+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
35+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
36+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
37+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
38+
39+
ga('create', 'UA-65548205-1', 'auto');
40+
ga('send', 'pageview');
41+
42+
</script>
43+
</body>
44+
</html>

‎js/build/production.js‎

Whitespace-only changes.

‎js/model.js‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
var model = [
2+
{
3+
'title': '',
4+
'content': '',
5+
},
6+
{
7+
'title': '',
8+
'content': '',
9+
},
10+
{
11+
'title': '',
12+
'content': '',
13+
},
14+
{
15+
'title': '',
16+
'content': '',
17+
},
18+
{
19+
'title': '',
20+
'content': '',
21+
},
22+
{
23+
'title': '',
24+
'content': '',
25+
},
26+
{
27+
'title': '',
28+
'content': '',
29+
},
30+
{
31+
'title': '',
32+
'content': '',
33+
},
34+
{
35+
'title': '',
36+
'content': '',
37+
},
38+
{
39+
'title': '',
40+
'content': '',
41+
},
42+
{
43+
'title': '',
44+
'content': '',
45+
},
46+
{
47+
'title': '',
48+
'content': '',
49+
},
50+
{
51+
'title': '',
52+
'content': '',
53+
},
54+
{
55+
'title': '',
56+
'content': '',
57+
},
58+
{
59+
'title': '',
60+
'content': '',
61+
},
62+
{
63+
'title': '',
64+
'content': '',
65+
},
66+
{
67+
'title': '',
68+
'content': '',
69+
},
70+
{
71+
'title': '',
72+
'content': '',
73+
},
74+
{
75+
'title': '',
76+
'content': '',
77+
},
78+
{
79+
'title': '',
80+
'content': '',
81+
},
82+
];

0 commit comments

Comments
 (0)