52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
{# 壁纸部分 #}
|
|
{% set wallpaper_apis =[
|
|
'https://www.loliapi.com/acg/pc/',
|
|
'https://api.sretna.cn/api/pc.php',
|
|
'https://www.api.plus/API/dongman/',
|
|
'https://moe.jitsu.top/img/?sort=pc',
|
|
'https://www.dmoe.cc/random.php',
|
|
'https://api.mtyqx.cn/tapi/random.php'] %}
|
|
{% set wallpaper = wallpaper_apis | random %}
|
|
<!--'https://api.r10086.com/樱道随机图片api接口.php?图片系列=猫娘1', -->
|
|
|
|
<head>
|
|
<link rel="preload" href="{{ wallpaper }}" as="image">
|
|
</head>
|
|
<div style="display: none;">
|
|
<p>一个致力于分享个人学习到的知识的记录形式的屑站</p>
|
|
<p>在这里，我会分享我学到的计算机知识或者记录一些自己经常碰到的问题</p>
|
|
</div>
|
|
<div id="wallpaper">
|
|
{% include 'blog/include/navbar.html' %}
|
|
<br>
|
|
<div style="text-align: center;
|
|
font-weight: bolder;
|
|
text-shadow:
|
|
3px 3px 0 rgba(0,0,0,0.2),
|
|
6px 6px 0 rgba(0,0,0,0.1);
|
|
font-size: 300%;
|
|
color: rgb(240, 248, 255);
|
|
">
|
|
<p>open-ww3-poject</p>
|
|
</div>
|
|
<div>
|
|
<p style="text-align: right; margin: 420px 0 0 0;">图片来源: <a href="{{ wallpaper }}" style="color: rgb(247, 74, 74);">{{ wallpaper }}<a></p>
|
|
</div>
|
|
<div style="text-align: center; color: rgba(255, 255, 255, 0.664); margin: -400px 0 0 0; text-shadow: 3px 3px 5px rgba(47, 79, 79, 0.7);">
|
|
<p>一个致力于分享个人学习到的知识的记录形式的屑站</p>
|
|
<p>在这里，我会分享我学到的计算机知识或者记录一些自己经常碰到的问题</p>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
#wallpaper {
|
|
margin-left: 5%;
|
|
width: 90%;
|
|
height: 640px;
|
|
background-color: #93B9FFA4;
|
|
background-image: url('{{ wallpaper }}');
|
|
background-size: 100% 100%;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
</style> |