Files
Alven-s-Personal-Website/index.html

352 lines
14 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex,nofollow" />
<title>Alven Personal Website</title>
<link rel="icon" href="./recouce/icon.ico" type="">
<link rel="stylesheet" href="./website.css">
<style>
body{
margin: 0;
}
</style>
</head>
<body style="background-color: rgb(15 23 42);">
<div class="flex"><!-- 导航栏 -->
<div style="
background-color:rgb(15 23 42);
text-align: center;
padding:1px;
margin:1% 1%;
">
<img src='./recouce/logo.png'alt="Alven Website" width="60px" height="60px">
</div>
<div style="
background-color:rgb(15 23 42);
text-align: left-side;
padding:20px;
width:100%;
">
<ul>
<li><a href="./index.html">HOME</a></li>
<li><a href="http://cloud.mcafra.top:11000/"target="_blank">聊天室</a></li>
<li><a href="http://cloud.mcafra.top:8081/#s/-bgmkBzA"target="_blank">个人网盘</a></li>
<li><a href="./liminalspace.html">阈限空间中文维基</a></li>
<li><a href="http://cloud.mcafra.top:8080/"target="_blank">班级网站</a></li>
<li><a href="http://cloud.mcafra.top:40116/"target="_blank">生成器</a></li>
<li><a href="./selectlist.html">时间轴</a></li>
</ul>
</div>
</div>
<div style="
background-image:url('./recouce/image-dimz.png');
text-align: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
width:100%;
height:30%;
"><!-- 欢迎页 -->
<br>
<div style="
background-color: #5ee6c671;
text-align: center;
font-size: auto;
box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
backdrop-filter: blur(1px);
width:80%;
height:30%;
margin:1% 4%;
"class="flex">
<h1 style="
color:#FFFAFA;
margin:5% 2%;
"><b>Alven Personal website</b></h1>
<a style="
margin: 5% 1%;
width:10%;
height:20%;
text-align:center;
"href="./selectlist.html" class="button">我的时间轴</a>
<a style="
margin: 5% 1%;
width:10%;
height:20%;
text-align:center;
"href="http://cloud.mcafra.top:25565/" class="button"target="_blank">旧网站链接</a>
<a style="
margin: 5% 1%;
width:10%;
height:20%;
text-align:center;
"href="https://tailchat-app.msgbyte.com/app-release.apk" class="button"target="_blank">聊天软件下载</a>
</div>
<div style="
background-color: #5eb4e63c;
text-align: center;
padding:1%;
font-size: auto;
margin:1% 4%;
box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
backdrop-filter: blur(1px);
height:440px;
width:80%;
border-radius:3px;
"class="grid">
<div style="
background-image:url('./recouce/Terraria.jpg');
background-repeat: no-repeat;
background-size: cover;
width:90%;
height:auto;
text-align:center;
border: 3px solid rgba(149, 133, 212, 0.901);
border-radius:6px;
">
<p style="
margin:3% 10%;
"><a href="./terraria-Reading.html">泰拉瑞亚介绍</a></p>
</div>
<div style="
background-image:url('./recouce/l4d2.png');
background-size: cover;
background-repeat: no-repeat;
width:90%;
height:auto;
text-align:center;
border-radius:6px;
border: 3px solid rgba(214, 235, 94, 0.373);
">
<p style="
margin:3% 10%;
"><a href="./l4d2-Reading.html">求生之路介绍</a></p>
</div>
<div style="
background-image:url('./recouce/serverpagkagc.png');
background-repeat: no-repeat;
background-size: cover;
border-radius:6px;
width:90%;
height:auto;
text-align:center;
border: 3px solid rgba(94, 101, 235, 0.678);
">
<p style="
margin:3% 10%;
"><a href="./server-Reading.html">SeverPakage INFO</a></p>
</div>
<div style="
border-radius:6px;
background-image:url('./recouce/minec-t.png');
background-repeat: no-repeat;
width:90%;
height:auto;
text-align:center;
background-size: cover;
border: 3px solid rgba(40, 223, 46, 0.771);
">
<p style="
margin:3% 10%;
"><a href="./shadersg-Reading.html">Minecraft教程&鉴赏</a></p>
</div>
</div>
<div class="grid2">
<div class="day">
<h1>距离生日还差:</h1>
<div style="margin:0% 30%;"id="time">
<div class="circle" style="--clr:#fff;">
<div id="days">00<br><h1>Days</h1></div>
</div>
</div>
</div>
<div class="line">
<h3 style="">网页&个人游戏进度</h3>
<div style="text-align:center;height:15%;width:80%;background-color:rgba(6, 21, 81, 0.709);margin:0% 8%;border-radius:30px;"class="groove">
<div style="height:100%;width:94%;background-color:rgba(27, 210, 251, 0.709);border-radius:30px;"class="outset">
<h4 style="margin:0% 50%;">99%</h4>
</div>
</div>
<br>
<div style="text-align:center;height:15%;width:80%;background-color:rgba(6, 21, 81, 0.709);margin:0% 8%;border-radius:30px;"class="groove">
<div style="height:100%;width:20%;background-color:rgba(247, 251, 27, 0.709);border-radius:30px;"class="outset">
<h4 style="margin:0% 50%;">10%</h4>
</div>
</div>
</div>
<div class="mus">
<br>
<br>
Comfort Chain [Music]
<br>
<br>
<audio id="audioPlayer" controls>
<source src="./project/Comfort Chain [AWPM].MP3" type="audio/mpeg">
</audio>
</div>
</div>
<br>
</div>
<div style="
background-color: rgb(15 23 42);
text-align: left-side;
padding: 2%;
font-size: auto;
"class="flex"><!-- 标签 -->
<a href="https://cn.bing.com/?form=REDIRERR" class="button" target="_blank">Edge搜索</a>
<a href="./selectlist.html" class="button">默认分类</a>
<a href="./shadersg-Reading.html" class="button">资源和教程</a>
<a href="https://afdian.com/a/darkpixelfantasy">爱发电</a>
<a href="./recommand.html">资源主页</a>
</div>
<div style="
background-color:rgb(15 23 42);
text-align: center;
padding: 1%;
font-size: auto;
box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
backdrop-filter: blur(5px);
"><!-- 自我介绍 -->
<div class="grid3">
<div class="pic"></div>
<div class="board">
<div class="board-top">公告栏</div>
<div class="between">
<p>1.我的新整合包--机械工程师-起源。即将发布,等待任务线制成。<p>
<p>2.目前本站正在翻新中继2.0版本——移植更新之后,处于停更阶段,现在正式开始维护网站,添加新内容和样式.</p>
<p>3.阈限空间维基站正在移植并改造资源站正在编写新布局3.0正在维护。</p>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<div>
<h1 style="color:#FFFAFA;"> Alven Personal Website </h1>
<h3 style="color:#1aa0df;"> Alven的小空间 </h3>
<p style="color:#1aa0df;"> 关于此网站: </p>
<b style="color:#C1FFC1";> 我是一个勤学苦练的人我学过C++和网页同时是Dark Pixel Fantasy 材质包和 Strangely Journey 的开发者 </b>
<p style="color:#ADD8E6";> 拥有自己的博客网页和云服务器,所有资料都设在自己的网盘上,如果需要资源只需要告诉我,我就会分享给你 </p>
</div>
</div>
<div style="
background-color: rgb(23, 36, 68);
text-align: center;
padding: 1%;
font-size: 10px;
border-color:#070f26;
"> <!-- 信息 -->
<hr></hr>
<br>
<img style="border-radius:10px;"src='./project/head2.jpg'alt="Alven Website" width="60px" height="60px">
<h1>Alven Personal website</h1>
<h2>Alven的小空间</h2>
<h2>文章数17个</h2>
<a href="./selectlist.html">文章时间轴</a>
<a href="./page1-Reading.html">开山之作</a>
<br>
<br>
<hr></hr>
</div>
<div style="
background-color: rgb(23, 36, 68);
text-align: left-side;
padding: 2%;
font-size:auto;"> <!-- 序言 -->
<h2>心绪语录(记于2024年9月我比较心情低落的时刻)</h2>
<!-- 音乐播放器实装 -->
<article>
<br>
<img src='./recouce/pi.png'alt="Water POOL" width="40%" height="30%">
<tt style="color:#FFFAFA;">一日的忙碌奔波,要完成这个,要完成那个,坐在座位上想歇一会,仍旧,老师的声音传来,今天要写卷子。又急急忙忙的去忙别的了。
回到家后,拖着疲惫的身体赶回家,心中挂念着自己还没完成的功课,作业,和自己喜欢干的事情。 可是事情没有按照预想中的发展由于一天的疲倦已经没法思考了在昏沉中渐渐刷手机消磨时光。回过神便是一天已经快要结束了自己就赶忙完成作业没完成的就明天写不甘的心情疲惫的身体躺在床上心想明天早上该准备什么时间有限赶紧睡觉早上五点起来被闹铃吵醒又睡了过去转眼间再醒来就是六点了抓紧时间坐在椅子上手还没硬写字扭扭捏捏写都写不好着急。急忙写完作业半睡半醒地去上学到了学校已经说不出来声音了带着书包回应了几声同学就开始准备今天要交的作业顺便把昨天认为有点问题的题目再看看改改交完作业也就快上课了。准备好工具复习好知识就开始上课下完第一节课就去抱作业给老师背课文记作业写作业复习预习上厕所所有事情在10分钟内干完。</tt>
<br>
<br>
<tt style="color:#FFFAFA;">何时才能安静下来,独自面对自己呢?………<br>
何时,何地,何故?<br>
这是我要问的所有问题,有些高深,但不是难以解答·<br>
无论如何,当想要自我审视的时候,总是被烦杂之事打断。当坐在电脑桌前的时候却又静不下心来,长此以往,永远没有安静下来的时候。想写这个嘛?不知道……<br>
如此深奥的思想不知是从何而来,回顾过去,曾经无数次想要写这个文章却无从下手。
我曾幻想拥有这样一个空间,深奥难懂,后现代主义的风格,就像艺术一样的美丽世界。这里没有人群,没有任务,没有否定,没有灰尘,只有美好的事物,也许一个白色的墙壁,一个平静的水面,一个蓝色的天空,抑或是无穷无尽的卧室也会让我流连忘返。或许会孤独,会寂寞,但却会是我所见过的最美丽的事物。
在这里,当你想要独自一人沉思,仰望天空,眺望远处的森林,不用担心时间是否会逝去,凝望晚霞,永远停留在这一刻。想呆多久就呆多久。无论何时何地,当我遇到不如意的事情的时候,就想到这个地方。这个景象给我宁静让我懂得生命的意义。
恐怖吗,一点不恐怖,就像是面对满天星辰,遥远的太空一样会让人心生恐惧,但永远不缺乏人们对他们的热爱和赞许。有人会觉得阈限空间太恐怖了,太阴暗了,真的是这样吗。在我的印象里,这便是永久的天堂,温暖的泳池水在流淌,阳光洒落在蓝瓷砖上,显出耀眼的光芒,无边无际的房间和墙壁,圆柱随处可见,波光粼粼,不知是哪来的风吹拂过人们的脸颊,躺在这里,享受崇高,或许其他种类的阈限空间并不完美,有的在无尽的阴暗的湿润的楼梯上走动,有的悬浮在万里高空,但是给我带来梦境的享受</tt>
<br>
<br>
<tt style="color:#FFFAFA;">
多么想要有这样的世界,希望不代表存在,每个人或许都想要在自己的梦境里,<b>永远沉睡,也许是吧……… 你觉得呢</b>
</tt>
<img src='./project/1194B13CE765A395ABE188B4906A59CA.jpg'alt="Forest" width="40%" height="30%">
<br>
<br>
<tt style="color:#FFFAFA;"><b>忙碌中,人群熙攘,是这样吧,身心疲惫,心力交瘁,无法自拔,谁不希望休息会呢?
<br>
<br>
<tt style="color:#FFFAFA;">或许我并没有这么想,但一定要认识到,这是我的真心话,我思想中的一部分
一切归咎于我自己,我并不想要怪罪于任何人。</tt>
内心感想交错万千,有许多希望说的……</b></tt>
<br>
<br>
<tt style="color:#FFFAFA;">我本人很喜欢后室的设定,全新的世界观,作为阈限空间的一员,我非常喜欢借鉴。</tt><br>
<tt style="color:#FFFAFA;"><b>这个空间里头,充满无限可能,空荡的宇宙弥漫着悠扬婉转的琴弦音,<br>
听、就在这了;听、多么广阔,空灵,神圣。</b><br>
我不期望别人如何了解我,认识我,只是希望别人能够善待我。
谁知道从今以后会有任何人了解我的感受,称赞我对阈限空间的评价。、
<br>
也许,万年以后,我能够成为圣人,或许是另一个时空的事情了。
<br>
<br>
神圣,在这个神圣的空间里头,后室的设定却没有尽如人意。
奇怪的怪物,奇怪的机制,危害性的环境,阴暗的空间,并不是阈限空间的本色。
我觉得这种空间应该留给人们思考,畅想,应该漫步其中,感受其中的乐趣。</tt>
<br><br> <tt style="color:#FFFAFA;"><b>无能为力了,我现在感觉很绝望
<br>
内心情绪压抑许久,许多想法和生活状态压缩其中,想要展开却并不容易,如此说来,就只有这点内容了。
<br>
埋藏在记忆深处的情感一定要慢慢挖掘,现在正在撬开巨石,展开心扉,畅谈人生……</b></tt>
</article>
</div>
<div style="
background-color: rgb(23, 36, 68);
font-size:14px;
text-align: center;
"><!-- 尾部 -->
<h3 style="color:#1aa0df;">Dark Pixel Fantasy net</h3>
<a href="http://cloud.mcafra.top:3000/" target="_blank"> 阈限空间维基百科</a>
<a href="http://cloud.mcafra.top:8080/" target="_blank"> 班级网站</a>
<a href="./other-Reading .html" target="_blank">旧版残留</a>
</div>
<div style="
background-color:rgb(23, 36, 68);
text-align: center;
padding: 1%;
font-size: 10px;
"><!-- 版权声明 -->
<p style="color:#30a3d8;">© 2025 Alven Personal website. All Rights Reserved. Powered by YuYun</p>
</div>
<script src="./script.js"></script>
</body>
</html>