admin/SEONexus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gpt

Browse Source
This commit is contained in:
make
2026-01-09 01:28:23 +08:00
parent eb8c097777
commit 90fc16fbc3
241 changed files with 26518 additions and 3570 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
code/public/static/css/compiled/dom_6ac636961e.css
View File

File diff suppressed because one or more lines are too long

6
code/public/static/css/modules/global_base.css
View File

@@ -20,8 +20,8 @@ time, mark, audio, video {
body {
line-height: 1.5;
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
background: #f7f7f7;
color: #333;
/* background: #f7f7f7;
color: #333; */
}
img {
@@ -29,7 +29,7 @@ img {
width:100%;
height:auto;
object-fit:cover;
background:#eee;
/* background:#eee; */
}
a {

7
code/public/static/css/modules/list/item/_item_base.css
View File

@@ -2,6 +2,7 @@
.__PFX__-item{
width:100%;
color: var(--text-color);
}
.__PFX__-item-link{
@@ -53,3 +54,9 @@
font-size:12px;
color:var(--text-muted-color);
}
.lazyload-img{
width: 24px;
height: 24px;
object-fit: contain;
}

15
code/public/static/css/modules/list/item/_item_media.css
View File

@@ -18,14 +18,25 @@
gap:12px;
align-items:flex-start; */
}
.__PFX__-itv-media01{ --itv-cover-ratio: 16/9; --itv-cover-radius: 12px; }
.__PFX__-itv-media02{ --itv-cover-ratio: 4/3; --itv-cover-radius: 10px; }
.__PFX__-itv-media03{ --itv-cover-ratio: 3/2; --itv-cover-radius: 14px; }
.__PFX__-itv-media04{ --itv-cover-ratio: 21/9; --itv-cover-radius: 18px; }
.__PFX__-itv-media05{ --itv-cover-ratio: 5/3; --itv-cover-radius: 8px; --itv-cover-outline: 1px solid rgba(0,0,0,.12); }
.__PFX__-itv-media06{ --itv-cover-ratio: 1/1; --itv-cover-radius: 12px; }
/* 封面偏宽 */
.__PFX__-item.media .__PFX__-item-cover , .__PFX__-item.media img{
flex:0 0 38%;
aspect-ratio:16 / 9;
border-radius:10px;
overflow:hidden;
background:var(--bg-soft-color);
aspect-ratio: var(--itv-cover-ratio, 16/9);
border-radius: var(--itv-cover-radius, 12px);
background: var(--itv-cover-bg, var(--bg-soft-color));
outline: var(--itv-cover-outline, none);
box-shadow: var(--itv-cover-shadow, none);
}
/* 信息区居中 */

19
code/public/static/css/modules/list/item/_item_poster.css
View File

@@ -8,14 +8,29 @@
gap:6px;
}
.__PFX__-itv-poster01{ --itv-cover-ratio: 2/3; --itv-cover-radius: 12px; }
.__PFX__-itv-poster02{ --itv-cover-ratio: 4/5; --itv-cover-radius: 14px; }
.__PFX__-itv-poster03{ --itv-cover-ratio: 3/4; --itv-cover-radius: 10px; }
.__PFX__-itv-poster04{ --itv-cover-ratio: 9/16; --itv-cover-radius: 16px; }
.__PFX__-itv-poster05{ --itv-cover-ratio: 1/1; --itv-cover-radius: 12px; }
.__PFX__-itv-poster06{ --itv-cover-ratio: 2/3; --itv-cover-radius: 0px; --itv-cover-outline: 1px solid rgba(0,0,0,.10); }
.__PFX__-itv-poster07{ --itv-cover-ratio: 4/5; --itv-cover-radius: 20px; --itv-cover-shadow: 0 10px 24px rgba(0,0,0,.12); }
.__PFX__-itv-poster08{ --itv-cover-ratio: 3/4; --itv-cover-radius: 8px; --itv-cover-outline: 1px solid rgba(0,0,0,.14); }
/* 封面容器 */
.__PFX__-item.poster .__PFX__-item-cover{
position:relative;
width:100%;
aspect-ratio:2/3;
overflow:hidden;
border-radius:12px;
background:var(--bg-soft-color);
aspect-ratio: var(--itv-cover-ratio, 2 / 3);
border-radius: var(--itv-cover-radius, 12px);
background: var(--itv-cover-bg, var(--bg-soft-color));
outline: var(--itv-cover-outline, none);
box-shadow: var(--itv-cover-shadow, none);
}
/* 封面图 */

2
code/public/static/css/modules/list/item/_item_rank.css
View File

@@ -17,7 +17,7 @@
display:flex;
align-items:center;
gap:10px;
padding:6px 0;
padding:6px;
}
/* 序号 */

436
code/public/static/css/modules/list/title/title_F.css
View File

