-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpic.html
More file actions
170 lines (165 loc) · 8.12 KB
/
Copy pathpic.html
File metadata and controls
170 lines (165 loc) · 8.12 KB
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
<!--
~ Copyright (c) 2022.
-->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>关于甘城猫猫</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/pic.css" rel="stylesheet" type="text/css">
<link href="assets/img/icon.png" rel="icon">
</head>
<body>
<!--左部分-->
<div class="head">
<!--头像区域-->
<div class="headIcon"><img alt="头像" class="head" src="assets/img/headIcon.png"></div>
<div class="text-content">欢迎
<!--竖排的菜单-->
<div class="menu">
<a class="menu" href="index.html">首页</a><br>
<a class="menu" href="pic.html" style="color: #667fff">关于甘城猫猫</a><br>
<a class="menu" href="about.html">关于我</a><br>
</div>
</div>
<!--社交账户链接-->
<div class="social">
<div class="social_github"><a class="social_github" href="https://github.com/tomsteve1102"></a></div>
<div class="social_emails"><a class="social_emails" href="mailto:i@atomanother.club"></a></div>
</div>
</div>
<!--右部分-->
<div class="main">
<!--返回顶部标记-->
<div id="topAnchor"></div>
<!--网页背景-顶部-->
<div class="main_top"></div>
<!--整个主要部分的下半部分-->
<div class="main_bottom">
<div class="content">
<!--正文内容-->
<div class="content-text">
<!--正文引言-->
<div class="content-textArea" style="height: 195px">
简单介绍一下，这是我<br><img alt="" src="assets/img/header.png" style="width: 200px;left: 70%;"><br>
<div class="temp1">
<p>由于经常性被朋友和部分同学叫成猫猫,而且无论我的头像怎么换它的风格一直都是猫猫，
那就让我来好好介绍一下这个角色的画师--甘城 なつき</p>
</div>
</div>
<!--显示全文按钮-->
<script src="js/button.js"></script>
<!--显示全文按钮-->
<label>
<input class="transfer" onclick="
const t = document.getElementById('1');
button(t)
">
</label>
</div>
</div>
<!--展示全文-->
<div class="content-more" id="1" style="top:320px">
<div class="content-text">
<p>猫耳娘大爱！（吸）</p><br><br>
<p>甘城なつき画风在各种作品中也是比较独特了，特有的两个原创角色猫羽雫和なちょ猫 也是<a
href="https://www.pixiv.net/artworks/75508584">本人当前头像</a>的画师。接下来让我一一介绍她的原创角色。
</p>
<hr>
<p>首先是我最喜欢的角色，也是我所用的头像的角色——猫羽雫</p><br>
<img alt="2016年的设定图" src="assets/img/cat1/back%202016.jpg"><br>
<p>上面展示的是2016年甘城所绘的设定图，看着是不是很可爱呀。</p><br>
<p>那么在数年之后设定图有什么变化呢？</p><br>
<div class="button" style="left: 15%;">
<input
onclick="
const t =document.getElementById('2');const t2 =document.getElementById('3');t.style.display='none';t2.style.display='block'"
type="button" value="2019年版">
<input
onclick="
const t =document.getElementById('2');const t2 =document.getElementById('3');t.style.display='block';t2.style.display='none'"
type="button" value="2020年版">
</div>
<div id="2">
<img alt="" src="assets/img/cat1/75726047.png">
</div>
<div id="3" style="display: none;">
<img alt="" src="assets/img/cat1/79855781.png">
</div>
<br>
<p>喜欢的原因有很多，比如说很可爱的外形，令人安心的浅蓝色调，还有猫耳！</p><!-- 别在这发癫.jpg -->
<hr>
然后是一些其他角色<br>
<p>nacho是なちょ的罗马音，1米58的身高，生日10月11，喜欢吃，喜欢打游戏。<br>
一般作为甘城的直播形象。</p><br>
<img alt="nacho设定图" src="assets/img/cat2/back_nacho.png"><br>
<div>
<div class="button" style="left: 15%;">
<input
onclick="
const t =document.getElementById('4');const t2 =document.getElementById('5');t.style.display='block';t2.style.display='none'"
type="button" value="切换第一张">
<input
onclick="
const t =document.getElementById('4');const t2 =document.getElementById('5');t.style.display='none';t2.style.display='block'"
type="button" value="切换第二张">
</div>
<div id="4">
<img alt="" src="assets/img/cat2/76315148.png">
</div>
<div id="5" style="display: none;">
<img alt="" src="assets/img/cat2/16.png">
</div>
</div>
<br>
<hr>
接下来的角色都没有很详细的介绍了，所以就走马观花的看一下吧<br>
<div class="button_Wide">
<input onclick="
const t =document.getElementById('6');
const t2 =document.getElementById('7');
const t3=document.getElementById('8')
t.style.display='block';
t2.style.display='none'
t3.style.display='none'" type="button" value="SUI">
<input onclick="
const t =document.getElementById('6');
const t2 =document.getElementById('7');
const t3=document.getElementById('8')
t.style.display='none';
t2.style.display='block'
t3.style.display='none'" type="button" value="MATSURI">
<input onclick="
const t =document.getElementById('6');
const t2 =document.getElementById('7');
const t3=document.getElementById('8')
t.style.display='none';
t2.style.display='none'
t3.style.display='block'" type="button" value="MEINA">
</div>
<div id="6">
罗马音是sui，所以我们经常叫翠，是儒雅随和的绿猫，生日是4月21日。<br>
<img alt="SUI" src="assets/img/cat_other/74098587.png">
</div>
<div id="7" style="display: none">
是可爱的黑色异瞳猫，叫茉莉，经常画的角色，生日是7月12日。<br>
<img alt="MATSURI" class="h" src="assets/img/cat_other/91205337.png">
</div>
<div id="8" style="display: none;">
中文名是美娜，白猫<br>
<img alt="MEINA" src="assets/img/cat_other/78142015.png">
</div>
最后让我们欣赏一下甘城的歌喉吧~<br>
<div style="text-align:center;">
<video controls
src="assets/video/【猫猫歌回】甘城猫猫和甜甜圈酱也想成为大统领【可爱度极速UP(Av548816682,P1).mp4"></video>
</div>
</div>
</div>
</div>
<!--返回顶部-->
<div class="transfer"><a class="transfer" href="#topAnchor"></a></div>
</div>
</body>
</html>