Compare commits
7 Commits
main
...
110e1b2d54
| Author | SHA1 | Date | |
|---|---|---|---|
110e1b2d54
|
|||
|
18f23d97f3
|
|||
|
454aec9072
|
|||
|
242f197c01
|
|||
|
109907d7a2
|
|||
|
423f51c8ba
|
|||
|
48dbada67f
|
BIN
img/0.webp
BIN
img/0.webp
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
BIN
img/1.webp
BIN
img/1.webp
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
BIN
img/10.png
BIN
img/10.png
Binary file not shown.
|
Before Width: | Height: | Size: 933 KiB |
BIN
img/10.webp
BIN
img/10.webp
Binary file not shown.
|
Before Width: | Height: | Size: 160 KiB |
BIN
img/11.png
BIN
img/11.png
Binary file not shown.
|
Before Width: | Height: | Size: 688 KiB |
BIN
img/11.webp
BIN
img/11.webp
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB |
BIN
img/12.png
BIN
img/12.png
Binary file not shown.
|
Before Width: | Height: | Size: 516 KiB |
BIN
img/12.webp
BIN
img/12.webp
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
BIN
img/13.png
BIN
img/13.png
Binary file not shown.
|
Before Width: | Height: | Size: 416 KiB |
BIN
img/13.webp
BIN
img/13.webp
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
BIN
img/14.png
BIN
img/14.png
Binary file not shown.
|
Before Width: | Height: | Size: 462 KiB |
BIN
img/14.webp
BIN
img/14.webp
Binary file not shown.
|
Before Width: | Height: | Size: 109 KiB |
BIN
img/15.png
BIN
img/15.png
Binary file not shown.
|
Before Width: | Height: | Size: 642 KiB |
BIN
img/15.webp
BIN
img/15.webp
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
BIN
img/2.webp
BIN
img/2.webp
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
BIN
img/3.webp
BIN
img/3.webp
Binary file not shown.
|
Before Width: | Height: | Size: 94 KiB |
BIN
img/4.webp
BIN
img/4.webp
Binary file not shown.
|
Before Width: | Height: | Size: 94 KiB |
BIN
img/5.webp
BIN
img/5.webp
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
BIN
img/6.webp
BIN
img/6.webp
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
BIN
img/7.webp
BIN
img/7.webp
Binary file not shown.
|
Before Width: | Height: | Size: 90 KiB |
BIN
img/8.webp
BIN
img/8.webp
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
BIN
img/9.webp
BIN
img/9.webp
Binary file not shown.
|
Before Width: | Height: | Size: 103 KiB |
2
public
2
public
Submodule public updated: ceda2fab6e...abba2f3b7b
@ -26,7 +26,7 @@ do
|
||||
|
||||
if [ ! -f $oo ];then
|
||||
echo $oo
|
||||
magick convert $o -gravity center -extent 8000x4000 $oo
|
||||
convert $o -gravity center -extent 8000x4000 $oo
|
||||
fi
|
||||
|
||||
# mkdir -p $o_dir/$id
|
||||
|
||||
631
src/App.vue
631
src/App.vue
@ -1,14 +1,12 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<link rel="stylesheet" href="https://syui.ai/bower_components/icomoon/style.css" />
|
||||
<link rel="stylesheet" href="https://syui.ai/bower_components/font-awesome/css/all.min.css" />
|
||||
<link rel="stylesheet" href="https://yui.syui.ai/pkg/icomoon/css/icomoon.css" />
|
||||
<link rel="stylesheet" href="https://yui.syui.ai/pkg/font-awesome/css/all.min.css" />
|
||||
<div class="menu">
|
||||
<a href="/" class="top-icon"><span class="icon-ai"></span></a>
|
||||
<code v-if="loc === 'te'"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank">@yui.syui.ai</a> /ten</code>
|
||||
<code v-else-if="loc === 'pr'"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank">@yui.syui.ai</a> /fav 1234567</code>
|
||||
<code v-else-if="loc === 'docs' || loc === 'en'"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank">@yui.syui.ai</a> /help</code>
|
||||
<code v-else-if="loc === 'di'"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank">@yui.syui.ai</a> /did</code>
|
||||
<code v-else-if="loc === 'svn'"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank">@yui.syui.ai</a> /ten pay 7</code>
|
||||
<code v-else><a href="https://bsky.app/profile/yui.syui.ai" target="_blank">@yui.syui.ai</a> /card</code>
|
||||
</div>
|
||||
|
||||
@ -24,7 +22,7 @@
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<a href="/docs"><button>help</button></a> <a href="/en"><button>en</button></a> <a href="/pr"><button>fav</button></a> <a href="/te"><button>ten</button></a> <button v-if="loc.length == 0" v-on:click="did_enable = !did_enable">did</button> <a v-else href="/di"><button>did</button></a> <a href="/c"><button>all</button></a> <a href="/svn"><button>seven</button></a>
|
||||
<a href="/docs"><button>help</button></a> <a href="/en"><button>en</button></a> <a href="/pr"><button>fav</button></a> <a href="/te"><button>ten</button></a> <button v-if="loc.length == 0" v-on:click="did_enable = !did_enable">did</button> <a v-else href="/di"><button>did</button></a>
|
||||
</p>
|
||||
|
||||
<div v-if="loc.length > 1">
|
||||
@ -62,37 +60,66 @@
|
||||
</div>
|
||||
|
||||
<div class="card_kira_center">
|
||||
<button v-on:click="cardoriginstatus" class="card_origin_status"><span class="icon-ai"></span></button> <button v-if="cards.data.filter((v) => v.skill == '3d' && (v.card >= 0 && v.card <= 14 || v.card == 64))[0]" v-on:click="glb_status = !glb_status" class="unity"><span class="icon-cube"></span></button> <button v-if="model == true || cards.data.filter((v) => v.skill == 'model').length >= 1" v-on:click="vrmviewer"><span class="icon-game"></span></button> <button v-if="game == true" v-on:click="term_status = !term_status"><span class="icon-aiterm"></span></button>
|
||||
<button v-on:click="cardoriginstatus" class="card_origin_status"><span class="icon-ai"></span></button> <button v-if="cards.data.filter((v) => v.skill == '3d' && (v.card >= 0 && v.card <= 14 || v.card == 64))[0]" v-on:click="glb_status = !glb_status" class="unity"><i class="fa-solid fa-cube" id="vrm_button"></i></button> <button v-if="model == true || cards.data.filter((v) => v.skill == 'model').length >= 1" v-on:click="vrmviewer"><i class="fa-solid fa-gamepad"></i></button> <button v-if="game == true" v-on:click="term_status = !term_status"><i class="fa-solid fa-terminal"></i></button>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
1st first
|
||||
2nd second
|
||||
3rd third
|
||||
4th fourth
|
||||
5th fifth
|
||||
6th sixth
|
||||
7th seventh
|
||||
8th eighth
|
||||
-->
|
||||
|
||||
<span class="card-fav" v-if="card_origin_status">
|
||||
<span class="card-fav" v-for="k in cards.data">
|
||||
<tr class="card-status-first" v-if="k.status == 'yui' || k.status == 'first' || k.status == 'second' || k.status == 'second' || k.status == 'third' || k.status == 'fourth' || k.status == 'fifth' || k.status == 'sixth' || k.status == 'seven'" >
|
||||
<tr class="card-status-first" v-if="k.status == 'first' && k.card !== null" >
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + k.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span :class="'card pattern-' + k.status"></span>
|
||||
<span :class="'card color-' + k.status"></span>
|
||||
<span :class="'card highlight-' + k.status"></span>
|
||||
<span class="card pattern"></span>
|
||||
<span class="card color"></span>
|
||||
<span class="card highlight"></span>
|
||||
</span>
|
||||
</tr>
|
||||
<tr class="card-status-first" v-else-if="k.status == 'second' && k.card !== null">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + k.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-s"></span>
|
||||
<span class="card color-s"></span>
|
||||
<span class="card highlight-s"></span>
|
||||
</span>
|
||||
</tr>
|
||||
<tr class="card-status-first" v-else-if="k.status == 'third' && k.card !== null">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + k.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-t"></span>
|
||||
<span class="card color-t"></span>
|
||||
<span class="card highlight-t"></span>
|
||||
</span>
|
||||
</tr>
|
||||
<tr class="card-status-first" v-else-if="k.status == 'fourth' && k.card !== null">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + k.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-f"></span>
|
||||
<span class="card color-f"></span>
|
||||
<span class="card highlight-f"></span>
|
||||
</span>
|
||||
</tr>
|
||||
<tr class="card-status-first" v-else-if="k.status == 'yui' && k.card !== null">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + k.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-yui"></span>
|
||||
<span class="card color-yui"></span>
|
||||
<span class="card highlight-yui"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<div class="vrm" v-if="iframe_status == true">
|
||||
<iframe src="https://vrm.syui.ai" allowfullscreen frameborder="0" loading="lazy"></iframe>
|
||||
<iframe src="https://vrm.syui.ai" allowfullscreen frameborder="0"></iframe>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
@ -112,7 +139,6 @@
|
||||
</div>
|
||||
|
||||
<div class="glb" v-if="glb_status == true">
|
||||
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
|
||||
<model-viewer v-if="glb_next !== 0" class="ar" :src="'/obj/card_' + glb_next + '.glb'" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
|
||||
<model-viewer v-else class="ar" :src="'/obj/card_' + cards.data.filter((v) => v.skill == '3d' && (v.card >= 1 && v.card <= 14 || v.card == 64))[0].card + '.glb'" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
|
||||
<span v-for="(ii, index) in cards.data.filter((v) => v.skill == '3d' && (v.card >= 1 && v.card <= 14 || v.card == 64))" class="glb">
|
||||
@ -126,9 +152,13 @@
|
||||
</div>
|
||||
|
||||
<div class="term" v-if="term_status == true">
|
||||
<iframe :src="'https://term.syui.ai?user=' + username + '&did=' + did + '&id=' + id" allowfullscreen frameborder="0" loading="lazy"></iframe>
|
||||
<iframe :src="'https://term.syui.ai?user=' + username + '&did=' + did + '&id=' + id" allowfullscreen frameborder="0"></iframe>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
first(ファースト) second(セカンド) third(サード) fourth(フォース) fifth(フィフス) sixth(スィクスス) seventh(セヴンス) eighth(エイトス) ninth(ナインス) tenth(テンス) eleventh(イレヴンス) twelfth(トウェルフス) thirteenth(サーティーンス) fifteenth(フィフティーンス) sixteenth(スィクスティーンス) seventeenth(セヴンティーンス) eighteenth(エイティーンス) nineteenth(ナインティーンス) twentieth(トウィンティイス)
|
||||
-->
|
||||
|
||||
<span class="menu-right-top" v-if="cards.data.find((v) => v.card == 43)">
|
||||
<button v-on:click="book_user = !book_user">book</button>
|
||||
</span>
|
||||
@ -152,15 +182,81 @@
|
||||
<span class="card-fav-su">
|
||||
{{ ii = cards.data.find((v) => v.id == user_fav) }}
|
||||
</span>
|
||||
<thead v-if="ii.status == 'yui' || ii.status == 'first' || ii.status == 'second' || ii.status == 'second' || ii.status == 'third' || ii.status == 'fourth' || ii.status == 'fifth' || ii.status == 'sixth' || ii.status == 'seven'" class="card-fav">
|
||||
|
||||
<thead v-if="ii.status == 'first' && ii.card !== null" class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span :class="'card pattern-' + ii.status"></span>
|
||||
<span :class="'card color-' + ii.status"></span>
|
||||
<span :class="'card highlight-' + ii.status"></span>
|
||||
<span class="card pattern"></span>
|
||||
<span class="card color"></span>
|
||||
<span class="card highlight"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<thead v-else-if="ii.status == 'second' && ii.card !== null" class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-s"></span>
|
||||
<span class="card color-s"></span>
|
||||
<span class="card highlight-s"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<thead v-else-if="ii.status == 'third' && ii.card !== null" class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-t"></span>
|
||||
<span class="card color-t"></span>
|
||||
<span class="card highlight-t"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<thead v-else-if="ii.status == 'yui' && ii.card !== null" class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-yui"></span>
|
||||
<span class="card color-yui"></span>
|
||||
<span class="card highlight-yui"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<thead v-else-if="ii.status == 'fourth' && ii.card !== null" class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-f"></span>
|
||||
<span class="card color-f"></span>
|
||||
<span class="card highlight-f"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<thead v-else-if="ii.status == 'fifth' && ii.card !== null" class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-fifth"></span>
|
||||
<span class="card color-fifth"></span>
|
||||
<span class="card highlight-fifth"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
@ -184,94 +280,12 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="card-planet" v-if="planet_status == true">
|
||||
<table class="card-fav">
|
||||
<thead>
|
||||
<span class="card-planet" v-if="planet >= 1000000">
|
||||
<iframe :src="planet_url + '?g=galaxy'" scrolling="no" frameborder="0" style="width:155px;height:200px;padding-bottom:14px;" loading="lazy"></iframe>
|
||||
</span>
|
||||
<span class="card-planet" v-else-if="planet >= 466666">
|
||||
<iframe :src="planet_url + '?g=neutron'" scrolling="no" frameborder="0" style="width:155px;height:200px;padding-bottom:14px;" loading="lazy"></iframe>
|
||||
</span>
|
||||
<span class="card-planet" v-else-if="planet >= 333000">
|
||||
<iframe :src="planet_url + '?g=sun'" scrolling="no" frameborder="0" style="width:155px;height:200px;padding-bottom:14px;" loading="lazy"></iframe>
|
||||
</span>
|
||||
<span class="card-planet" v-else-if="planet >= 1.0">
|
||||
<iframe :src="planet_url + '?g=earth'" scrolling="no" frameborder="0" style="width:155px;height:200px;padding-bottom:14px;" loading="lazy"></iframe>
|
||||
</span>
|
||||
<span class="card-planet" v-else-if="planet > 0">
|
||||
<iframe :src="planet_url + '?g=moon'" scrolling="no" frameborder="0" style="width:155px;height:200px;padding-bottom:14px;" loading="lazy"></iframe>
|
||||
</span>
|
||||
|
||||
</thead>
|
||||
<tbody><tr v-if="planet">M {{ planet }}</tr></tbody>
|
||||
<tbody>
|
||||
<tr v-if="planet >= 1000000"><span class="icon-ai"></span> galaxy</tr>
|
||||
<tr v-else-if="planet >= 466666"><span class="icon-home"></span> neutron</tr>
|
||||
<tr v-else-if="planet >= 333000"><span class="icon-ten"></span> sun</tr>
|
||||
<tr v-else-if="planet >= 1"><i class="fa-solid fa-earth-americas"></i> earth</tr>
|
||||
<tr v-else-if="planet > 0"><span class="icon-moon"></span> moon</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="game-card" v-if="game_login == true && game_screen == true">
|
||||
<button v-on:click="gamescreen">min</button>
|
||||
<iframe class="game-app" src="https://ue.syui.ai/?AutoConnect=true&hoveringMouse=true&MatchViewportRes=true&AutoPlayVideo=true&FakeMouseWithTouches=true" scrolling="no" frameborder="0" loading="lazy" allowfullscreen></iframe>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Lv0</td>
|
||||
<td>space</td>
|
||||
<td>jump</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lv0</td>
|
||||
<td>w, s, a, d</td>
|
||||
<td>move</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lv1</td>
|
||||
<td>1</td>
|
||||
<td class="blue">attack</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lv2</td>
|
||||
<td>2</td>
|
||||
<td class="green">skill</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lv3</td>
|
||||
<td>3</td>
|
||||
<td class="red">burst</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="card-fav">
|
||||
<thead style="background-color:#fff;">
|
||||
</thead>
|
||||
<tbody><i class="fa-solid fa-keyboard"></i></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="game-card" v-else-if="game_login == true && game_screen == false">
|
||||
<table class="card-fav">
|
||||
<thead style="background-color:#fff;">
|
||||
<span class="card-planet">
|
||||
<iframe class="game-app" src="https://ue.syui.ai/?AutoConnect=true&hoveringMouse=true&MatchViewportRes=true&AutoPlayVideo=true&FakeMouseWithTouches=true" scrolling="no" frameborder="0" loading="lazy" width="768" height="1024" style="width:160px; height:210px; padding-bottom:14px;"></iframe>
|
||||
</span>
|
||||
</thead>
|
||||
<tbody><button v-on:click="gamescreen">full</button></tbody>
|
||||
<tbody>E {{ game_exp }}</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="card-button" >
|
||||
<button v-on:click="cardtime">new</button> <button v-on:click="sort">cp</button> <button v-on:click="sortcard" >card</button> <button v-on:click="cardinfo">info</button>
|
||||
</div>
|
||||
<div class="menu-right"><code><strong>ID</strong> {{ id }}</code> <code><span class="icon-power"></span> {{ aiten }}</code> <code><i class="fa-solid fa-cube"></i> {{ cards.data.filter((v) => v.skill == 'lost').length }}</code>
|
||||
<code class="moji-comp" v-if="26 == (cards.data.filter((v) => v.card >= 96 && v.card <= 121).length)" v-on:click="background_change"><span class="icon-ai"></span> {{ (cards.data.filter((v) => v.card >= 96 && v.card <= 121).length) }}</code>
|
||||
<code v-else><span class="icon-ai"></span> {{ (cards.data.filter((v) => v.card >= 96 && v.card <= 121).length) }}</code>
|
||||
<code><i class="fa-solid fa-earth-americas"></i> {{ planet }}</code>
|
||||
</div>
|
||||
|
||||
<div class="moji" v-if="moji_status == true">
|
||||
@ -388,7 +402,7 @@
|
||||
<div v-if="loc.length == 0">
|
||||
|
||||
<div v-if="cards" class="bluesky-card">
|
||||
<p>user : <a :href='"/" + user.data.username'><code v-if="user.data.username">{{ user.data.username }}</code></a></p>
|
||||
<p>user : <a :href='"/" + user.data.username'><code>{{ user.data.username }}</code></a></p>
|
||||
<p>id : <code>{{ user.data.id }}</code></p>
|
||||
<p>did : <code>{{ user.data.did }}</code></p>
|
||||
<p>aiten : <code>{{ user.data.aiten }}</code></p>
|
||||
@ -411,7 +425,7 @@
|
||||
<li v-for="i in record.data">
|
||||
<p v-if="i.delete === false"><span class="menu-right-top">
|
||||
<button v-if="i.model === true"><i class="fa-solid fa-cube"></i></button> <button v-if="i.fav != '0'">✧</button> <a :href="'https://git.syui.ai/' + i.username" target="_blank"><button v-if="i.username == 'ai'"><i class="fa-brands fa-git-alt"></i></button></a> <button>ID {{ i.id }}</button></span></p>
|
||||
<p v-if="i.delete === false"><span class="text"><a :href="'/' + i.username" v-if="i.username">{{ i.username }}</a></span></p>
|
||||
<p v-if="i.delete === false"><span class="text"><a :href="'/' + i.username">{{ i.username }}</a></span></p>
|
||||
<span class="menu-right-did" v-if="i.delete === false && did_enable === true && i.did.includes('did:') === true">
|
||||
<button><a :href="'https://plc.directory/' + i.did + '/log'" target="_blank">{{ i.did }}</a></button>
|
||||
</span>
|
||||
@ -640,8 +654,9 @@
|
||||
<p>集めた人は<a href="https://bsky.app/profile/syui.ai">@syui</a>まで連絡してみて</p>
|
||||
<p>ただし、リアルカードに変わるのは、こちらの<a href="/owner">所有者</a>がいないカードに限られます</p>
|
||||
|
||||
|
||||
<h3>link</h3>
|
||||
<p><a class="menu-link" href="/fa">fanart</a> <a class="menu-link" href="/te">aiten</a> <a class="menu-link" href="/vr">model</a></p>
|
||||
<p><a class="menu-link" href="/fa">fanart</a> <a class="menu-link" href="/ph">photo</a> <a class="menu-link" href="/te">aiten</a> <a class="menu-link" href="/pr">fav</a> <a class="menu-link" href="/vr">model</a></p>
|
||||
</div>
|
||||
|
||||
<div v-if="loc === 'en'" class="text-content">
|
||||
@ -828,7 +843,7 @@
|
||||
<p :id="ii.id">[{{ ii.ten }}] {{ ii.h }} / {{ ii.id }}00</p>
|
||||
<p><img :src='"/card/card_" + ii.id + ".webp"'></p>
|
||||
</div>
|
||||
<div v-show="ii.id == 29 || ii.id == 33 || ii.id == 36 || ii.id == 46 || ii.id == 47 || ii.id == 60 || ii.id == 64 || ii.id == 67 || ii.id == 69 || ii.id == 76 || ii.id == 77 || ii.id == 78|| ii.id == 86|| ii.id == 89 || ii.id == 90 || ii.id == 95||ii.id == 122||ii.id == 123||ii.id == 126" class="card-owner-one">
|
||||
<div v-show="ii.id == 29 || ii.id == 33 || ii.id == 36 || ii.id == 46 || ii.id == 47 || ii.id == 60 || ii.id == 64 || ii.id == 67 || ii.id == 69 || ii.id == 76 || ii.id == 77 || ii.id == 78|| ii.id == 86|| ii.id == 89 || ii.id == 90 || ii.id == 95||ii.id == 122||ii.id == 123" class="card-owner-one">
|
||||
<p :id="ii.id"><button>id:{{ ii.id }}</button></p>
|
||||
<p :id="ii.id">[{{ ii.ten }}] {{ ii.h }} / {{ ii.id }}00 <span class="icon-power"></span></p>
|
||||
<p><img :src='"/card/card_" + ii.id + ".webp"'></p>
|
||||
@ -839,7 +854,7 @@
|
||||
|
||||
<div v-if="loc === 'c'" class="text-content">
|
||||
<div class="iten-start">
|
||||
<p><span class="icon-moji_a"></span> <code>all</code> card</p>
|
||||
<h3><span class="icon-moji_k"></span> ALL</h3>
|
||||
</div>
|
||||
<table id="card-box">
|
||||
<span v-for="(ii, index) in rcards.data">
|
||||
@ -859,31 +874,6 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div v-if="loc === 'svn'" class="text-content">
|
||||
<p><span class="icon-moji_a"></span> <code>seven</code> owner</p>
|
||||
<div class="card-fav" v-for="(ii, index) in sevens.data">
|
||||
<table class="card-fav" v-if="ii.card !== 0 && ii.count == 0">
|
||||
<thead class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
<span class="reflection">
|
||||
<img :src='"/card/card_" + ii.card + ".webp"' class="card">
|
||||
</span>
|
||||
<span class="card pattern-seven"></span>
|
||||
<span class="card color-seven"></span>
|
||||
<span class="card highlight-seven"></span>
|
||||
</span>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-if='ii.handle'><a :href="'/' + ii.handle">@{{ ii.handle }}</a></tr>
|
||||
<tr v-if='ii.cp'>{{ ii.cp }}</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p><code>/ten pay 7</code> <code><span class="icon-power"></span> 70,000,000</code></p>
|
||||
</div>
|
||||
|
||||
<div v-if="loc === 'te'" class="text-content">
|
||||
<div class="iten-start">
|
||||
<p><code>/ten h</code> : ヘルプ</p>
|
||||
@ -931,7 +921,6 @@
|
||||
<script>
|
||||
import axios from 'axios'
|
||||
import moment from "moment";
|
||||
|
||||
var loc = window.location.pathname.split('/').slice(-1)[0];
|
||||
|
||||
export default {
|
||||
@ -958,79 +947,66 @@ export default {
|
||||
data () {
|
||||
return {
|
||||
host: window.location.host,
|
||||
all: "",
|
||||
badge_aiten: "",
|
||||
card: "",
|
||||
cards: "",
|
||||
all: null,
|
||||
badge_aiten: null,
|
||||
card: null,
|
||||
cards: null,
|
||||
loc: window.location.pathname.split('/').slice(-1)[0],
|
||||
username: "ai",
|
||||
id: "",
|
||||
model: "",
|
||||
record: "",
|
||||
url: "",
|
||||
user: "",
|
||||
userid: "",
|
||||
ucard: "",
|
||||
status: "",
|
||||
username: null,
|
||||
id: null,
|
||||
model: null,
|
||||
record: null,
|
||||
url: null,
|
||||
user: null,
|
||||
userid: null,
|
||||
ucard: null,
|
||||
status: null,
|
||||
premium: false,
|
||||
premium_text: "",
|
||||
rcards: "",
|
||||
fanarts: "",
|
||||
photos: "",
|
||||
premium_text: null,
|
||||
rcards: null,
|
||||
fanarts: null,
|
||||
photos: null,
|
||||
info: false,
|
||||
time: "",
|
||||
aiten: "",
|
||||
fav: "",
|
||||
card_fav: "",
|
||||
user_fav: "",
|
||||
book_user: "",
|
||||
time: null,
|
||||
aiten: null,
|
||||
fav: null,
|
||||
card_fav: null,
|
||||
user_fav: null,
|
||||
book_user: null,
|
||||
glb_status: false,
|
||||
glb_next: 0,
|
||||
moji_status: false,
|
||||
did_enable: "",
|
||||
chara_user: "",
|
||||
did_enable: null,
|
||||
chara_user: null,
|
||||
card_sed: false,
|
||||
card_status: "",
|
||||
card_skill: "",
|
||||
model_attack: "",
|
||||
model_critical: "",
|
||||
model_critical_d: "",
|
||||
sevens: "",
|
||||
game: "",
|
||||
game_lv: "",
|
||||
game_exp: 0,
|
||||
api_url: "",
|
||||
card_status: null,
|
||||
card_skill: null,
|
||||
model_attack: null,
|
||||
model_critical: null,
|
||||
model_critical_d: null,
|
||||
game: null,
|
||||
game_lv: null,
|
||||
api_url: null,
|
||||
bsky_mode: false,
|
||||
did: "",
|
||||
did: null,
|
||||
card_origin_status: false,
|
||||
planet_status: false,
|
||||
game_login: false,
|
||||
game_screen: false,
|
||||
planet: 0,
|
||||
useragent: window.navigator.userAgent.toLowerCase(),
|
||||
iframe_status: false,
|
||||
term_status: false,
|
||||
sort_key: "",
|
||||
mount_google_md: false,
|
||||
planet_url: "/planet/index.html",
|
||||
sort_key: null,
|
||||
}
|
||||
},
|
||||
components: {
|
||||
},
|
||||
filters: {
|
||||
moment: function(date) {
|
||||
return moment.unix(date).format("YYYY.MM.DD");
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
loadComponent() {
|
||||
return () => import('@google/model-viewer');
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.username = "ai";
|
||||
this.mount_google_md = false;
|
||||
this.loadComponent();
|
||||
if (window.location.host === "localhost:8080") {
|
||||
this.api_url = "/api/";
|
||||
//this.planet_url = "http://localhost:3000";
|
||||
} else if (window.location.host === "192.168.11.12:8080"){
|
||||
this.api_url = "/api/";
|
||||
} else {
|
||||
@ -1040,34 +1016,29 @@ export default {
|
||||
this.api_url = "https://api.syui.ai/";
|
||||
}
|
||||
if (loc === 'owner' || loc === 'te' || loc === 'c'){
|
||||
this.rcards = "";
|
||||
axios
|
||||
.get("/json/card.json")
|
||||
.then(response => (this.rcards = response));
|
||||
} else if (loc === 'svn'){
|
||||
this.cards = "";
|
||||
let url = this.api_url + "sevs?itemsPerPage=8000";
|
||||
if (loc.length > 1){
|
||||
axios
|
||||
.get(url)
|
||||
.then(response => (this.sevens = response));
|
||||
} else if (loc === null || loc === undefined || loc === ''){
|
||||
let url = this.api_url + "users?itemsPerPage=3000";
|
||||
axios.get(url,{ crossdomain: true })
|
||||
.then(response => {
|
||||
this.record = response;
|
||||
})
|
||||
} else {
|
||||
if (this.mount_google_md === false) {
|
||||
//this.loadComponent();
|
||||
this.mount_google_md = true;
|
||||
.get(url,{ crossdomain: true })
|
||||
.then(response => (this.cards = response));
|
||||
}
|
||||
} else if (loc === 'fa'){
|
||||
axios
|
||||
.get("/json/fanart.json")
|
||||
.then(response => (this.fanarts = response));
|
||||
} else if (loc === 'ph'){
|
||||
axios
|
||||
.get("/json/photo.json")
|
||||
.then(response => (this.photos = response));
|
||||
} else {
|
||||
let url = this.api_url + "users?itemsPerPage=3000";
|
||||
axios.get(url,{ crossdomain: true })
|
||||
.then(response => {
|
||||
this.record = response;
|
||||
this.username = this.record.data.find((v) => v.username == loc).username;
|
||||
this.id = this.record.data.find((v) => v.username == loc).id;
|
||||
this.planet = this.record.data.find((v) => v.username == loc).planet;
|
||||
this.model = this.record.data.find((v) => v.username == loc).model;
|
||||
this.did = this.record.data.find((v) => v.username == loc).did;
|
||||
this.aiten = this.record.data.find((v) => v.username == loc).aiten;
|
||||
@ -1079,16 +1050,7 @@ export default {
|
||||
this.model_critical = this.record.data.find((v) => v.username == loc).model_critical;
|
||||
this.model_critical_d = this.record.data.find((v) => v.username == loc).model_critical_d;
|
||||
this.user_room = this.record.data.find((v) => v.username == loc).room;
|
||||
this.game_login = this.record.data.find((v) => v.username == loc).login;
|
||||
this.game_exp = this.record.data.find((v) => v.username == loc).game_exp;
|
||||
|
||||
if (this.username === "syui") {
|
||||
this.game_login = true;
|
||||
}
|
||||
if (this.planet > 0){
|
||||
this.planet_status = true;
|
||||
}
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=8000";
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
|
||||
axios
|
||||
.get("/json/card.json")
|
||||
.then(response => (this.rcards = response));
|
||||
@ -1115,7 +1077,13 @@ export default {
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(error => console.log(error));
|
||||
}},
|
||||
computed: {
|
||||
loadComponent() {
|
||||
return () => import('@google/model-viewer');
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
submit() {
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=3000";
|
||||
@ -1128,7 +1096,7 @@ export default {
|
||||
},
|
||||
page() {
|
||||
this.id = this.record.data.find((v) => v.username == this.userid).id;
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=8000";
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
|
||||
axios
|
||||
.get(url,{ crossdomain: true })
|
||||
.then(response => (this.ucard = response));
|
||||
@ -1137,7 +1105,7 @@ export default {
|
||||
sort(){
|
||||
if (this.premium) {
|
||||
this.premium = false;
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=8000";
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
|
||||
}
|
||||
return this.cards.data.sort((a, b) => {
|
||||
return b.cp - a.cp;
|
||||
@ -1162,8 +1130,8 @@ export default {
|
||||
});
|
||||
},
|
||||
cardinfo(){
|
||||
this.cards = "";
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=8000";
|
||||
this.cards = {};
|
||||
let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
|
||||
axios
|
||||
.get(url,{ crossdomain: true })
|
||||
.then(response => (this.cards = response));
|
||||
@ -1173,13 +1141,6 @@ export default {
|
||||
this.info = false;
|
||||
}
|
||||
},
|
||||
gamescreen(){
|
||||
if (this.game_screen == true) {
|
||||
this.game_screen = false;
|
||||
} else {
|
||||
this.game_screen = true;
|
||||
}
|
||||
},
|
||||
cardtime(){
|
||||
this.cards.data = this.cards.data.slice().reverse();
|
||||
this.time = true;
|
||||
@ -1224,19 +1185,10 @@ export default {
|
||||
</script>
|
||||
|
||||
<style>
|
||||
html {
|
||||
text-size-adjust:100%;
|
||||
-webkit-text-size-adjust:100%;
|
||||
}
|
||||
body{
|
||||
text-size-adjust:100%;
|
||||
-webkit-text-size-adjust:100%;
|
||||
background-color: #f1f1f1;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
overflow-wrap: anywhere;
|
||||
word-break: normal;
|
||||
line-break: strict;
|
||||
}
|
||||
|
||||
a {
|
||||
@ -1285,7 +1237,9 @@ span.text {
|
||||
footer#footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
span.text {
|
||||
word-break: break-all;
|
||||
}
|
||||
p.tl-avatar img {
|
||||
width: 20px;
|
||||
}
|
||||
@ -1421,6 +1375,60 @@ span.card-fav-su {
|
||||
display:none;
|
||||
}
|
||||
|
||||
span.pattern-s {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #000, #777 3px, #000 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-s {
|
||||
background: linear-gradient(115deg, transparent 20%, #000 30%, transparent 48% 52%, #000 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.pattern-s {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.color-s {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.highlight-s {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
span.pattern-t {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #c71585, #777 3px, #ffff00 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-t {
|
||||
background: linear-gradient(115deg, transparent 20%, #c71585 30%, transparent 48% 52%, #c71585 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.pattern-t {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.color-t {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.highlight-t {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
span.pattern-yui {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #ffff00, #000 3px, #ffff00 3px);
|
||||
background-position: 50% 50%;
|
||||
@ -1436,7 +1444,19 @@ span.color-yui {
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.pattern-first {
|
||||
span.card-wrapper:hover > span.pattern-yui {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.color-yui {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.highlight-yui {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
span.pattern-f {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #000, #32cd32 3px, #1e90ff 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
@ -1444,56 +1464,19 @@ span.pattern-first {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-first {
|
||||
span.color-f {
|
||||
background: linear-gradient(115deg, transparent 20%, #00ffff 30%, transparent 48% 52%, #40e0d0 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.pattern-second {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #000, #777 3px, #000 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
span.card-wrapper:hover > span.pattern-f {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.color-second {
|
||||
background: linear-gradient(115deg, transparent 20%, #000 30%, transparent 48% 52%, #000 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.pattern-third {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #c71585, #777 3px, #ffff00 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-third {
|
||||
background: linear-gradient(115deg, transparent 20%, #c71585 30%, transparent 48% 52%, #c71585 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.pattern-fourth {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #fff, #777 3px, #fff 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-fourth {
|
||||
background: linear-gradient(115deg, transparent 20%, #40A4BF 30%, transparent 48% 52%, #404FBF 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
span.card-wrapper:hover > span.color-f {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.pattern-fifth {
|
||||
@ -1511,45 +1494,43 @@ span.color-fifth {
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.pattern-sixth {
|
||||
background: repeating-radial-gradient(circle at center, #f1f1f1, #313131 3px, #fff700 3px);
|
||||
span.card-wrapper:hover > span.pattern-fifth {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.color-fifth {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.highlight-yui {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
span.pattern {
|
||||
background: repeating-radial-gradient(circle at -150% -25%, #fff, #777 3px, #fff 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-sixth {
|
||||
background: linear-gradient(115deg, transparent 20%, #f1f1f1 30%, transparent 48% 52%, #313131 70%, transparent);
|
||||
span.color {
|
||||
background: linear-gradient(115deg, transparent 20%, #40A4BF 30%, transparent 48% 52%, #404FBF 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.pattern-seven {
|
||||
background: repeating-radial-gradient(circle at center, #fff700, #313131 3px, #000700 3px);
|
||||
background-position: 50% 50%;
|
||||
background-size: 120% 120%;
|
||||
mix-blend-mode: color-dodge;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
span.color-seven {
|
||||
background: linear-gradient(115deg, transparent 20%, #fff700 30%, transparent 48% 52%, #fff700 70%, transparent);
|
||||
background-position: 50% 50%;
|
||||
background-size: 200% 200%;
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.pattern-yui,span.card-wrapper:hover > span.pattern-first,span.card-wrapper:hover > span.pattern-second,span.card-wrapper:hover > span.pattern-third,span.card-wrapper:hover > span.pattern-fourth,span.card-wrapper:hover > span.pattern-fifth, span.card-wrapper:hover > span.pattern-sixth, span.card-wrapper:hover > span.pattern-seven {
|
||||
span.card-wrapper:hover > span.pattern {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.color-yui,span.card-wrapper:hover > span.color-first,span.card-wrapper:hover > span.color-second,span.card-wrapper:hover > span.color-third,span.card-wrapper:hover > span.color-fourth,span.card-wrapper:hover > span.color-fifth, span.card-wrapper:hover > span.color-sixth, span.card-wrapper:hover > span.color-seven {
|
||||
span.card-wrapper:hover > span.color {
|
||||
background-position: calc(50% + (var(--ratio-x) * -50%)) calc(50% + (var(--ratio-y) * -50%));
|
||||
}
|
||||
|
||||
span.card-wrapper:hover > span.highlight-yui,span.card-wrapper:hover > span.highlight-first,span.card-wrapper:hover > span.highlight-second,span.card-wrapper:hover > span.highlight-third,span.card-wrapper:hover > span.highlight-fourth,span.card-wrapper:hover > span.highlight-fifth, span.card-wrapper:hover > span.highlight-sixth, span.card-wrapper:hover > span.highlight-seven {
|
||||
span.card-wrapper:hover > span.highlight {
|
||||
background: radial-gradient(circle at calc(var(--ratio-x) * 100%) calc(var(--ratio-y) * 100%), hsl(0 0% 100% / 0.2), transparent 50%);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@ -1766,11 +1747,7 @@ button.unity i#vrm_button:hover {
|
||||
padding: 50px 0 50px 0;
|
||||
margin: 30px 0 30px 0;
|
||||
}
|
||||
div#app{
|
||||
list-style:none;
|
||||
margin:0px auto;
|
||||
text-align: center;
|
||||
}
|
||||
div#app{list-style:none;margin:0px}
|
||||
.bluesky-avatar img{width:55px}
|
||||
span.time{color:#00f}
|
||||
span.name{background-color:rgba(163,195,255,.10196078431372549);padding:10px}
|
||||
@ -1778,6 +1755,9 @@ button.unity i#vrm_button:hover {
|
||||
.bluesky-record p{padding:0 20px 0}
|
||||
.bluesky-record{border-radius:10px;margin:0px 0px 0 0}
|
||||
footer#footer{text-align:center}
|
||||
span.text {
|
||||
word-break: break-all;
|
||||
}
|
||||
code {
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
@ -1869,6 +1849,7 @@ span.glb {
|
||||
|
||||
.menu-right code {
|
||||
padding: 0;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
blockquote.did {
|
||||
@ -1877,34 +1858,4 @@ blockquote.did {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
span.card-planet {
|
||||
background-image: url(/card/card_0.webp);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
border-radius: 3px;
|
||||
padding: 23px 0;
|
||||
}
|
||||
|
||||
span.game-card {
|
||||
background-image: url(/card/card_0.webp);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
border-radius: 3px;
|
||||
padding: 23px 0;
|
||||
}
|
||||
|
||||
.card-planet table thead {
|
||||
background-color: #fff;
|
||||
}
|
||||
/*
|
||||
iframe.game-app {
|
||||
width:160px;
|
||||
height:210px;
|
||||
padding-bottom:14px;
|
||||
}
|
||||
*/
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user