Compare commits
2 Commits
main
...
a7897f34ac
Author | SHA1 | Date | |
---|---|---|---|
a7897f34ac
|
|||
601fbf9f28
|
BIN
img/0.webp
Before Width: | Height: | Size: 14 KiB |
BIN
img/1.webp
Before Width: | Height: | Size: 69 KiB |
BIN
img/10.png
Before Width: | Height: | Size: 933 KiB |
BIN
img/10.webp
Before Width: | Height: | Size: 160 KiB |
BIN
img/11.png
Before Width: | Height: | Size: 688 KiB |
BIN
img/11.webp
Before Width: | Height: | Size: 136 KiB |
BIN
img/12.png
Before Width: | Height: | Size: 516 KiB |
BIN
img/12.webp
Before Width: | Height: | Size: 60 KiB |
BIN
img/13.png
Before Width: | Height: | Size: 416 KiB |
BIN
img/13.webp
Before Width: | Height: | Size: 58 KiB |
BIN
img/14.png
Before Width: | Height: | Size: 462 KiB |
BIN
img/14.webp
Before Width: | Height: | Size: 109 KiB |
BIN
img/15.png
Before Width: | Height: | Size: 642 KiB |
BIN
img/15.webp
Before Width: | Height: | Size: 68 KiB |
BIN
img/2.webp
Before Width: | Height: | Size: 39 KiB |
BIN
img/3.webp
Before Width: | Height: | Size: 94 KiB |
BIN
img/4.webp
Before Width: | Height: | Size: 94 KiB |
BIN
img/5.webp
Before Width: | Height: | Size: 81 KiB |
BIN
img/6.webp
Before Width: | Height: | Size: 104 KiB |
BIN
img/7.webp
Before Width: | Height: | Size: 90 KiB |
BIN
img/8.webp
Before Width: | Height: | Size: 51 KiB |
BIN
img/9.webp
Before Width: | Height: | Size: 103 KiB |
2
public
@ -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
|
||||
|
179
src/App.vue
@ -1,7 +1,7 @@
|
||||
<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>
|
||||
@ -62,7 +62,7 @@
|
||||
</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>
|
||||
|
||||
<!--
|
||||
@ -92,7 +92,7 @@
|
||||
</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>
|
||||
@ -126,7 +126,7 @@
|
||||
</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>
|
||||
|
||||
<span class="menu-right-top" v-if="cards.data.find((v) => v.card == 43)">
|
||||
@ -152,6 +152,8 @@
|
||||
<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">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
@ -184,94 +186,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 +308,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 +331,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>
|
||||
@ -862,7 +782,7 @@
|
||||
<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">
|
||||
<table class="card-fav" v-if="ii.card !== 0">
|
||||
<thead class="card-fav">
|
||||
<tr class="card-status-first">
|
||||
<span class="card-wrapper">
|
||||
@ -963,7 +883,7 @@ export default {
|
||||
card: "",
|
||||
cards: "",
|
||||
loc: window.location.pathname.split('/').slice(-1)[0],
|
||||
username: "ai",
|
||||
username: "",
|
||||
id: "",
|
||||
model: "",
|
||||
record: "",
|
||||
@ -998,21 +918,15 @@ export default {
|
||||
sevens: "",
|
||||
game: "",
|
||||
game_lv: "",
|
||||
game_exp: 0,
|
||||
api_url: "",
|
||||
bsky_mode: false,
|
||||
did: "",
|
||||
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",
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
@ -1026,11 +940,9 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.username = "ai";
|
||||
this.mount_google_md = false;
|
||||
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 {
|
||||
@ -1046,7 +958,7 @@ export default {
|
||||
.then(response => (this.rcards = response));
|
||||
} else if (loc === 'svn'){
|
||||
this.cards = "";
|
||||
let url = this.api_url + "sevs?itemsPerPage=8000";
|
||||
let url = this.api_url + "sevs?itemsPerPage=4000";
|
||||
axios
|
||||
.get(url)
|
||||
.then(response => (this.sevens = response));
|
||||
@ -1067,7 +979,6 @@ export default {
|
||||
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 +990,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));
|
||||
@ -1128,7 +1030,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 +1039,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;
|
||||
@ -1163,7 +1065,7 @@ export default {
|
||||
},
|
||||
cardinfo(){
|
||||
this.cards = "";
|
||||
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.cards = response));
|
||||
@ -1173,13 +1075,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,13 +1119,7 @@ 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;
|
||||
@ -1766,11 +1655,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}
|
||||
@ -1877,34 +1762,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>
|
||||
|