Skip to content

Commit

Permalink
补充遗失的 README 文件
Browse files Browse the repository at this point in the history 
[skip ci]
  • Loading branch information
@Stapxs
Stapxs committed Nov 25, 2024
1 parent 6523ad3 commit 8c0819f
Show file tree
Hide file tree
Showing 7 changed files with 191 additions and 4 deletions.
4 changes: 2 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

<p align="center">
<a href="https://blog.stapxs.cn" target="blank">
<img src="public/img/icons/icon.svg" alt="Logo" width="156" height="156">
<img src="src/renderer/public/img/icons/icon.svg" alt="Logo" width="156" height="156">
</a>
<h2 align="center" style="font-weight: 600">Stapxs QQ Lite 2.0</h2>
<p align="center">
Expand Down Expand Up @@ -75,7 +75,7 @@ npx ssqq-web hostname=127.0.0.1 port=8081

### > 我遇到了问题

- 如果有什么奇奇怪怪的问题, 欢迎发起 [issue](<https://github.com/Stapxs/Stapxs-QQ-Lite/issues>) 询问! 如果有什么 BUG 和优化建议也可以哦!
- 如果有什么奇奇怪怪的问题, 欢迎发起 [issue](<https://github.com/Stapxs/Stapxs-QQ-Lite/issues>) 询问! 如果有什么 BUG 和优化建议也可以哦!

## 📦️ 构建应用
为了规范对其他仓库的引用，Stapxs QQ Lite 2.0 仓库含有一些子模块，这意味着你需要在克隆仓库的时候包含子模块：
Expand Down
Binary file added README/auto-build.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added README/gitcode.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
187 changes: 187 additions & 0 deletions README/notices/ny-html-2023.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,187 @@
<!-- ===================== 1 ===================== -->

<div style="display: flex;flex-direction: column;background: var(--color-card);margin: -10px -40px -20px -40px;padding: 0 20px;">
<div style="animation-duration: var(--animation-times);animation-name: pgline;height: 5px;background: var(--color-card-2);width: 100%;margin-top: 3px;transform-origin: left;border-radius: 10px;"></div>
</div>

<style>
:root {
--animation-times: 5s;
}

@keyframes pgline {
from { transform: scaleX(0); }
to { transform: scaleX(1); }
}
</style>

<!-- ===================== 2 ===================== -->

<div style="width: calc(100% + 40px);min-height: 50px;margin: -40px -40px -20px -40px;padding: 20px;display: flex;flex-direction: column;align-items: center;text-align: center;">
<span>做了个获取通知的功能 …… 可以更快乐的显示一些需要特别通知的事情</span>
<span>不过没想到这功能第一次用在了 ——</span>
</div>

<!-- ===================== 3 ===================== -->

<div class="ny-main">
<div class="ny-card">
<div class="ny-card-face">
<div></div>
<div></div>
</div>
<div class="ny-card-main"></div>
</div>
<div class="ny-body">
<div>
<svg width="60px" height="60px" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.501442" d="M179.705 101.257C180.395 105.334 181.126 109.416 181.861 113.474" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M182.58 144.026C182.915 147.742 183.123 151.45 183.3 155.166" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M186.893 183.199C186.893 188.023 186.893 185.562 186.893 190.386" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M188.332 243.933C188.814 246.236 188.09 248.519 187.974 250.762" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M189.771 277.718C189.119 280.71 188.573 283.703 187.974 286.702" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M185.818 313.296C184.62 316.921 185.094 320.742 184.736 324.439" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.502023" d="M247.057 126.514C242.678 131.926 239.151 137.857 235.556 143.766" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M223.034 165.818C220.551 167.502 220.357 170.716 219.019 173.16" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M207.786 187.853C207.259 189.575 205.608 190.513 204.553 191.806" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M169.287 237.824C167.425 239.283 166.389 241.446 164.972 243.217" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M150.62 266.029C148.871 269.119 146.294 271.558 144.149 274.294" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M125.796 293.888C123.749 297.902 119.924 300.28 116.812 303.234" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M132.986 126.054C135.251 129.046 136.57 132.509 138.375 135.758" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M151.676 156.964C154.046 161.045 156.545 165.206 158.862 169.181" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M169.642 190.386C170.915 191.916 171.552 193.725 172.517 195.417" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M205.942 237.466C205.527 239.245 207.404 239.659 208.098 240.699" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M226.428 265.496C227.034 267.245 228.376 268.665 229.303 270.169" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M244.394 291.375C247.016 294.061 247.276 297.86 248.709 301.078" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M157.708 222.517C155.447 224.013 152.586 223.734 150.163 224.31" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M129.75 231.357C127.7 233.396 124.312 232.394 122.205 232.793" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M100.641 238.544C96.6579 239.863 92.5088 240.38 88.4199 241.062" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M216.312 205.036C218.619 203.488 220.628 202.447 222.77 201.083" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M249.425 191.822C250.951 191.144 252.541 190.624 254.098 190.024" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.502023" d="M274.94 181.402C279.274 179.232 283.559 177.008 287.882 174.932" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M78 177.449C86.8183 178.576 95.0337 181.798 103.517 183.916" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M127.95 190.745C131.485 191.928 134.937 193.322 138.374 194.698" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M154.974 203.756C157.137 204.159 158.81 205.911 160.724 206.989" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M215.109 220.611C217.998 221.001 220.732 221.838 223.528 222.447" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M251.586 229.561C253.53 229.685 255.185 230.759 256.975 231.358" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.501442" d="M282.852 238.186C289.529 240.048 296.558 243.375 302.617 245.731" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M286.759 103.242C286.559 113.77 286.959 124.286 287.118 134.783" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M303.341 104.674C293.43 113.818 283.175 122.181 272.338 130.123" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.503384" d="M271.257 107.541C279.841 115.652 288.618 123.334 298.291 130.122" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M317.341 93.8868C319.752 93.4658 321.597 89.9591 322.391 89.23" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M288.564 83.8853C289.097 81.2581 289.286 78.6159 289.646 76" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M257.56 97.8631C255.072 95.5103 252.487 93.2439 249.988 91.0527" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M256.837 140.875C255.525 143.487 251.719 143.987 250.351 144.818" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M285.316 159.157C285.573 161.126 285.078 162.983 284.957 164.892" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M314.155 144.461C316.862 146.546 319.759 148.487 322.574 150.475" stroke="var(--color-font)" stroke-opacity="0.9" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span style="color: var(--color-font-2);margin-top: 10px;">2023</span>
<span style="font-size: 2rem;margin-top: -10px;color: var(--color-main);">卯年快乐</span>
<hr style="width: 30%;height: 1px;background: var(--color-font-2);opacity: 0.7;">
<span style="color: var(--color-font-2);opacity: 0.6;font-size: 0.7rem;">Stapx Steve [ 林槐 ]</span>
<svg style="position: absolute;bottom: 0;margin-bottom: -20px;" width="30px" height="30px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet" style="position: absolute;bottom: 0;margin-bottom: -20px;"><path d="M16.867 15.734c.625.626 1.64.626 2.266 0l6.232-6.231a1.604 1.604 0 0 0 0-2.266l-6.232-6.231a1.602 1.602 0 0 0-2.266 0l-6.232 6.231a1.602 1.602 0 0 0 0 2.266l6.232 6.231zm9.631 9.63c.625.626 1.64.626 2.266 0l6.232-6.231a1.604 1.604 0 0 0 0-2.266l-6.232-6.231a1.602 1.602 0 0 0-2.266 0l-6.232 6.231a1.602 1.602 0 0 0 0 2.266l6.232 6.231zm-1.134 1.134l-6.231-6.232a1.602 1.602 0 0 0-2.266 0l-6.231 6.232a1.6 1.6 0 0 0 0 2.265l6.231 6.232c.626.625 1.64.625 2.266 0l6.231-6.232a1.6 1.6 0 0 0 0-2.265zm-9.63-9.63l-6.231-6.232a1.602 1.602 0 0 0-2.266 0l-6.231 6.232a1.6 1.6 0 0 0 0 2.265l6.231 6.232c.626.625 1.64.625 2.266 0l6.231-6.232a1.6 1.6 0 0 0 0-2.265z" fill="var(--color-card-2)"></path><path d="M15.734 16.868l-3.214-3.215A6.965 6.965 0 0 0 11 18c0 1.644.571 3.153 1.52 4.347l3.214-3.214a1.6 1.6 0 0 0 0-2.265zm6.614 6.612l-3.215-3.215a1.605 1.605 0 0 0-2.266 0l-3.215 3.215A6.967 6.967 0 0 0 18 25a6.967 6.967 0 0 0 4.348-1.52zm-2.082-4.347l3.215 3.215A6.973 6.973 0 0 0 25 18a6.962 6.962 0 0 0-1.52-4.347l-3.215 3.215a1.603 1.603 0 0 0 .001 2.265zm-1.133-3.399l3.215-3.214A6.967 6.967 0 0 0 18 11a6.962 6.962 0 0 0-4.347 1.52l3.215 3.214a1.6 1.6 0 0 0 2.265 0z" fill="var(--color-card)"></path><circle cx="18" cy="18" r="5" fill="var(--color-card-2)"></circle></svg>
</div>
</div>
</div>

<style>
:root {
--animation-times: 2s;
}

.ny-main {
margin: -40px;
display: flex;
align-items: center;
flex-direction: column;
padding: 20px;
background-image: url(https://lib.stapxs.cn/card/get/background.svg);
background-size: 90%;
background-position-y: -50px;
}

.ny-card {
display: flex;
perspective: 1560px;
margin-top: -80px;
margin-bottom: 20px;

animation-duration: var(--animation-times);
animation-name: moveBook;
}
.ny-card > div {
box-shadow: 0 -5px 10px var(--color-shader);
background-color: var(--color-card-1);
width: 120px;
height: 200px;
}

.ny-card-face {
transform-origin: right;
z-index: 1;

animation-duration: var(--animation-times);
animation-name: openPage;
}
.ny-card-face > div:last-child {
transform: rotate(180deg);
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 100%;
z-index: -1;
background-image: url(https://lib.stapxs.cn/card/get/pagebg.svg);
}
.ny-card-main {
background-image: url(https://lib.stapxs.cn/card/get/pagebg.svg);
}

.ny-body {
transform: rotate(45deg);
background: var(--color-card-1);
width: 220px;
height: 220px;
position: absolute;
top: 0;
box-shadow: 0 0 15px var(--color-shader);
margin-top: -85px;
border-radius: 3px;

animation-duration: var(--animation-times);
animation-name: showCard;
}
.ny-body > div {
transform: rotate(-45deg);
width: 220px;
height: 220px;
display: flex;
flex-direction: column;
align-items: center;
}

@keyframes openPage {
from { transform: rotateY(180deg); }
30% { transform: rotateY(180deg); }
to { transform: rotateY(5deg); }
}
@keyframes moveBook {
from { margin-left: -120px; }
30% { margin-left: -120px; }
to { margin-left: 0; }
}
@keyframes showCard {
from {
transform: rotate(0deg);
opacity: 0;
}
50% {
transform: rotate(0deg);
opacity: 0;
}
to {
transform: rotate(45deg);
opacity: 1;
}
}
</style>
Binary file added README/to-old-ver.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added README/view.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions README_en-US.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

<p align="center">
<a href="https://blog.stapxs.cn" target="blank">
<img src="public/img/icons/icon.svg" alt="Logo" width="156" height="156">
<img src="src/renderer/public/img/icons/icon.svg" alt="Logo" width="156" height="156">
</a>
<h2 align="center" style="font-weight: 600">Stapxs QQ Lite 2.0</h2>

Expand Down Expand Up @@ -42,7 +42,7 @@
### > Running Services
Stapxs QQ Lite requires connecting to a QQ bot API to function properly. You can set one up by following [📖 this documentation](https://github.com/Stapxs/Stapxs-QQ-Lite-2.0/wiki/%E8%BF%9E%E6%8E%A5-oicq2-http).

### > Using the App On the Go
### > Using the App On the Go
GitHub Pages is enabled and is serving a live demo [🌎 over here](https://stapxs.github.io/Stapxs-QQ-Lite-2.0).

### > Installing the App
Expand Down

0 comments on commit 8c0819f

Please sign in to comment.