@@ -1,45 +1,415 @@
/* ================================
* Title_F｜分类区块标题（带更多）
* ================================ */
/* =========================================================
* Title_F (Family F) — 20 variants compatible CSS
* - 只依赖 class 命名：.__PFX__-titleF + .__PFX__-titleF-v00..v19
* - 目标：任何 variant 的结构都不会被“全局 flex”误伤
* - 你只需要把 __PFX__ 替换为 {$TpStyle.dom_prefix}
* ========================================================= */
.__PFX__-titleF{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:18px 0 10px;
/* -------- Base Reset / Tokens -------- */
.__PFX__-titleF {
margin: 18px 0 10px;
position: relative;
text-align: left;
}
/* 左侧标题区 */
.__PFX__-titleF-left{
display:flex;
align-items:baseline;
gap:8px;
.__PFX__-titleF :where(h1, h2, h3, h4, h5, h6, p, div, span, small, em, i, strong) {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.__PFX__-titleF-main{
font-size:16px;
font-weight:700;
color:var(--text-color);
line-height:1.2;
.__PFX__-titleF :where(a) {
color: inherit;
text-decoration: none;
}
.__PFX__-titleF-sub{
font-size:12px;
color:var(--text-muted-color);
.__PFX__-titleF :where(h3.__PFX__-titleF-main) {
font-size: 16px;
font-weight: 700;
line-height: 1.25;
color: var(--text-color);
min-width: 0;
word-break: break-word;
}
/* 右侧“更多” */
.__PFX__-titleF-more a{
font-size:12px;
color:var(--primary-color);
text-decoration:none;
padding:4px 8px;
border-radius:999px;
background:var(--bg-soft-color);
border:1px solid var(--border-color);
.__PFX__-titleF :where(.__PFX__-titleF-sub) {
font-size: 12px;
line-height: 1.35;
color: var(--text-muted-color);
min-width: 0;
word-break: break-word;
}
.__PFX__-titleF-more a:hover{
opacity:.85;
/* 左侧常见容器：统一“纵向堆叠”，避免被 align-items:center 造成“居中错觉” */
.__PFX__-titleF :where(.__PFX__-titleF-left,
.__PFX__-titleF-head,
.__PFX__-titleF-text,
.__PFX__-titleF-stack,
.__PFX__-titleF-l,
.__PFX__-titleF-cell,
.__PFX__-titleF-caption,
.__PFX__-titleF-txtBox) {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
min-width: 0;
}
/* “更多”链接：兼容三种写法
* 1) <a class="...-titleF-more">
* 2) <div class="...-titleF-more"><a>...</a>
* 3) <div class="...-titleF-cta"><a>...</a>
*/
.__PFX__-titleF a.__PFX__-titleF-more,
.__PFX__-titleF .__PFX__-titleF-more>a,
.__PFX__-titleF .__PFX__-titleF-cta>a,
.__PFX__-titleF .__PFX__-titleF-nav>a,
.__PFX__-titleF .__PFX__-titleF-tail>a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 12px;
line-height: 1;
color: var(--primary-color);
padding: 6px 10px;
border-radius: 999px;
background: var(--bg-soft-color);
border: 1px solid var(--border-color);
white-space: nowrap;
}
.__PFX__-titleF a.__PFX__-titleF-more:hover,
.__PFX__-titleF .__PFX__-titleF-more>a:hover,
.__PFX__-titleF .__PFX__-titleF-cta>a:hover,
.__PFX__-titleF .__PFX__-titleF-nav>a:hover,
.__PFX__-titleF .__PFX__-titleF-tail>a:hover {
opacity: .86;
}
/* 为了避免某些布局“撑开后挤压标题”，给右侧按钮一个最小尺寸与不换行策略 */
.__PFX__-titleF :where(.__PFX__-titleF-more, .__PFX__-titleF-cta, .__PFX__-titleF-nav, .__PFX__-titleF-tail) {
flex: 0 0 auto;
}
/* -------- Decorative bits (safe defaults) -------- */
.__PFX__-titleF .__PFX__-titleF-dot {
width: 8px;
height: 8px;
border-radius: 99px;
background: var(--primary-color);
display: inline-block;
margin-right: 8px;
transform: translateY(-1px);
}
.__PFX__-titleF .__PFX__-titleF-kicker {
width: 10px;
height: 10px;
border-radius: 2px;
background: var(--primary-color);
flex: 0 0 auto;
}
.__PFX__-titleF .__PFX__-titleF-mark {
width: 10px;
height: 10px;
border-radius: 2px;
background: var(--primary-color);
display: inline-block;
margin-right: 8px;
transform: translateY(-1px);
}
.__PFX__-titleF .__PFX__-titleF-sfx {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 99px;
background: var(--color_bg_soft, var(--bg-soft-color));
border: 1px solid var(--border-color);
margin-left: 8px;
transform: translateY(-1px);
}
.__PFX__-titleF .__PFX__-titleF-rail,
.__PFX__-titleF .__PFX__-titleF-line {
width: 3px;
border-radius: 99px;
background: var(--primary-color);
opacity: .9;
}
/* -------- Variant Layouts -------- */
/* v00 / v05 / v08：root 直接左右分栏 */
.__PFX__-titleF.__PFX__-titleF-v00,
.__PFX__-titleF.__PFX__-titleF-v05,
.__PFX__-titleF.__PFX__-titleF-v08 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
/* v01：row 才是主 flex（修复你提到的“左边居中”问题） */
.__PFX__-titleF.__PFX__-titleF-v01 .__PFX__-titleF-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v01 .__PFX__-titleF-stack {
gap: 2px;
}
/* v02：meta 行左右分布 */
.__PFX__-titleF.__PFX__-titleF-v02 .__PFX__-titleF-main {
display: flex;
align-items: center;
gap: 8px;
}
.__PFX__-titleF.__PFX__-titleF-v02 .__PFX__-titleF-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 6px;
}
/* v03：top 行左右 */
.__PFX__-titleF.__PFX__-titleF-v03 .__PFX__-titleF-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v03 .__PFX__-titleF-more>a {
padding: 4px 8px;
min-width: 0;
}
/* v04：grid 两列 */
.__PFX__-titleF.__PFX__-titleF-v04 .__PFX__-titleF-grid {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v04 .__PFX__-titleF-cell--more {
display: flex;
justify-content: flex-end;
}
/* v06：body 行左右；line 为装饰 */
.__PFX__-titleF.__PFX__-titleF-v06 {
display: flex;
gap: 10px;
align-items: stretch;
}
.__PFX__-titleF.__PFX__-titleF-v06 .__PFX__-titleF-body {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v06 .__PFX__-titleF-line {
margin-top: 2px;
}
/* v07：wrap 左右 */
.__PFX__-titleF.__PFX__-titleF-v07 .__PFX__-titleF-wrap {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
}
/* v09：bar 左右 */
.__PFX__-titleF.__PFX__-titleF-v09 .__PFX__-titleF-bar {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v09 .__PFX__-titleF-r {
display: flex;
justify-content: flex-end;
}
/* v10：head 左右；foot 在下 */
.__PFX__-titleF.__PFX__-titleF-v10 .__PFX__-titleF-head {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v10 .__PFX__-titleF-foot {
margin-top: 6px;
}
/* v11：rail + content；content 左右 */
.__PFX__-titleF.__PFX__-titleF-v11 {
display: flex;
gap: 10px;
align-items: stretch;
}
.__PFX__-titleF.__PFX__-titleF-v11 .__PFX__-titleF-content {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v11 .__PFX__-titleF-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
/* v12：shell 左右；badge 装饰 */
.__PFX__-titleF.__PFX__-titleF-v12 .__PFX__-titleF-right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v12 .__PFX__-titleF-badge {
width: 10px;
height: 10px;
border-radius: 99px;
background: var(--primary-color);
opacity: .7;
flex: 0 0 auto;
}
/* v13：inner 左右；hint 可在下 */
.__PFX__-titleF.__PFX__-titleF-v13 {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v13 .__PFX__-titleF-hint {
margin-top: 4px;
}
/* v14：frame 左右；tag 装饰 */
.__PFX__-titleF.__PFX__-titleF-v14 .__PFX__-titleF-inner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v14 .__PFX__-titleF-tag {
width: 8px;
height: 8px;
border-radius: 2px;
background: var(--primary-color);
opacity: .7;
flex: 0 0 auto;
}
/* v15：core 左右；subline 在下 */
.__PFX__-titleF.__PFX__-titleF-v15 .__PFX__-titleF-right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v15 .__PFX__-titleF-subline {
margin-top: 6px;
}
/* v16：hero 左右；note 在下 */
.__PFX__-titleF.__PFX__-titleF-v16 .__PFX__-titleF-hero {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v16 .__PFX__-titleF-note {
margin-top: 4px;
}
/* v17：flex 左右；pill 装饰 */
.__PFX__-titleF.__PFX__-titleF-v17 .__PFX__-titleF-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v17 .__PFX__-titleF-pill {
width: 12px;
height: 6px;
border-radius: 99px;
background: var(--primary-color);
opacity: .7;
flex: 0 0 auto;
}
/* v18：split 左右（root 不做 flex，防止你提到的“居中”再出现） */
.__PFX__-titleF.__PFX__-titleF-v18 .__PFX__-titleF-body {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v18 .__PFX__-titleF-sign {
width: 8px;
height: 8px;
border-radius: 99px;
background: var(--primary-color);
opacity: .7;
flex: 0 0 auto;
}
/* v19：pane 左右；badge/mini 装饰 */
.__PFX__-titleF.__PFX__-titleF-v19 {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.__PFX__-titleF.__PFX__-titleF-v19 .__PFX__-titleF-badge {
width: 10px;
height: 10px;
border-radius: 2px;
background: var(--primary-color);
opacity: .75;
flex: 0 0 auto;
}
/* -------- Small screens safety -------- */
@media (max-width:420px) {
.__PFX__-titleF a.__PFX__-titleF-more,
.__PFX__-titleF .__PFX__-titleF-more>a,
.__PFX__-titleF .__PFX__-titleF-cta>a,
.__PFX__-titleF .__PFX__-titleF-nav>a,
.__PFX__-titleF .__PFX__-titleF-tail>a {
padding: 5px 9px;
}
}

25
code/public/static/css/modules/pinlun/_pinlun_base.css Normal file
View File

@@ -0,0 +1,25 @@
/* ===== pinlun base ===== */
.__PFX__-cmt {
margin: 24px 0;
font-size: 14px;
color: var(--text-color);
}
.__PFX__-cmt-title {
margin-bottom: 12px;
}
.__PFX__-cmt-text {
line-height: 1.65;
}
.__PFX__-cmt-meta {
font-size: 12px;
color: var(--text-muted-color);
}
.__PFX__-cmt-item,
.__PFX__-cmt-card {
margin-bottom: 10px;
}

153
code/public/static/css/modules/pinlun/_pinlun_layout_A.css Normal file
View File

@@ -0,0 +1,153 @@
/* ===== Layout A ===== */
.__PFX__-cmt.layout-a {
background: var(--bg-main-color);
padding: 16px;
border: 1px solid var(--border-color);
}
.__PFX__-cmt.layout-a .__PFX__-cmt-title {
font-size: 16px;
font-weight: 600;
}
.__PFX__-cmt.layout-a .__PFX__-cmt-item {
padding: 10px 0;
border-bottom: 1px solid var(--border-light-color);
}
.__PFX__-cmt.layout-a .__PFX__-cmt-item:last-child {
border-bottom: none;
}
.__PFX__-cmt.layout-a .__PFX__-cmt-meta {
margin-bottom: 6px;
}
.__PFX__-cmt.layout-a blockquote {
margin: 6px 0;
padding-left: 10px;
border-left: 3px solid var(--border-color);
}
/* variants */
.__PFX__-cmt.layout-a.v1 .__PFX__-cmt-title {
font-weight: 500;
}
.__PFX__-cmt.layout-a.v2 .__PFX__-cmt-item {
padding: 14px 0;
}
.__PFX__-cmt.layout-a.v3 .__PFX__-cmt-item {
border-bottom-style: dashed;
}
.__PFX__-cmt.layout-a.v4 {
padding: 20px;
}
.__PFX__-cmt.layout-a.v5 .__PFX__-cmt-meta {
font-style: italic;
}
/* G1 minimal */
.__PFX__-cmt.layout-a.v0,
.__PFX__-cmt.layout-a.v1,
.__PFX__-cmt.layout-a.v2,
.__PFX__-cmt.layout-a.v3 {
padding: 0;
border: none;
background: transparent;
}
.__PFX__-cmt.layout-a.v0 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v1 .__PFX__-cmt-item {
border: none;
padding: 4px 0;
}
.__PFX__-cmt.layout-a.v2 .__PFX__-cmt-text,
.__PFX__-cmt.layout-a.v3 .__PFX__-cmt-text {
font-size: 13px;
}
/* G2 article */
.__PFX__-cmt.layout-a.v4,
.__PFX__-cmt.layout-a.v5,
.__PFX__-cmt.layout-a.v6,
.__PFX__-cmt.layout-a.v7 {
background: var(--bg-main-color);
padding: 18px;
border-left: 4px solid var(--border-color);
}
.__PFX__-cmt.layout-a.v4 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v5 .__PFX__-cmt-item {
padding: 12px 0;
}
.__PFX__-cmt.layout-a.v6 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-a.v7 .__PFX__-cmt-meta {
font-style: italic;
}
/* G3 community */
.__PFX__-cmt.layout-a.v8,
.__PFX__-cmt.layout-a.v9,
.__PFX__-cmt.layout-a.v10,
.__PFX__-cmt.layout-a.v11 {
background: transparent;
padding: 8px 0;
}
.__PFX__-cmt.layout-a.v8 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v9 .__PFX__-cmt-item {
border-bottom: 1px dotted var(--border-light-color);
}
.__PFX__-cmt.layout-a.v10 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v11 .__PFX__-cmt-item {
border-bottom: 1px dashed var(--border-light-color);
}
/* G4 card */
.__PFX__-cmt.layout-a.v12,
.__PFX__-cmt.layout-a.v13,
.__PFX__-cmt.layout-a.v14,
.__PFX__-cmt.layout-a.v15 {
background: var(--bg-soft-color);
padding: 16px;
border-radius: 10px;
}
.__PFX__-cmt.layout-a.v12 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v13 .__PFX__-cmt-item {
background: #fff;
padding: 10px;
border-radius: 8px;
}
.__PFX__-cmt.layout-a.v14 .__PFX__-cmt-item,
.__PFX__-cmt.layout-a.v15 .__PFX__-cmt-item {
box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
/* G5 raw */
.__PFX__-cmt.layout-a.v16,
.__PFX__-cmt.layout-a.v17,
.__PFX__-cmt.layout-a.v18,
.__PFX__-cmt.layout-a.v19 {
background: none;
border: none;
padding: 12px 0;
}
.__PFX__-cmt.layout-a.v16 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-a.v17 .__PFX__-cmt-meta {
display: none;
}
.__PFX__-cmt.layout-a.v18 .__PFX__-cmt-text,
.__PFX__-cmt.layout-a.v19 .__PFX__-cmt-text {
font-size: 15px;
}

151
code/public/static/css/modules/pinlun/_pinlun_layout_B.css Normal file
View File

@@ -0,0 +1,151 @@
/* ===== Layout B ===== */
.__PFX__-cmt.layout-b {
padding: 0;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-title {
font-size: 15px;
margin-bottom: 8px;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-list {
list-style: none;
padding: 0;
margin: 0;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-item {
padding: 8px 0;
border-bottom: 1px dotted var(--border-light-color);
}
.__PFX__-cmt.layout-b .__PFX__-cmt-item:last-child {
border-bottom: none;
}
.__PFX__-cmt.layout-b .__PFX__-cmt-meta {
margin-top: 4px;
}
/* variants */
.__PFX__-cmt.layout-b.v1 .__PFX__-cmt-item {
padding: 6px 0;
}
.__PFX__-cmt.layout-b.v2 .__PFX__-cmt-item {
border-bottom-style: dashed;
}
.__PFX__-cmt.layout-b.v3 .__PFX__-cmt-meta {
display: none;
}
.__PFX__-cmt.layout-b.v4 .__PFX__-cmt-item {
padding-left: 6px;
}
.__PFX__-cmt.layout-b.v5 .__PFX__-cmt-text {
font-size: 13px;
}
/* B-G1 forum */
.__PFX__-cmt.layout-b.v0,
.__PFX__-cmt.layout-b.v1,
.__PFX__-cmt.layout-b.v2,
.__PFX__-cmt.layout-b.v3 {
background: #f7f7f7;
padding: 6px;
border: 1px solid var(--border-light-color);
}
.__PFX__-cmt.layout-b.v0 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v1 .__PFX__-cmt-item {
padding: 6px 4px;
border-bottom: 1px solid var(--border-light-color);
}
.__PFX__-cmt.layout-b.v2 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-b.v3 .__PFX__-cmt-meta {
font-size: 11px;
}
/* B-G2 resource list */
.__PFX__-cmt.layout-b.v4,
.__PFX__-cmt.layout-b.v5,
.__PFX__-cmt.layout-b.v6,
.__PFX__-cmt.layout-b.v7 {
background: transparent;
padding: 0;
}
.__PFX__-cmt.layout-b.v4 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v5 .__PFX__-cmt-item {
padding: 10px 0;
border-bottom: 1px dotted var(--border-light-color);
}
.__PFX__-cmt.layout-b.v6 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v7 .__PFX__-cmt-item {
border-bottom-style: dashed;
}
/* B-G3 minimal list */
.__PFX__-cmt.layout-b.v8,
.__PFX__-cmt.layout-b.v9,
.__PFX__-cmt.layout-b.v10,
.__PFX__-cmt.layout-b.v11 {
background: none;
padding: 4px 0;
}
.__PFX__-cmt.layout-b.v8 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v9 .__PFX__-cmt-item {
border: none;
padding: 4px 0;
}
.__PFX__-cmt.layout-b.v10 .__PFX__-cmt-text,
.__PFX__-cmt.layout-b.v11 .__PFX__-cmt-text {
font-size: 13px;
}
/* B-G4 module */
.__PFX__-cmt.layout-b.v12,
.__PFX__-cmt.layout-b.v13,
.__PFX__-cmt.layout-b.v14,
.__PFX__-cmt.layout-b.v15 {
background: var(--bg-soft-color);
padding: 12px;
}
.__PFX__-cmt.layout-b.v12 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v13 .__PFX__-cmt-item {
background: #fff;
padding: 8px;
margin-bottom: 6px;
}
.__PFX__-cmt.layout-b.v14 .__PFX__-cmt-item,
.__PFX__-cmt.layout-b.v15 .__PFX__-cmt-item {
border-radius: 6px;
}
/* B-G5 raw */
.__PFX__-cmt.layout-b.v16,
.__PFX__-cmt.layout-b.v17,
.__PFX__-cmt.layout-b.v18,
.__PFX__-cmt.layout-b.v19 {
background: none;
border: none;
padding: 8px 0;
}
.__PFX__-cmt.layout-b.v16 .__PFX__-cmt-meta,
.__PFX__-cmt.layout-b.v17 .__PFX__-cmt-meta {
display: none;
}
.__PFX__-cmt.layout-b.v18 .__PFX__-cmt-text,
.__PFX__-cmt.layout-b.v19 .__PFX__-cmt-text {
font-size: 15px;
}

121
code/public/static/css/modules/pinlun/_pinlun_layout_C.css Normal file
View File

@@ -0,0 +1,121 @@
/* ===== Layout C ===== */
.__PFX__-cmt.layout-c {
padding: 10px 0;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-title {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-cards {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-card {
padding: 12px;
background: var(--bg-soft-color);
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}
.__PFX__-cmt.layout-c .__PFX__-cmt-meta {
margin-top: 6px;
}
/* variants */
.__PFX__-cmt.layout-c.v1 .__PFX__-cmt-card {
border-radius: 4px;
}
.__PFX__-cmt.layout-c.v2 .__PFX__-cmt-card {
box-shadow: none;
border: 1px solid var(--border-color);
}
.__PFX__-cmt.layout-c.v3 .__PFX__-cmt-card {
padding: 16px;
}
.__PFX__-cmt.layout-c.v4 .__PFX__-cmt-cards {
gap: 6px;
}
.__PFX__-cmt.layout-c.v5 .__PFX__-cmt-meta {
display: none;
}
/* C-G1 recommend */
.__PFX__-cmt.layout-c.v0,
.__PFX__-cmt.layout-c.v1,
.__PFX__-cmt.layout-c.v2,
.__PFX__-cmt.layout-c.v3 {
padding: 8px 0;
}
.__PFX__-cmt.layout-c.v0 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v1 .__PFX__-cmt-card {
box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
border-radius: 12px;
}
/* C-G2 hot */
.__PFX__-cmt.layout-c.v4,
.__PFX__-cmt.layout-c.v5,
.__PFX__-cmt.layout-c.v6,
.__PFX__-cmt.layout-c.v7 {
background: var(--bg-main-color);
padding: 12px;
}
.__PFX__-cmt.layout-c.v4 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v5 .__PFX__-cmt-card {
border-left: 4px solid var(--border-color);
}
/* C-G3 light */
.__PFX__-cmt.layout-c.v8,
.__PFX__-cmt.layout-c.v9,
.__PFX__-cmt.layout-c.v10,
.__PFX__-cmt.layout-c.v11 {
padding: 4px 0;
}
.__PFX__-cmt.layout-c.v8 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v9 .__PFX__-cmt-card {
box-shadow: none;
border: 1px dashed var(--border-light-color);
}
/* C-G4 content */
.__PFX__-cmt.layout-c.v12,
.__PFX__-cmt.layout-c.v13,
.__PFX__-cmt.layout-c.v14,
.__PFX__-cmt.layout-c.v15 {
background: var(--bg-soft-color);
padding: 16px;
}
.__PFX__-cmt.layout-c.v12 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v13 .__PFX__-cmt-card {
background: #fff;
padding: 14px;
}
/* C-G5 raw */
.__PFX__-cmt.layout-c.v16,
.__PFX__-cmt.layout-c.v17,
.__PFX__-cmt.layout-c.v18,
.__PFX__-cmt.layout-c.v19 {
background: none;
padding: 6px 0;
}
.__PFX__-cmt.layout-c.v16 .__PFX__-cmt-card,
.__PFX__-cmt.layout-c.v17 .__PFX__-cmt-card {
box-shadow: none;
border: none;
}

85
code/public/static/css/modules/pinlun/_pinlun_layout_D.css Normal file
View File

@@ -0,0 +1,85 @@
/* pinlun base: __PFX__ replaced by CssBuilder */
.__PFX__-cmt{
margin: 22px 0 10px;
color: var(--text-color);
font-size: 14px;
}
/* header */
.__PFX__-cmt-hd{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:10px;
margin: 0 0 10px;
}
.__PFX__-cmt-title{
font-size: 16px;
font-weight: 650;
margin: 0;
}
.__PFX__-cmt-count,
.__PFX__-cmt-meta,
.__PFX__-cmt-user,
.__PFX__-cmt-time{
font-size: 12px;
color: var(--text-muted-color);
}
/* list */
.__PFX__-cmt-list{
margin:0;
padding:0;
}
.__PFX__-cmt-item,
.__PFX__-cmt-card{
background: var(--bg-soft-color);
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 10px 12px;
margin: 0 0 10px;
}
.__PFX__-cmt-text{
line-height: 1.65;
margin: 0;
}
/* layout differences */
.__PFX__-cmt.layout-b .__PFX__-cmt-list{ list-style:none; }
.__PFX__-cmt.layout-b .__PFX__-cmt-item{
border-radius: 0;
border-left: 0;
border-right: 0;
}
.__PFX__-cmt.layout-c .__PFX__-cmt-card{
border-radius: 14px;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
/* variant knobs (v0..v19) */
.__PFX__-cmt.v0 {}
.__PFX__-cmt.v1 .__PFX__-cmt-item{ border-radius: 14px; }
.__PFX__-cmt.v2 .__PFX__-cmt-item{ background: color-mix(in srgb, var(--bg-soft-color) 86%, transparent); }
.__PFX__-cmt.v3 .__PFX__-cmt-item{ border-style:dashed; }
.__PFX__-cmt.v4 .__PFX__-cmt-title{ letter-spacing:.5px; }
.__PFX__-cmt.v5 .__PFX__-cmt-text{ font-size: 13px; }
.__PFX__-cmt.v6 .__PFX__-cmt-item{ padding: 12px 14px; }
.__PFX__-cmt.v7 .__PFX__-cmt-item{ border-radius: 999px; }
.__PFX__-cmt.v8 .__PFX__-cmt-item{ border-width: 2px; }
.__PFX__-cmt.v9 .__PFX__-cmt-hd{ justify-content:flex-start; }
.__PFX__-cmt.v10 .__PFX__-cmt-title{ font-weight: 500; }
.__PFX__-cmt.v11 .__PFX__-cmt-item{ background: transparent; }
.__PFX__-cmt.v12 .__PFX__-cmt-item{ border-radius: 6px; }
.__PFX__-cmt.v13 .__PFX__-cmt-text{ line-height: 1.8; }
.__PFX__-cmt.v14 .__PFX__-cmt-item{ padding: 8px 10px; }
.__PFX__-cmt.v15 .__PFX__-cmt-item{ border-color: color-mix(in srgb, var(--border-color) 60%, transparent); }
.__PFX__-cmt.v16 .__PFX__-cmt-title{ font-size: 15px; }
.__PFX__-cmt.v17 .__PFX__-cmt-item{ box-shadow: 0 2px 8px rgba(0,0,0,.05); }
.__PFX__-cmt.v18 .__PFX__-cmt-item{ border-radius: 18px; }
.__PFX__-cmt.v19 .__PFX__-cmt-title{ text-transform: none; }

BIN
code/public/static/img/lazy/01.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
code/public/static/img/lazy/02.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 866 B

BIN
code/public/static/img/lazy/03.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
code/public/static/img/lazy/04.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 774 B

BIN
code/public/static/img/lazy/05.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
code/public/static/img/lazy/06.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
code/public/static/img/lazy/07.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
code/public/static/img/lazy/08.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 742 B

BIN
code/public/static/img/lazy/09.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
code/public/static/img/lazy/10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
code/public/static/img/loding/01.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
code/public/static/img/loding/02.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 866 B

BIN
code/public/static/img/loding/03.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
code/public/static/img/loding/04.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 774 B

BIN
code/public/static/img/loding/05.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
code/public/static/img/loding/06.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
code/public/static/img/loding/07.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
code/public/static/img/loding/08.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 742 B

BIN
code/public/static/img/loding/09.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
code/public/static/img/loding/10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

5
code/public/static/img/loding/loding_1.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="3" opacity="0.08"/>
<circle cx="32" cy="32" r="18" stroke-width="3" stroke-dasharray="18 220">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.7s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

5
code/public/static/img/loding/loding_10.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="4" opacity="0.09"/>
<circle cx="32" cy="32" r="18" stroke-width="4" stroke-dasharray="45 202">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.42s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

5
code/public/static/img/loding/loding_100.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<polygon points="32.00,10.00 49.20,18.28 53.45,36.90 41.55,51.82 22.45,51.82 10.55,36.90 14.80,18.28" stroke-width="4" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.33s" repeatCount="indefinite"/>
</polygon>
<circle cx="32" cy="32" r="28" stroke-width="2" opacity="0.10"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 518 B

5
code/public/static/img/loding/loding_11.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="4" opacity="0.08"/>
<circle cx="32" cy="32" r="18" stroke-width="4" stroke-dasharray="4 8">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.75s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 456 B

5
code/public/static/img/loding/loding_12.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="19" stroke-width="3" opacity="0.1"/>
<circle cx="32" cy="32" r="19" stroke-width="3" stroke-dasharray="5 10">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.81s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

5
code/public/static/img/loding/loding_13.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="20" stroke-width="3" opacity="0.12"/>
<circle cx="32" cy="32" r="20" stroke-width="3" stroke-dasharray="6 12">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.87s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 456 B

5
code/public/static/img/loding/loding_14.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="21" stroke-width="4" opacity="0.08"/>
<circle cx="32" cy="32" r="21" stroke-width="4" stroke-dasharray="7 14">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.9299999999999999s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 471 B

5
code/public/static/img/loding/loding_15.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="3" opacity="0.1"/>
<circle cx="32" cy="32" r="18" stroke-width="3" stroke-dasharray="8 16">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.99s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

5
code/public/static/img/loding/loding_16.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="19" stroke-width="3" opacity="0.12"/>
<circle cx="32" cy="32" r="19" stroke-width="3" stroke-dasharray="9 18">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.05s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 456 B

5
code/public/static/img/loding/loding_17.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="20" stroke-width="4" opacity="0.08"/>
<circle cx="32" cy="32" r="20" stroke-width="4" stroke-dasharray="4 9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.1099999999999999s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 470 B

5
code/public/static/img/loding/loding_18.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="21" stroke-width="3" opacity="0.1"/>
<circle cx="32" cy="32" r="21" stroke-width="3" stroke-dasharray="5 11">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.17s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

5
code/public/static/img/loding/loding_19.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="3" opacity="0.12"/>
<circle cx="32" cy="32" r="18" stroke-width="3" stroke-dasharray="6 13">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.23s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 456 B

5
code/public/static/img/loding/loding_2.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="20" stroke-width="4" opacity="0.09"/>
<circle cx="32" cy="32" r="20" stroke-width="4" stroke-dasharray="21 218">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.7799999999999999s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 473 B

5
code/public/static/img/loding/loding_20.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="19" stroke-width="4" opacity="0.08"/>
<circle cx="32" cy="32" r="19" stroke-width="4" stroke-dasharray="7 15">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.29s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

7
code/public/static/img/loding/loding_21.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="14" stroke-width="3" stroke-dasharray="12 90" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.6s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="22" stroke-width="2" stroke-dasharray="10 110" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.0s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 637 B

7
code/public/static/img/loding/loding_22.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="15" stroke-width="4" stroke-dasharray="14 88" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.65s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="23" stroke-width="3" stroke-dasharray="11 109" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.07s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 639 B

7
code/public/static/img/loding/loding_23.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="16" stroke-width="3" stroke-dasharray="16 86" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.7s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="24" stroke-width="2" stroke-dasharray="12 108" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.1400000000000001s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 652 B

7
code/public/static/img/loding/loding_24.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="17" stroke-width="4" stroke-dasharray="18 84" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.75s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="22" stroke-width="3" stroke-dasharray="13 107" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.21s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 639 B

7
code/public/static/img/loding/loding_25.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="14" stroke-width="3" stroke-dasharray="20 82" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.8s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="23" stroke-width="2" stroke-dasharray="10 106" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.28s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 638 B

7
code/public/static/img/loding/loding_26.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="15" stroke-width="4" stroke-dasharray="22 90" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.85s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="24" stroke-width="3" stroke-dasharray="11 105" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.35s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 639 B

7
code/public/static/img/loding/loding_27.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="16" stroke-width="3" stroke-dasharray="24 88" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.9s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="22" stroke-width="2" stroke-dasharray="12 110" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.42s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 638 B

7
code/public/static/img/loding/loding_28.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="17" stroke-width="4" stroke-dasharray="26 86" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.95s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="23" stroke-width="3" stroke-dasharray="13 109" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.49s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 639 B

7
code/public/static/img/loding/loding_29.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="14" stroke-width="3" stroke-dasharray="28 84" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.0s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="24" stroke-width="2" stroke-dasharray="10 108" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.56s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 638 B

5
code/public/static/img/loding/loding_3.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="22" stroke-width="3" opacity="0.1"/>
<circle cx="32" cy="32" r="22" stroke-width="3" stroke-dasharray="24 216">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.86s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

7
code/public/static/img/loding/loding_30.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="15" stroke-width="4" stroke-dasharray="30 82" opacity="0.9">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.05s" repeatCount="indefinite"/>
</circle>
<circle cx="32" cy="32" r="22" stroke-width="3" stroke-dasharray="11 107" opacity="0.28">
<animateTransform attributeName="transform" type="rotate" from="360 32 32" to="0 32 32" dur="1.6300000000000001s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 653 B

6
code/public/static/img/loding/loding_31.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="2" opacity="0.06"/>
<g>
<circle cx="32" cy="14" r="3.2" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.65s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

6
code/public/static/img/loding/loding_32.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="19" stroke-width="3" opacity="0.08"/>
<g>
<circle cx="32" cy="13" r="3.8000000000000003" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.72s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 469 B

6
code/public/static/img/loding/loding_33.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="20" stroke-width="4" opacity="0.1"/>
<g>
<circle cx="32" cy="12" r="4.4" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.79s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 454 B

6
code/public/static/img/loding/loding_34.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="21" stroke-width="2" opacity="0.06"/>
<g>
<circle cx="32" cy="11" r="5.0" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.8600000000000001s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 468 B

6
code/public/static/img/loding/loding_35.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="22" stroke-width="3" opacity="0.08"/>
<g>
<circle cx="32" cy="10" r="3.2" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.93s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

6
code/public/static/img/loding/loding_36.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="4" opacity="0.1"/>
<g>
<circle cx="32" cy="14" r="3.8000000000000003" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.0s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 467 B

6
code/public/static/img/loding/loding_37.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="19" stroke-width="2" opacity="0.06"/>
<g>
<circle cx="32" cy="13" r="4.4" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.07s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 455 B

6
code/public/static/img/loding/loding_38.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="20" stroke-width="3" opacity="0.08"/>
<g>
<circle cx="32" cy="12" r="5.0" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.1400000000000001s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 468 B

6
code/public/static/img/loding/loding_39.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="21" stroke-width="4" opacity="0.1"/>
<g>
<circle cx="32" cy="11" r="3.2" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.21s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 454 B

5
code/public/static/img/loding/loding_4.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="4" opacity="0.11"/>
<circle cx="32" cy="32" r="18" stroke-width="4" stroke-dasharray="27 214">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.94s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

6
code/public/static/img/loding/loding_40.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="22" stroke-width="2" opacity="0.06"/>
<g>
<circle cx="32" cy="10" r="3.8000000000000003" fill="currentColor" stroke="none"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.2800000000000002s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 483 B

5
code/public/static/img/loding/loding_41.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="14.00" r="2.0" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="44.73" cy="19.27" r="2.0" fill="currentColor" stroke="none" opacity="0.27"/><circle cx="50.00" cy="32.00" r="2.0" fill="currentColor" stroke="none" opacity="0.39"/><circle cx="44.73" cy="44.73" r="2.0" fill="currentColor" stroke="none" opacity="0.51"/><circle cx="32.00" cy="50.00" r="2.0" fill="currentColor" stroke="none" opacity="0.64"/><circle cx="19.27" cy="44.73" r="2.0" fill="currentColor" stroke="none" opacity="0.76"/><circle cx="14.00" cy="32.00" r="2.0" fill="currentColor" stroke="none" opacity="0.88"/><circle cx="19.27" cy="19.27" r="2.0" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.7s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

5
code/public/static/img/loding/loding_42.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="13.00" r="2.35" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="44.21" cy="17.45" r="2.35" fill="currentColor" stroke="none" opacity="0.26"/><circle cx="50.71" cy="28.70" r="2.35" fill="currentColor" stroke="none" opacity="0.36"/><circle cx="48.45" cy="41.50" r="2.35" fill="currentColor" stroke="none" opacity="0.47"/><circle cx="38.50" cy="49.85" r="2.35" fill="currentColor" stroke="none" opacity="0.57"/><circle cx="25.50" cy="49.85" r="2.35" fill="currentColor" stroke="none" opacity="0.68"/><circle cx="15.55" cy="41.50" r="2.35" fill="currentColor" stroke="none" opacity="0.79"/><circle cx="13.29" cy="28.70" r="2.35" fill="currentColor" stroke="none" opacity="0.89"/><circle cx="19.79" cy="17.45" r="2.35" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.76s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

5
code/public/static/img/loding/loding_43.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="12.00" r="2.7" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="43.76" cy="15.82" r="2.7" fill="currentColor" stroke="none" opacity="0.24"/><circle cx="51.02" cy="25.82" r="2.7" fill="currentColor" stroke="none" opacity="0.34"/><circle cx="51.02" cy="38.18" r="2.7" fill="currentColor" stroke="none" opacity="0.43"/><circle cx="43.76" cy="48.18" r="2.7" fill="currentColor" stroke="none" opacity="0.53"/><circle cx="32.00" cy="52.00" r="2.7" fill="currentColor" stroke="none" opacity="0.62"/><circle cx="20.24" cy="48.18" r="2.7" fill="currentColor" stroke="none" opacity="0.72"/><circle cx="12.98" cy="38.18" r="2.7" fill="currentColor" stroke="none" opacity="0.81"/><circle cx="12.98" cy="25.82" r="2.7" fill="currentColor" stroke="none" opacity="0.91"/><circle cx="20.24" cy="15.82" r="2.7" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.82s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
code/public/static/img/loding/loding_44.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="11.00" r="3.05" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="43.35" cy="14.33" r="3.05" fill="currentColor" stroke="none" opacity="0.23"/><circle cx="51.10" cy="23.28" r="3.05" fill="currentColor" stroke="none" opacity="0.32"/><circle cx="52.79" cy="34.99" r="3.05" fill="currentColor" stroke="none" opacity="0.41"/><circle cx="47.87" cy="45.75" r="3.05" fill="currentColor" stroke="none" opacity="0.49"/><circle cx="37.92" cy="52.15" r="3.05" fill="currentColor" stroke="none" opacity="0.57"/><circle cx="26.08" cy="52.15" r="3.05" fill="currentColor" stroke="none" opacity="0.66"/><circle cx="16.13" cy="45.75" r="3.05" fill="currentColor" stroke="none" opacity="0.74"/><circle cx="11.21" cy="34.99" r="3.05" fill="currentColor" stroke="none" opacity="0.83"/><circle cx="12.90" cy="23.28" r="3.05" fill="currentColor" stroke="none" opacity="0.92"/><circle cx="20.65" cy="14.33" r="3.05" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.8799999999999999s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

5
code/public/static/img/loding/loding_45.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="14.00" r="2.0" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="41.00" cy="16.41" r="2.0" fill="currentColor" stroke="none" opacity="0.23"/><circle cx="47.59" cy="23.00" r="2.0" fill="currentColor" stroke="none" opacity="0.30"/><circle cx="50.00" cy="32.00" r="2.0" fill="currentColor" stroke="none" opacity="0.38"/><circle cx="47.59" cy="41.00" r="2.0" fill="currentColor" stroke="none" opacity="0.46"/><circle cx="41.00" cy="47.59" r="2.0" fill="currentColor" stroke="none" opacity="0.54"/><circle cx="32.00" cy="50.00" r="2.0" fill="currentColor" stroke="none" opacity="0.61"/><circle cx="23.00" cy="47.59" r="2.0" fill="currentColor" stroke="none" opacity="0.69"/><circle cx="16.41" cy="41.00" r="2.0" fill="currentColor" stroke="none" opacity="0.77"/><circle cx="14.00" cy="32.00" r="2.0" fill="currentColor" stroke="none" opacity="0.85"/><circle cx="16.41" cy="23.00" r="2.0" fill="currentColor" stroke="none" opacity="0.92"/><circle cx="23.00" cy="16.41" r="2.0" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.94s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

5
code/public/static/img/loding/loding_46.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="13.00" r="2.35" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="40.83" cy="15.18" r="2.35" fill="currentColor" stroke="none" opacity="0.22"/><circle cx="47.64" cy="21.21" r="2.35" fill="currentColor" stroke="none" opacity="0.29"/><circle cx="50.86" cy="29.71" r="2.35" fill="currentColor" stroke="none" opacity="0.36"/><circle cx="49.77" cy="38.74" r="2.35" fill="currentColor" stroke="none" opacity="0.43"/><circle cx="44.60" cy="46.22" r="2.35" fill="currentColor" stroke="none" opacity="0.50"/><circle cx="36.55" cy="50.45" r="2.35" fill="currentColor" stroke="none" opacity="0.57"/><circle cx="27.45" cy="50.45" r="2.35" fill="currentColor" stroke="none" opacity="0.65"/><circle cx="19.40" cy="46.22" r="2.35" fill="currentColor" stroke="none" opacity="0.72"/><circle cx="14.23" cy="38.74" r="2.35" fill="currentColor" stroke="none" opacity="0.79"/><circle cx="13.14" cy="29.71" r="2.35" fill="currentColor" stroke="none" opacity="0.86"/><circle cx="16.36" cy="21.21" r="2.35" fill="currentColor" stroke="none" opacity="0.93"/><circle cx="23.17" cy="15.18" r="2.35" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.0s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

5
code/public/static/img/loding/loding_47.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="12.00" r="2.7" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="40.68" cy="13.98" r="2.7" fill="currentColor" stroke="none" opacity="0.22"/><circle cx="47.64" cy="19.53" r="2.7" fill="currentColor" stroke="none" opacity="0.28"/><circle cx="51.50" cy="27.55" r="2.7" fill="currentColor" stroke="none" opacity="0.35"/><circle cx="51.50" cy="36.45" r="2.7" fill="currentColor" stroke="none" opacity="0.41"/><circle cx="47.64" cy="44.47" r="2.7" fill="currentColor" stroke="none" opacity="0.48"/><circle cx="40.68" cy="50.02" r="2.7" fill="currentColor" stroke="none" opacity="0.54"/><circle cx="32.00" cy="52.00" r="2.7" fill="currentColor" stroke="none" opacity="0.61"/><circle cx="23.32" cy="50.02" r="2.7" fill="currentColor" stroke="none" opacity="0.67"/><circle cx="16.36" cy="44.47" r="2.7" fill="currentColor" stroke="none" opacity="0.74"/><circle cx="12.50" cy="36.45" r="2.7" fill="currentColor" stroke="none" opacity="0.80"/><circle cx="12.50" cy="27.55" r="2.7" fill="currentColor" stroke="none" opacity="0.87"/><circle cx="16.36" cy="19.53" r="2.7" fill="currentColor" stroke="none" opacity="0.93"/><circle cx="23.32" cy="13.98" r="2.7" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.06s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

5
code/public/static/img/loding/loding_48.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="11.00" r="3.05" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="46.85" cy="17.15" r="3.05" fill="currentColor" stroke="none" opacity="0.27"/><circle cx="53.00" cy="32.00" r="3.05" fill="currentColor" stroke="none" opacity="0.39"/><circle cx="46.85" cy="46.85" r="3.05" fill="currentColor" stroke="none" opacity="0.51"/><circle cx="32.00" cy="53.00" r="3.05" fill="currentColor" stroke="none" opacity="0.64"/><circle cx="17.15" cy="46.85" r="3.05" fill="currentColor" stroke="none" opacity="0.76"/><circle cx="11.00" cy="32.00" r="3.05" fill="currentColor" stroke="none" opacity="0.88"/><circle cx="17.15" cy="17.15" r="3.05" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.1199999999999999s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

5
code/public/static/img/loding/loding_49.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="14.00" r="2.0" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="43.57" cy="18.21" r="2.0" fill="currentColor" stroke="none" opacity="0.26"/><circle cx="49.73" cy="28.87" r="2.0" fill="currentColor" stroke="none" opacity="0.36"/><circle cx="47.59" cy="41.00" r="2.0" fill="currentColor" stroke="none" opacity="0.47"/><circle cx="38.16" cy="48.91" r="2.0" fill="currentColor" stroke="none" opacity="0.57"/><circle cx="25.84" cy="48.91" r="2.0" fill="currentColor" stroke="none" opacity="0.68"/><circle cx="16.41" cy="41.00" r="2.0" fill="currentColor" stroke="none" opacity="0.79"/><circle cx="14.27" cy="28.87" r="2.0" fill="currentColor" stroke="none" opacity="0.89"/><circle cx="20.43" cy="18.21" r="2.0" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.18s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

5
code/public/static/img/loding/loding_5.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="20" stroke-width="3" opacity="0.08"/>
<circle cx="32" cy="32" r="20" stroke-width="3" stroke-dasharray="30 212">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.02s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 458 B

5
code/public/static/img/loding/loding_50.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="13.00" r="2.35" fill="currentColor" stroke="none" opacity="0.15"/><circle cx="43.17" cy="16.63" r="2.35" fill="currentColor" stroke="none" opacity="0.24"/><circle cx="50.07" cy="26.13" r="2.35" fill="currentColor" stroke="none" opacity="0.34"/><circle cx="50.07" cy="37.87" r="2.35" fill="currentColor" stroke="none" opacity="0.43"/><circle cx="43.17" cy="47.37" r="2.35" fill="currentColor" stroke="none" opacity="0.53"/><circle cx="32.00" cy="51.00" r="2.35" fill="currentColor" stroke="none" opacity="0.62"/><circle cx="20.83" cy="47.37" r="2.35" fill="currentColor" stroke="none" opacity="0.72"/><circle cx="13.93" cy="37.87" r="2.35" fill="currentColor" stroke="none" opacity="0.81"/><circle cx="13.93" cy="26.13" r="2.35" fill="currentColor" stroke="none" opacity="0.91"/><circle cx="20.83" cy="16.63" r="2.35" fill="currentColor" stroke="none" opacity="1.00"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.24s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

25
code/public/static/img/loding/loding_51.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="20.00" x2="32.00" y2="8.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="40.49" y1="23.51" x2="48.97" y2="15.03" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.113s" repeatCount="indefinite"/>
</line>
<line x1="44.00" y1="32.00" x2="56.00" y2="32.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.225s" repeatCount="indefinite"/>
</line>
<line x1="40.49" y1="40.49" x2="48.97" y2="48.97" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.338s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="44.00" x2="32.00" y2="56.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.450s" repeatCount="indefinite"/>
</line>
<line x1="23.51" y1="40.49" x2="15.03" y2="48.97" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.562s" repeatCount="indefinite"/>
</line>
<line x1="20.00" y1="32.00" x2="8.00" y2="32.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.675s" repeatCount="indefinite"/>
</line>
<line x1="23.51" y1="23.51" x2="15.03" y2="15.03" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.9s" begin="0.787s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

31
code/public/static/img/loding/loding_52.svg Normal file
View File

@@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="19.00" x2="32.00" y2="9.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="39.64" y1="21.48" x2="45.52" y2="13.39" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.098s" repeatCount="indefinite"/>
</line>
<line x1="44.36" y1="27.98" x2="53.87" y2="24.89" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.196s" repeatCount="indefinite"/>
</line>
<line x1="44.36" y1="36.02" x2="53.87" y2="39.11" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.294s" repeatCount="indefinite"/>
</line>
<line x1="39.64" y1="42.52" x2="45.52" y2="50.61" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.392s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="45.00" x2="32.00" y2="55.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.490s" repeatCount="indefinite"/>
</line>
<line x1="24.36" y1="42.52" x2="18.48" y2="50.61" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.588s" repeatCount="indefinite"/>
</line>
<line x1="19.64" y1="36.02" x2="10.13" y2="39.11" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.686s" repeatCount="indefinite"/>
</line>
<line x1="19.64" y1="27.98" x2="10.13" y2="24.89" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.784s" repeatCount="indefinite"/>
</line>
<line x1="24.36" y1="21.48" x2="18.48" y2="13.39" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="0.98s" begin="0.882s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

37
code/public/static/img/loding/loding_53.svg Normal file
View File

@@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="18.00" x2="32.00" y2="10.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="39.00" y1="19.88" x2="43.00" y2="12.95" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.088s" repeatCount="indefinite"/>
</line>
<line x1="44.12" y1="25.00" x2="51.05" y2="21.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.177s" repeatCount="indefinite"/>
</line>
<line x1="46.00" y1="32.00" x2="54.00" y2="32.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.265s" repeatCount="indefinite"/>
</line>
<line x1="44.12" y1="39.00" x2="51.05" y2="43.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.353s" repeatCount="indefinite"/>
</line>
<line x1="39.00" y1="44.12" x2="43.00" y2="51.05" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.442s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="46.00" x2="32.00" y2="54.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.530s" repeatCount="indefinite"/>
</line>
<line x1="25.00" y1="44.12" x2="21.00" y2="51.05" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.618s" repeatCount="indefinite"/>
</line>
<line x1="19.88" y1="39.00" x2="12.95" y2="43.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.707s" repeatCount="indefinite"/>
</line>
<line x1="18.00" y1="32.00" x2="10.00" y2="32.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.795s" repeatCount="indefinite"/>
</line>
<line x1="19.88" y1="25.00" x2="12.95" y2="21.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.883s" repeatCount="indefinite"/>
</line>
<line x1="25.00" y1="19.88" x2="21.00" y2="12.95" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.06s" begin="0.972s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

43
code/public/static/img/loding/loding_54.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="20.00" x2="32.00" y2="8.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="37.21" y1="21.19" x2="42.41" y2="10.38" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.081s" repeatCount="indefinite"/>
</line>
<line x1="41.38" y1="24.52" x2="50.76" y2="17.04" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.163s" repeatCount="indefinite"/>
</line>
<line x1="43.70" y1="29.33" x2="55.40" y2="26.66" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.244s" repeatCount="indefinite"/>
</line>
<line x1="43.70" y1="34.67" x2="55.40" y2="37.34" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.326s" repeatCount="indefinite"/>
</line>
<line x1="41.38" y1="39.48" x2="50.76" y2="46.96" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.407s" repeatCount="indefinite"/>
</line>
<line x1="37.21" y1="42.81" x2="42.41" y2="53.62" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.489s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="44.00" x2="32.00" y2="56.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.570s" repeatCount="indefinite"/>
</line>
<line x1="26.79" y1="42.81" x2="21.59" y2="53.62" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.651s" repeatCount="indefinite"/>
</line>
<line x1="22.62" y1="39.48" x2="13.24" y2="46.96" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.733s" repeatCount="indefinite"/>
</line>
<line x1="20.30" y1="34.67" x2="8.60" y2="37.34" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.814s" repeatCount="indefinite"/>
</line>
<line x1="20.30" y1="29.33" x2="8.60" y2="26.66" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.896s" repeatCount="indefinite"/>
</line>
<line x1="22.62" y1="24.52" x2="13.24" y2="17.04" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="0.977s" repeatCount="indefinite"/>
</line>
<line x1="26.79" y1="21.19" x2="21.59" y2="10.38" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.1400000000000001s" begin="1.059s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

49
code/public/static/img/loding/loding_55.svg Normal file
View File

@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="19.00" x2="32.00" y2="9.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="36.97" y1="19.99" x2="40.80" y2="10.75" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.076s" repeatCount="indefinite"/>
</line>
<line x1="41.19" y1="22.81" x2="48.26" y2="15.74" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.152s" repeatCount="indefinite"/>
</line>
<line x1="44.01" y1="27.03" x2="53.25" y2="23.20" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.229s" repeatCount="indefinite"/>
</line>
<line x1="45.00" y1="32.00" x2="55.00" y2="32.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.305s" repeatCount="indefinite"/>
</line>
<line x1="44.01" y1="36.97" x2="53.25" y2="40.80" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.381s" repeatCount="indefinite"/>
</line>
<line x1="41.19" y1="41.19" x2="48.26" y2="48.26" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.458s" repeatCount="indefinite"/>
</line>
<line x1="36.97" y1="44.01" x2="40.80" y2="53.25" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.534s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="45.00" x2="32.00" y2="55.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.610s" repeatCount="indefinite"/>
</line>
<line x1="27.03" y1="44.01" x2="23.20" y2="53.25" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.686s" repeatCount="indefinite"/>
</line>
<line x1="22.81" y1="41.19" x2="15.74" y2="48.26" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.762s" repeatCount="indefinite"/>
</line>
<line x1="19.99" y1="36.97" x2="10.75" y2="40.80" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.839s" repeatCount="indefinite"/>
</line>
<line x1="19.00" y1="32.00" x2="9.00" y2="32.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.915s" repeatCount="indefinite"/>
</line>
<line x1="19.99" y1="27.03" x2="10.75" y2="23.20" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="0.991s" repeatCount="indefinite"/>
</line>
<line x1="22.81" y1="22.81" x2="15.74" y2="15.74" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="1.067s" repeatCount="indefinite"/>
</line>
<line x1="27.03" y1="19.99" x2="23.20" y2="10.75" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.22s" begin="1.144s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

25
code/public/static/img/loding/loding_56.svg Normal file
View File

@@ -0,0 +1,25 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="18.00" x2="32.00" y2="10.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="41.90" y1="22.10" x2="47.56" y2="16.44" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.163s" repeatCount="indefinite"/>
</line>
<line x1="46.00" y1="32.00" x2="54.00" y2="32.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.325s" repeatCount="indefinite"/>
</line>
<line x1="41.90" y1="41.90" x2="47.56" y2="47.56" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.488s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="46.00" x2="32.00" y2="54.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.650s" repeatCount="indefinite"/>
</line>
<line x1="22.10" y1="41.90" x2="16.44" y2="47.56" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.812s" repeatCount="indefinite"/>
</line>
<line x1="18.00" y1="32.00" x2="10.00" y2="32.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="0.975s" repeatCount="indefinite"/>
</line>
<line x1="22.10" y1="22.10" x2="16.44" y2="16.44" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.3s" begin="1.137s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

31
code/public/static/img/loding/loding_57.svg Normal file
View File

@@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="20.00" x2="32.00" y2="8.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="39.05" y1="22.29" x2="46.11" y2="12.58" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.138s" repeatCount="indefinite"/>
</line>
<line x1="43.41" y1="28.29" x2="54.83" y2="24.58" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.276s" repeatCount="indefinite"/>
</line>
<line x1="43.41" y1="35.71" x2="54.83" y2="39.42" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.414s" repeatCount="indefinite"/>
</line>
<line x1="39.05" y1="41.71" x2="46.11" y2="51.42" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.552s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="44.00" x2="32.00" y2="56.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.690s" repeatCount="indefinite"/>
</line>
<line x1="24.95" y1="41.71" x2="17.89" y2="51.42" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.828s" repeatCount="indefinite"/>
</line>
<line x1="20.59" y1="35.71" x2="9.17" y2="39.42" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="0.966s" repeatCount="indefinite"/>
</line>
<line x1="20.59" y1="28.29" x2="9.17" y2="24.58" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="1.104s" repeatCount="indefinite"/>
</line>
<line x1="24.95" y1="22.29" x2="17.89" y2="12.58" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.38s" begin="1.242s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

37
code/public/static/img/loding/loding_58.svg Normal file
View File

@@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="19.00" x2="32.00" y2="9.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="38.50" y1="20.74" x2="43.50" y2="12.08" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.122s" repeatCount="indefinite"/>
</line>
<line x1="43.26" y1="25.50" x2="51.92" y2="20.50" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.243s" repeatCount="indefinite"/>
</line>
<line x1="45.00" y1="32.00" x2="55.00" y2="32.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.365s" repeatCount="indefinite"/>
</line>
<line x1="43.26" y1="38.50" x2="51.92" y2="43.50" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.487s" repeatCount="indefinite"/>
</line>
<line x1="38.50" y1="43.26" x2="43.50" y2="51.92" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.608s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="45.00" x2="32.00" y2="55.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.730s" repeatCount="indefinite"/>
</line>
<line x1="25.50" y1="43.26" x2="20.50" y2="51.92" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.852s" repeatCount="indefinite"/>
</line>
<line x1="20.74" y1="38.50" x2="12.08" y2="43.50" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="0.973s" repeatCount="indefinite"/>
</line>
<line x1="19.00" y1="32.00" x2="9.00" y2="32.00" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="1.095s" repeatCount="indefinite"/>
</line>
<line x1="20.74" y1="25.50" x2="12.08" y2="20.50" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="1.217s" repeatCount="indefinite"/>
</line>
<line x1="25.50" y1="20.74" x2="20.50" y2="12.08" stroke-width="3" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.46s" begin="1.338s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

43
code/public/static/img/loding/loding_59.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="18.00" x2="32.00" y2="10.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="38.07" y1="19.39" x2="41.55" y2="12.18" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.110s" repeatCount="indefinite"/>
</line>
<line x1="42.95" y1="23.27" x2="49.20" y2="18.28" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.220s" repeatCount="indefinite"/>
</line>
<line x1="45.65" y1="28.88" x2="53.45" y2="27.10" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.330s" repeatCount="indefinite"/>
</line>
<line x1="45.65" y1="35.12" x2="53.45" y2="36.90" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.440s" repeatCount="indefinite"/>
</line>
<line x1="42.95" y1="40.73" x2="49.20" y2="45.72" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.550s" repeatCount="indefinite"/>
</line>
<line x1="38.07" y1="44.61" x2="41.55" y2="51.82" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.660s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="46.00" x2="32.00" y2="54.00" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.770s" repeatCount="indefinite"/>
</line>
<line x1="25.93" y1="44.61" x2="22.45" y2="51.82" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.880s" repeatCount="indefinite"/>
</line>
<line x1="21.05" y1="40.73" x2="14.80" y2="45.72" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="0.990s" repeatCount="indefinite"/>
</line>
<line x1="18.35" y1="35.12" x2="10.55" y2="36.90" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="1.100s" repeatCount="indefinite"/>
</line>
<line x1="18.35" y1="28.88" x2="10.55" y2="27.10" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="1.210s" repeatCount="indefinite"/>
</line>
<line x1="21.05" y1="23.27" x2="14.80" y2="18.28" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="1.320s" repeatCount="indefinite"/>
</line>
<line x1="25.93" y1="19.39" x2="22.45" y2="12.18" stroke-width="4" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.54s" begin="1.430s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

5
code/public/static/img/loding/loding_6.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="22" stroke-width="4" opacity="0.09"/>
<circle cx="32" cy="32" r="22" stroke-width="4" stroke-dasharray="33 210">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.1s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 458 B

49
code/public/static/img/loding/loding_60.svg Normal file
View File

@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><g>
<line x1="32.00" y1="20.00" x2="32.00" y2="8.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.000s" repeatCount="indefinite"/>
</line>
<line x1="36.59" y1="20.91" x2="41.18" y2="9.83" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.101s" repeatCount="indefinite"/>
</line>
<line x1="40.49" y1="23.51" x2="48.97" y2="15.03" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.203s" repeatCount="indefinite"/>
</line>
<line x1="43.09" y1="27.41" x2="54.17" y2="22.82" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.304s" repeatCount="indefinite"/>
</line>
<line x1="44.00" y1="32.00" x2="56.00" y2="32.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.405s" repeatCount="indefinite"/>
</line>
<line x1="43.09" y1="36.59" x2="54.17" y2="41.18" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.506s" repeatCount="indefinite"/>
</line>
<line x1="40.49" y1="40.49" x2="48.97" y2="48.97" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.608s" repeatCount="indefinite"/>
</line>
<line x1="36.59" y1="43.09" x2="41.18" y2="54.17" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.709s" repeatCount="indefinite"/>
</line>
<line x1="32.00" y1="44.00" x2="32.00" y2="56.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.810s" repeatCount="indefinite"/>
</line>
<line x1="27.41" y1="43.09" x2="22.82" y2="54.17" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="0.911s" repeatCount="indefinite"/>
</line>
<line x1="23.51" y1="40.49" x2="15.03" y2="48.97" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="1.013s" repeatCount="indefinite"/>
</line>
<line x1="20.91" y1="36.59" x2="9.83" y2="41.18" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="1.114s" repeatCount="indefinite"/>
</line>
<line x1="20.00" y1="32.00" x2="8.00" y2="32.00" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="1.215s" repeatCount="indefinite"/>
</line>
<line x1="20.91" y1="27.41" x2="9.83" y2="22.82" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="1.316s" repeatCount="indefinite"/>
</line>
<line x1="23.51" y1="23.51" x2="15.03" y2="15.03" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="1.417s" repeatCount="indefinite"/>
</line>
<line x1="27.41" y1="20.91" x2="22.82" y2="9.83" stroke-width="2" opacity="0.2">
<animate attributeName="opacity" values="0.2;1;0.2" dur="1.62s" begin="1.519s" repeatCount="indefinite"/>
</line></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

5
code/public/static/img/loding/loding_61.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="16.00" r="3.0" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="45.86" cy="40.00" r="3.0" fill="currentColor" stroke="none" opacity="0.75"/><circle cx="18.14" cy="40.00" r="3.0" fill="currentColor" stroke="none" opacity="0.50"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.55s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 585 B

5
code/public/static/img/loding/loding_62.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="15.00" r="3.5" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="49.00" cy="32.00" r="3.5" fill="currentColor" stroke="none" opacity="0.81"/><circle cx="32.00" cy="49.00" r="3.5" fill="currentColor" stroke="none" opacity="0.62"/><circle cx="15.00" cy="32.00" r="3.5" fill="currentColor" stroke="none" opacity="0.44"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.6100000000000001s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 686 B

5
code/public/static/img/loding/loding_63.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="14.00" r="4.0" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="49.12" cy="26.44" r="4.0" fill="currentColor" stroke="none" opacity="0.85"/><circle cx="42.58" cy="46.56" r="4.0" fill="currentColor" stroke="none" opacity="0.70"/><circle cx="21.42" cy="46.56" r="4.0" fill="currentColor" stroke="none" opacity="0.55"/><circle cx="14.88" cy="26.44" r="4.0" fill="currentColor" stroke="none" opacity="0.40"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.67s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 761 B

5
code/public/static/img/loding/loding_64.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="13.00" r="4.5" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="48.45" cy="22.50" r="4.5" fill="currentColor" stroke="none" opacity="0.88"/><circle cx="48.45" cy="41.50" r="4.5" fill="currentColor" stroke="none" opacity="0.75"/><circle cx="32.00" cy="51.00" r="4.5" fill="currentColor" stroke="none" opacity="0.62"/><circle cx="15.55" cy="41.50" r="4.5" fill="currentColor" stroke="none" opacity="0.50"/><circle cx="15.55" cy="22.50" r="4.5" fill="currentColor" stroke="none" opacity="0.38"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.73s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 848 B

5
code/public/static/img/loding/loding_65.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="12.00" r="3.0" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="47.64" cy="19.53" r="3.0" fill="currentColor" stroke="none" opacity="0.89"/><circle cx="51.50" cy="36.45" r="3.0" fill="currentColor" stroke="none" opacity="0.79"/><circle cx="40.68" cy="50.02" r="3.0" fill="currentColor" stroke="none" opacity="0.68"/><circle cx="23.32" cy="50.02" r="3.0" fill="currentColor" stroke="none" opacity="0.57"/><circle cx="12.50" cy="36.45" r="3.0" fill="currentColor" stroke="none" opacity="0.46"/><circle cx="16.36" cy="19.53" r="3.0" fill="currentColor" stroke="none" opacity="0.36"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.79s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 937 B

5
code/public/static/img/loding/loding_66.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="16.00" r="3.5" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="45.86" cy="40.00" r="3.5" fill="currentColor" stroke="none" opacity="0.75"/><circle cx="18.14" cy="40.00" r="3.5" fill="currentColor" stroke="none" opacity="0.50"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.8500000000000001s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 598 B

5
code/public/static/img/loding/loding_67.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="15.00" r="4.0" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="49.00" cy="32.00" r="4.0" fill="currentColor" stroke="none" opacity="0.81"/><circle cx="32.00" cy="49.00" r="4.0" fill="currentColor" stroke="none" opacity="0.62"/><circle cx="15.00" cy="32.00" r="4.0" fill="currentColor" stroke="none" opacity="0.44"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="0.91s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 673 B

5
code/public/static/img/loding/loding_68.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="14.00" r="4.5" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="49.12" cy="26.44" r="4.5" fill="currentColor" stroke="none" opacity="0.85"/><circle cx="42.58" cy="46.56" r="4.5" fill="currentColor" stroke="none" opacity="0.70"/><circle cx="21.42" cy="46.56" r="4.5" fill="currentColor" stroke="none" opacity="0.55"/><circle cx="14.88" cy="26.44" r="4.5" fill="currentColor" stroke="none" opacity="0.40"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="0.97s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 760 B

5
code/public/static/img/loding/loding_69.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="32.00" cy="13.00" r="3.0" fill="currentColor" stroke="none" opacity="1.00"/><circle cx="48.45" cy="22.50" r="3.0" fill="currentColor" stroke="none" opacity="0.88"/><circle cx="48.45" cy="41.50" r="3.0" fill="currentColor" stroke="none" opacity="0.75"/><circle cx="32.00" cy="51.00" r="3.0" fill="currentColor" stroke="none" opacity="0.62"/><circle cx="15.55" cy="41.50" r="3.0" fill="currentColor" stroke="none" opacity="0.50"/><circle cx="15.55" cy="22.50" r="3.0" fill="currentColor" stroke="none" opacity="0.38"/>
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="-360 32 32" dur="1.03s" repeatCount="indefinite"/>
</g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 849 B

5
code/public/static/img/loding/loding_7.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<circle cx="32" cy="32" r="18" stroke-width="3" opacity="0.1"/>
<circle cx="32" cy="32" r="18" stroke-width="3" stroke-dasharray="36 208">
<animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1.18s" repeatCount="indefinite"/>
</circle></svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

Some files were not shown because too many files have changed in this diff Show More