This commit is contained in:
parent
3b79959275
commit
79f264d4a3
SSH Key Fingerprint:
SHA256:V1KdsvGUpiKVfrJo1oHrAPnc/Z6k/6xgaZN7iTbYBl4
46
.github/workflows/ci.yaml
vendored
46
.github/workflows/ci.yaml
vendored
@ -3,32 +3,30 @@ on: [push, pull_request, workflow_dispatch]
|
||||
name: CI
|
||||
jobs:
|
||||
deploy:
|
||||
name: Deploy
|
||||
name: CI
|
||||
runs-on: ubuntu-latest
|
||||
env:
|
||||
DEPLOY_SERVER: copy.lty.name
|
||||
GIT_SERVER: devops.lty.name
|
||||
DEPLOY_USER: web-deploy
|
||||
DEPLOY_SERVER: lty.name
|
||||
DEPLOY_SERVER_KEY: ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIBKn1tARbrf+klrF31iN1Q0otmL1AvDDI87kC7HLo5ix
|
||||
DEPLOY_SOURCE: dist
|
||||
DEPLOY_TARGET: homepage
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: true
|
||||
lfs: true
|
||||
# - uses: actions/setup-python@v5
|
||||
# with:
|
||||
# python-version: '3.12'
|
||||
# - name: Install dependencies & Build
|
||||
# run: |
|
||||
# pip install pdm==2.20.1
|
||||
# pdm install
|
||||
# pdm start
|
||||
# - if: github.ref == 'refs/heads/main' || github.event_name == 'workflow_dispatch'
|
||||
# name: Deploy to the web server
|
||||
# run: |
|
||||
# mkdir -p "${HOME}/.ssh"
|
||||
# echo "${DEPLOY_SSH_KEY}" | base64 -d > "${HOME}/.ssh/id_ed25519"
|
||||
# chmod 600 "${HOME}/.ssh/id_ed25519"
|
||||
# echo "${DEPLOY_SERVER} ${DEPLOY_SERVER_KEY}" > "${HOME}/.ssh/known_hosts"
|
||||
# rsync -avz --delete ./dist/ "${DEPLOY_TARGET}:~/${DEPLOY_TARGET}/"
|
||||
# env:
|
||||
# DEPLOY_SSH_KEY: ${{ secrets.DEPLOY_SSH_KEY }}
|
||||
- name: build
|
||||
run: |
|
||||
git clone https://${{ github.token }}@${{ env.GIT_SERVER }}/${{ github.repository }} $(pwd)
|
||||
git lfs install
|
||||
git lfs pull
|
||||
pip install --break-system-package pdm==2.20.1
|
||||
pdm config check_update false
|
||||
pdm install
|
||||
pdm start
|
||||
- name: deploy
|
||||
if: github.ref == 'refs/heads/main' || github.event_name == 'workflow_dispatch'
|
||||
run: |
|
||||
apt update && apt install -y rsync
|
||||
mkdir -p ~/.ssh && touch ~/.ssh/id_ed25519 && chmod 600 ~/.ssh/id_ed25519
|
||||
echo ${{ secrets.DEPLOY_SSH_KEY }} | base64 -d > ~/.ssh/id_ed25519
|
||||
echo ${{ env.DEPLOY_SERVER }} ${{ env.DEPLOY_SERVER_KEY }} > ~/.ssh/known_hosts
|
||||
rsync -avz --delete ./${{ env.DEPLOY_SOURCE || 'none' }}/ ${{ env.DEPLOY_USER }}@${{ env.DEPLOY_SERVER }}:web/${{ env.DEPLOY_TARGET || 'none' }}/
|
||||
|
||||
17
data/home.yaml
Normal file
17
data/home.yaml
Normal file
@ -0,0 +1,17 @@
|
||||
title: Tianyi CodeLab
|
||||
headline: Welcome to Tianyi CodeLab
|
||||
links:
|
||||
- text: AI 聊天室<br>ChatAI
|
||||
link: https://ai.lty.name/
|
||||
- text: 云音乐<br>Music
|
||||
link: https://music.lty.name/
|
||||
- text: 资源下载<br>Download
|
||||
link: https://dl.lty.name/
|
||||
- text: 开源中心<br>DevOps
|
||||
link: https://devops.lty.name/
|
||||
- text: 链上镌刻<br>Inscription
|
||||
link: /inscription/profile
|
||||
footer: |
|
||||
© 2025 Tianyi CodeLab 在 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" rel="license" target="_blank">CC BY-NC-SA 4.0</a> 协议下提供 | 电子邮箱：<a href="mailto:me@lty.name">me@lty.name</a>
|
||||
<br>
|
||||
本站不面向欧盟用户提供服务。根据相关法律法规要求，我们可能收集您的 IP 地址和浏览器信息。「Vsinger」及「洛天依」是上海禾念科技有限公司的注册商标。图片按原利用规约提供，来源信息如下: 背景图片 101300012 (pixiv) by 菊花猹, 102153120 (pixiv) by 天姫神織, 101019411 (pixiv) by Ben_SY, 75554096 (pixiv) by TID, 「无题—创作欲」曲绘 by Cyarhy from twitter @cyarhy, 洛天依AI模型，洛天依公式服 by 上海禾念。
|
||||
90
data/inscription/faq.yaml
Normal file
90
data/inscription/faq.yaml
Normal file
@ -0,0 +1,90 @@
|
||||
faq:
|
||||
- question: 反诈提示
|
||||
alert: true
|
||||
answer: |
|
||||
警告：lty.name 不是「洛天依」官方创建的网站，与「洛天依」的版权持有者「上海禾念」无关。本站系「洛天依」爱好者创建的公益性质网站，旨在使用区块链及其他去中心化网络技术，保存对「洛天依」重要的文本资料和其他信息。
|
||||
|
||||
lty.name 不会以任何方式、任何名义（包括但不限于保证金、手续费、初始费、友情赞助、自愿捐赠、成本价、会员费等），要求您支出任何形式的货币或财产（无论是法定货币还是加密货币）。请务必提高警惕，防范诈骗。
|
||||
|
||||
<code>luotianyi.eth</code> 和 <code>0x66CCffDE4E5941aD0593adE6e6Fe23e8CE1550C6</code> 是专用于「」的地址。请勿向该地址转入任何形式的 ETH 链上货币，任何要求您这样做的都是诈骗。由于加密货币的匿名性，我们无法追踪和返还您的资产。
|
||||
|
||||
|
||||
- question: 什么是「链上镌刻」和区块链刻字？
|
||||
answer: |
|
||||
简单的说，区块链刻字（Blockchain Inscription）就是把文字信息保存在区块链上。这种技术有两种特性：
|
||||
|
||||
<b>永久性：</b>由于区块链具有不可篡改的特性，镌刻的内容一旦写入，就会永久存在于区块链上，并有由每一个「区块链节点」保存。
|
||||
|
||||
<b>公开性：</b>区块链的节点、数据、记录都是公开的，任何人都能轻松地访问、查看这些信息。
|
||||
|
||||
「链上镌刻 — 永不停止的歌声」是 Tianyi CodeLab 提供的「区块链刻字」服务名称。正如项目名称「<a href="https://www.bilibili.com/video/av414762" target="_blank" rel="noreferrer">永不停止的歌声</a>」所寓意的一样，我们希望将与洛天依有关的点点滴滴永久保存在区块链上，让这些信息永远不消失。
|
||||
|
||||
|
||||
- question: Tianyi CodeLab 使用什么技术进行「链上镌刻」？
|
||||
answer: |
|
||||
Tianyi CodeLab 在「以太坊 (Ethereum)」链上进行区块链刻字（Blockchain Inscription）。
|
||||
|
||||
与其他商业区块链刻字项目不同的是，Tianyi CodeLab 使用 <a href="https://app.ens.domains/luotianyi.eth?tab=records" target="_blank">ENS 记录</a> 进行「链上镌刻」，而非使用「交易记录」。
|
||||
|
||||
相比其他技术，使用 ENS 记录成本更高，但是在 <a href="https://etherscan.io/" target="_blank">Etherscan</a> 上可以直接解码为文字，而不需要手动计算编解码，因此更加直观、简便。
|
||||
|
||||
|
||||
- question: 区块链刻字成本如何？Tianyi CodeLab 进行「链上镌刻」有什么收费？
|
||||
answer: |
|
||||
<b>首先明确的是，Tianyi CodeLab 不会以任何方式、任何名义要求您支付任何形式的费用。区块链市场参与者鱼龙混杂，请务必提高警惕，防范诈骗。</b>
|
||||
|
||||
区块链刻字成本较高，一般在 10 到 30 美元之间。虽然「以太坊」本身对「区块链刻字」本身不收费，但是由于向区块链写入数据需要支付「燃气费（Gas Fee）」，因此需要一定的成本支出。
|
||||
|
||||
在 Tianyi CodeLab，我们不会向用户收取任何费用。「链上镌刻」的成本由 Tianyi CodeLab 自行承担。若您的「链上镌刻」请求不符合要求，我们会拒绝或建议您修改，且永远不会因此向您收取任何费用。
|
||||
|
||||
|
||||
- question: 「链上镌刻」可以镌刻哪些内容？
|
||||
answer: |
|
||||
我们鼓励您镌刻任何与「洛天依」有关的内容。包括但不限于：
|
||||
|
||||
<ul>
|
||||
<li>与「洛天依」有关百科、资料、新闻等</li>
|
||||
<li>对「洛天依」的祝福、想说的话或「小作文」</li>
|
||||
<li>「洛天依」所演唱歌曲的的歌词</li>
|
||||
<li>同人小说作品的选段（请注意获得授权）</li>
|
||||
</ul>
|
||||
|
||||
但是，我们也对内容存在一定的限制，以下内容将不会被接受：
|
||||
<ul>
|
||||
<li>任何违反您所在国家法律，或中国大陆法律，或美国法律的内容</li>
|
||||
<li>包含他人个人信息的内容；尽管您可以镌刻您自己的个人信息，但我们建议您审慎考虑</li>
|
||||
<li>包含侮辱、诽谤、挑衅、煽动、仇恨、极端主义等不当内容，包括对特定虚拟角色的攻击或争议内容</li>
|
||||
<li>NSFW 内容，包括暴力、赌博、恐怖、儿童色情、药物滥用等</li>
|
||||
<li>其他我们认为不适宜或对「洛天依」的形象造成负面影响的内容</li>
|
||||
</ul>
|
||||
|
||||
由于区块链刻字成本高昂，我们不建议您镌刻大段内容。文本长度应以 100～250 字节为宜（采用 UTF-8 编码）。您可以使用一下规则进行简单但不准确的估算：
|
||||
<ul>
|
||||
<li>英文字符：1 字节</li>
|
||||
<li>中文、日文、韩文字符：3 字节</li>
|
||||
<li>Emoji 表情：4 字节</li>
|
||||
</ul>
|
||||
|
||||
由于技术限制，无法镌刻图片、视频、音频等非文本内容。
|
||||
|
||||
|
||||
- question: 如何使用 Tainyi CodeLab「链上镌刻」服务？
|
||||
answer: |
|
||||
请将您想要镌刻的内容发送至 <a href="mailto:me@lty.name">me@lty.name</a>，并在邮件中包含以下内容：
|
||||
|
||||
<ul>
|
||||
<li>您需要进行「链上镌刻」内容</li>
|
||||
<li>您的昵称或署名（可选）</li>
|
||||
<li>您的联系方式（用于 Tainyi CodeLab 与您联系，不会公开）</li>
|
||||
</ul>
|
||||
|
||||
您的镌刻请求将会被我们人工审核。根据上述的内容策略和当前的 Gas Fee 价格，我们可能会建议您修改或删减内容，或拒绝您的请求。
|
||||
|
||||
一旦您的「链上镌刻」请求审核通过后，将择日安排「链上镌刻」操作。目前操作亦由人工完成，完成后您将收到包含本次「链上镌刻」详细信息的通知。
|
||||
|
||||
|
||||
- question: 「链上镌刻」的内容是公开的吗？我可以修改或删除「链上镌刻」内容吗？
|
||||
answer: |
|
||||
由于区块链的透明性，任何写入区块链的数据都是完全公开、可被任何人访问和查看的，自然也包括「链上镌刻」的内容。您可以在 <a href="https://app.ens.domains/luotianyi.eth?tab=records" target="_blank">ENS 记录</a> 或 <a href="https://etherscan.io/address/0x66CCffDE4E5941aD0593adE6e6Fe23e8CE1550C6" target="_blank">Etherscan</a> 上查看 Tainyi CodeLab 过往的「链上镌刻」历史。
|
||||
|
||||
请注意，由于区块链的特性，「链上镌刻」内容一旦写入，就无法修改或删除。我们建议您在镌刻前仔细检查内容，确保没有错误或不当内容。
|
||||
70
html/home.html
Normal file
70
html/home.html
Normal file
@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp">
|
||||
<meta name="google" content="notranslate">
|
||||
<title>{{ title }}</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
<link rel="icon" href="favicon.ico">
|
||||
</head>
|
||||
<body style="background-image: url('assets/bg.webp');">
|
||||
<div class="container">
|
||||
<div class="box">
|
||||
<header>
|
||||
<h1>{{ headline | safe }}</h1>
|
||||
</header>
|
||||
<div class="square-container">
|
||||
<a class="square square-multiline square-blue-1" style="grid-row: 1; grid-column: 1" data-index="l1c1" href="{{ links[0].link if links[0] else '#' }}" {{ 'target="_blank"' if links[0] else '' }}>
|
||||
{{ (links[0].text | safe) if links[0] else "<!-- link[0] -->" }}
|
||||
</a>
|
||||
<div class="square square-blue-2" style="grid-row: 2; grid-column: 2; z-index: -1"></div>
|
||||
<div class="square square-img" style="grid-row: 4; grid-column: 2; background: url('assets/sq2.webp')"></div>
|
||||
<a class="square square-multiline square-blue-3" style="grid-row: 2; grid-column: 3" data-index="l2c1" href="{{ links[1].link if links[1] else '#' }}" {{ 'target="_blank"' if links[1] else '' }}>
|
||||
{{ (links[1].text | safe) if links[1] else "<!-- link[1] -->" }}
|
||||
</a>
|
||||
<a class="square square-multiline square-blue-2" style="grid-row: 4; grid-column: 4" data-index="l4c1" href="{{ links[2].link if links[2] else '#' }}" {{ 'target="_blank"' if links[2] else '' }}>
|
||||
{{ (links[2].text | safe) if links[2] else "<!-- link[2] -->" }}
|
||||
</a>
|
||||
<div class="square square-img" style="grid-row: 1; grid-column: 5; background: url('assets/sq3.webp')"></div>
|
||||
<div class="square square-blue-1" style="grid-row: 3; grid-column: 5; z-index: -1"></div>
|
||||
<div class="square square-blue-3" style="grid-row: 5; grid-column: 5; z-index: -1"></div>
|
||||
<div class="square square-img" style="grid-row: 3; grid-column: 6; background: url('assets/sq1.webp')"></div>
|
||||
<a class="square square-multiline square-blue-1" style="grid-row: 5; grid-column: 6" data-index="l5c1" href="{{ links[3].link if links[3] else '#' }}" {{ 'target="_blank"' if links[3] else '' }}>
|
||||
{{ (links[3].text | safe) if links[3] else "<!-- link[3] -->" }}
|
||||
</a>
|
||||
<div class="square square-img" style="grid-row: 7; grid-column: 6; background: url('assets/sq5.webp')"></div>
|
||||
<a class="square square-multiline square-blue-1" style="grid-row: 1; grid-column: 7" data-index="l1c2" href="{{ links[4].link if links[4] else '#' }}" {{ 'target="_blank"' if links[4] else '' }}>
|
||||
{{ (links[4].text | safe) if links[4] else "<!-- link[4] -->" }}
|
||||
</a>
|
||||
<a class="square square-multiline square-blue-2" style="grid-row: 3; grid-column: 8" data-index="l3c1" href="{{ links[5].link if links[5] else '#' }}" {{ 'target="_blank"' if links[5] else '' }}>
|
||||
{{ (links[5].text | safe) if links[5] else "<!-- link[5] -->" }}
|
||||
</a>
|
||||
<div class="square square-img" style="grid-row: 5; grid-column: 8; background: url('assets/sq4.webp')"></div>
|
||||
<a class="square square-multiline square-blue-3" style="grid-row: 7; grid-column: 8" data-index="l6c1" href="{{ links[6].link if links[6] else '#' }}" {{ 'target="_blank"' if links[6] else '' }}>
|
||||
{{ (links[6].text | safe) if links[6] else "<!-- link[6] -->" }}
|
||||
</a>
|
||||
<a class="square square-multiline square-blue-1" style="grid-row: 3; grid-column: 10;" data-index="l3c2" href="{{ links[7].link if links[7] else '#' }}" {{ 'target="_blank"' if links[7] else '' }}>
|
||||
{{ (links[7].text | safe) if links[7] else "<!-- link[7] -->" }}
|
||||
</a>
|
||||
<a class="square square-multiline square-blue-3" style="grid-row: 5; grid-column: 10;" data-index="l5c2" href="{{ links[8].link if links[8] else '#' }}" {{ 'target="_blank"' if links[8] else '' }}>
|
||||
{{ (links[8].text | safe) if links[8] else "<!-- link[8] -->" }}
|
||||
</a>
|
||||
<div class="square square-img" style="grid-row: 7; grid-column: 10; background: url('assets/sq6.webp')"></div>
|
||||
<a class="square square-multiline square-blue-1" style="grid-row: 5; grid-column: 12" data-index="l5c3" href="{{ links[9].link if links[9] else '#' }}" {{ 'target="_blank"' if links[9] else '' }}>
|
||||
{{ (links[9].text | safe) if links[9] else "<!-- link[9] -->" }}
|
||||
</a>
|
||||
<div class="square square-blue-3" style="grid-row: 6; grid-column: 11; z-index: -2"></div>
|
||||
<div class="square square-blue-2" style="grid-row: 6; grid-column: 12; z-index: -3"></div>
|
||||
<div class="square square-blue-1" style="grid-row: 7; grid-column: 11; z-index: -3"></div>
|
||||
<footer style="grid-row: 9 / span 7; grid-column: span 12;">
|
||||
{{ footer | safe }}
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
120
html/inscription/faq.html
Normal file
120
html/inscription/faq.html
Normal file
@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-Hans">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>「永不停止的歌声」— 链上镌刻 | Luo Tianyi CodeLab</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
background-color: #f9f9f9;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
nav h2 {
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: .5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.faq-container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.faq-item {
|
||||
background-color: #fff;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.faq-question {
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.faq-question:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.faq-answer {
|
||||
padding: 1.2rem;
|
||||
margin: 0;
|
||||
display: none;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.faq-icon {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.faq-icon img {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.faq-item.open .faq-answer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.faq-item.open .faq-icon {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.faq-container > a {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
color: #3b82f6;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #66ccff;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="faq-container">
|
||||
<nav>
|
||||
<h1>链上镌刻 —「永不停止的歌声」</h1>
|
||||
<h2>常见问题解答 · FAQ</h2>
|
||||
</nav>
|
||||
{% for item in faq %}
|
||||
<div class="faq-item {{ 'open' if item.alert else '' }}">
|
||||
<div class="faq-question" {{ 'style="color: red;"' if item.alert else '' }}>
|
||||
<span>{{ item.question }}</span>
|
||||
<span class="faq-icon"><img src="/assets/icon/bx-chevron-right.svg" alt="Expand"></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
{{ item.answer | replace('\n\n', '<br><br>') | safe }}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<a href="/">返回首页</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.faq-question').forEach(question => {
|
||||
question.addEventListener('click', () => {
|
||||
const item = question.parentElement;
|
||||
item.classList.toggle('open');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
221
html/inscription/profile.html
Normal file
221
html/inscription/profile.html
Normal file
@ -0,0 +1,221 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-Hans">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="Cache-Control" content="no-siteapp">
|
||||
<title>Profile on Blockchain | Luo Tianyi CodeLab</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
|
||||
background-color: #f0f4ff;
|
||||
margin: 0 50px;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 50px;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 60px;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
min-width: 600px;
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
body {
|
||||
margin: 0;
|
||||
min-width: 600px;
|
||||
padding: 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
svg path {
|
||||
fill: #555;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3b82f6;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #3b82f6;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
a.button {
|
||||
display: inline-block;
|
||||
padding: 0.5rem 1rem;
|
||||
background: #66ccff;
|
||||
color: white;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.button:hover {
|
||||
background: #3b82f6;
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: white;
|
||||
width: 600px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.card-profile-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.card-profile-header img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.card-profile-header div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.card-profile-header h1 {
|
||||
font-size: 1.8rem;
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.card-profile-header span {
|
||||
font-size: 1rem;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.card-profile-desc {
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
.card-profile-desc p {
|
||||
margin: 10px 0;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.card-profile-props {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.card-profile-props .card-profile-props-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: left;
|
||||
margin-bottom: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.card-profile-props .card-profile-props-item img {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
margin-right: .1rem;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.card-profile-props .card-profile-props-item a {
|
||||
margin-top: .5rem;
|
||||
padding: .5rem 1rem;
|
||||
background: #f5f5f5;
|
||||
border-radius: 5px;
|
||||
color: #555;
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.card-profile-props .card-profile-props-item a:hover {
|
||||
background: #e8e8e8;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.inscription {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inscription a {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="card-profile-header">
|
||||
<img src="/assets/profile-avatar.webp" alt="Profile Avatar">
|
||||
<div>
|
||||
<h1>Luo Tianyi</h1>
|
||||
<span>luotianyi.eth</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-profile-desc">
|
||||
<p>华风夏韵·洛水天依 | 世界首位中文 VOCALOID 虚拟歌手，生日 2012 年 7 月 12 日，代表色 66CCFF。</p>
|
||||
<p>性格内向安静，感性细腻。拥有「共鸣」的特殊能力，能够感受并且读出人类所藏的「心中的歌声」。</p>
|
||||
</div>
|
||||
<div class="card-profile-props">
|
||||
<div class="card-profile-props-item">
|
||||
<span>
|
||||
<img src="/assets/icon/bx-globe.svg" alt="位置图标">
|
||||
位置
|
||||
</span>
|
||||
<a href="/assets/VOCALOID_CHINA_ART_COLLECTIONS.pdf" target="_blank">
|
||||
瓦纳海姆
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-profile-props-item">
|
||||
<span>
|
||||
<img src="/assets/icon/bx-envelope.svg" alt="邮箱图标">
|
||||
电子邮箱
|
||||
</span>
|
||||
<a href="mailto:me@lty.name" target="_blank">
|
||||
me@lty.me
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-profile-props-item">
|
||||
<span>
|
||||
<img src="/assets/icon/bx-link-alt.svg" alt="链接图标">
|
||||
网页
|
||||
</span>
|
||||
<a href="https://lty.name/" target="_blank">
|
||||
lty.name
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-profile-props-item">
|
||||
<span>
|
||||
<img src="/assets/icon/bx-link-alt.svg" alt="链接图标">
|
||||
网页
|
||||
</span>
|
||||
<a href="https://luotianyi.eth.limo" target="_blank">
|
||||
luotianyi.eth.limo
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-profile-props-item">
|
||||
<span>
|
||||
<img src="/assets/icon/bx-wallet-alt.svg" alt="钱包地址图标">
|
||||
地址
|
||||
</span>
|
||||
<a href="https://app.ens.domains/luotianyi.eth" target="_blank">
|
||||
0x66CCffDE4E5941aD0593adE6e6Fe23e8CE1550C6
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inscription">
|
||||
<a href="faq" class="button">链上刻字 —「永不停止的歌声」FAQ</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
images/bg.jpg
(Stored with Git LFS)
Normal file
BIN
images/bg.jpg
(Stored with Git LFS)
Normal file
Binary file not shown.
1
images/icon/bx-chevron-right.svg
Normal file
1
images/icon/bx-chevron-right.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"/></svg>
|
||||
|
After Width: | Height: | Size: 174 B |
4
images/icon/bx-envelope.svg
Normal file
4
images/icon/bx-envelope.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path fill="#555"
|
||||
d="M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 2v.511l-8 6.223-8-6.222V6h16zM4 18V9.044l7.386 5.745a.994.994 0 0 0 1.228 0L20 9.044 20.002 18H4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 319 B |
4
images/icon/bx-globe.svg
Normal file
4
images/icon/bx-globe.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path fill="#555"
|
||||
d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 784 B |
5
images/icon/bx-link-alt.svg
Normal file
5
images/icon/bx-link-alt.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path fill="#555"
|
||||
d="M4.222 19.778a4.983 4.983 0 0 0 3.535 1.462 4.986 4.986 0 0 0 3.536-1.462l2.828-2.829-1.414-1.414-2.828 2.829a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.829-2.828-1.414-1.414-2.829 2.828a5.006 5.006 0 0 0 0 7.071zm15.556-8.485a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0L9.879 7.051l1.414 1.414 2.828-2.829a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.829 2.828 1.414 1.414 2.829-2.828z"/>
|
||||
<path fill="#555" d="m8.464 16.95-1.415-1.414 8.487-8.486 1.414 1.415z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 620 B |
4
images/icon/bx-wallet-alt.svg
Normal file
4
images/icon/bx-wallet-alt.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path fill="#555"
|
||||
d="M20 3H5C3.346 3 2 4.346 2 6v12c0 1.654 1.346 3 3 3h15c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM5 19c-.552 0-1-.449-1-1V6c0-.551.448-1 1-1h15v3h-6c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h6.001v3H5zm15-9v4h-6v-4h6z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 339 B |
BIN
images/profile-avatar.webp
(Stored with Git LFS)
Normal file
BIN
images/profile-avatar.webp
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
images/sq1.png
(Stored with Git LFS)
Normal file
BIN
images/sq1.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
images/sq2.png
(Stored with Git LFS)
Normal file
BIN
images/sq2.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
images/sq3.png
(Stored with Git LFS)
Normal file
BIN
images/sq3.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
images/sq4.png
(Stored with Git LFS)
Normal file
BIN
images/sq4.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
images/sq5.png
(Stored with Git LFS)
Normal file
BIN
images/sq5.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
images/sq6.png
(Stored with Git LFS)
Normal file
BIN
images/sq6.png
(Stored with Git LFS)
Normal file
Binary file not shown.
BIN
public/assets/VOCALOID_CHINA_ART_COLLECTIONS.pdf
(Stored with Git LFS)
Normal file
BIN
public/assets/VOCALOID_CHINA_ART_COLLECTIONS.pdf
(Stored with Git LFS)
Normal file
Binary file not shown.
134
public/assets/style.css
Normal file
134
public/assets/style.css
Normal file
@ -0,0 +1,134 @@
|
||||
html {
|
||||
min-width: 900px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", Helvetica, Arial, sans-serif;;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 80% top;
|
||||
background-size: cover;
|
||||
background-color: #071017;
|
||||
min-width: 900px;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 840px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 840px;
|
||||
margin: auto;
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.box header {
|
||||
min-height: 100px;
|
||||
width: 100%;
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
background-color: rgba(102, 204, 255);
|
||||
}
|
||||
|
||||
.box h1 {
|
||||
font-size: 2em;
|
||||
font-weight: 400;
|
||||
margin: 0 2rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.square-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 50px);
|
||||
grid-auto-rows: 50px;
|
||||
}
|
||||
|
||||
.square {
|
||||
color: white;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.3;
|
||||
font-weight: 400;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: flex-end;
|
||||
padding: 10px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.square-code {
|
||||
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
|
||||
}
|
||||
|
||||
.square-multiline {
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.square-img {
|
||||
background-size: cover !important;
|
||||
}
|
||||
|
||||
.square-blue-1 {
|
||||
background-color: #1d4a89;
|
||||
}
|
||||
|
||||
.square-blue-2 {
|
||||
background-color: #3478c6;
|
||||
}
|
||||
|
||||
.square-blue-3 {
|
||||
background-color: #66ccff;
|
||||
}
|
||||
.square-container a {
|
||||
line-height: 1.2;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.square-container a.square-blue-1:hover {
|
||||
background: #2794c7;
|
||||
font-size: 1.2em;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
.square-container a.square-blue-2:hover {
|
||||
background: #619ef8;
|
||||
font-size: 1.2em;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
.square-container a.square-blue-3:hover {
|
||||
background: #46a4d3;
|
||||
font-size: 1.2em;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: .75rem;
|
||||
color: #f0f0f0;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #f0f0f0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
color: #f0f0f0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Loading…
x
Reference in New Issue
Block a user