ai/manga
ai/manga
1
0
Fork 0
Code

fix

Browse Source
This commit is contained in:
syui 2024-03-31 18:47:55 +09:00
parent 5621f87bea
commit d623ea2f25
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
25 changed files with 268 additions and 7094 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.github/workflows/gh-pages.yml vendored
View File

@ -9,10 +9,10 @@ jobs:
build-deploy: build-deploy:
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- uses: actions/checkout@v1 - uses: actions/checkout@v4
- uses: actions/setup-node@v1 - uses: actions/setup-node@v4
with: with:
node-version: 14 node-version: 16
ref: main ref: main
submodules: true submodules: true
fetch-depth: 0 fetch-depth: 0
@ -23,12 +23,10 @@ jobs:
TZ: "Asia/Tokyo" TZ: "Asia/Tokyo"
run: | run: |
yarn build yarn build
cp -rf CNAME ./dist/
- name: Deploy - name: Deploy
uses: peaceiris/actions-gh-pages@v3 uses: peaceiris/actions-gh-pages@v3
with: with:
deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
github_token: ${{ secrets.GITHUB_TOKEN }} github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./dist publish_dir: ./dist
user_name: 'ai[bot]' user_name: 'ai[bot]'

4
package.json
View File

@ -8,11 +8,11 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"axios": "^0.25.0", "axios": "^1.6.8",
"core-js": "^3.6.4", "core-js": "^3.6.4",
"hooper": "^0.3.4", "hooper": "^0.3.4",
"moment": "^2.30.1",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-loading-template": "^1.3.2",
"vue-meta": "^2.4.0", "vue-meta": "^2.4.0",
"vue-template-compiler": "^2.6.14" "vue-template-compiler": "^2.6.14"
}, },

0
CNAME → public/CNAME
View File

BIN
public/icon/4hqjfn7m6n5hno3doamuhgef.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
public/icon/fmnwe2six767bnsxd7qcr55x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
public/icon/git.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
public/icon/hrrl32cdaxffmu66a4qrmpqy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

BIN
public/icon/ott5psyszgaeoksg6j7ngkvk.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
public/icon/qexgypv67x75g7bjrelr5gof.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
public/icon/qsll4h547pevri3e2233zh2a.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/icon/qt25nzrb3esppxyzfoxkqhme.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 207 KiB

BIN
public/icon/uqzpqmrjnptsxezjx4xuh2mn.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
public/icon/wkzuqomvkxx5eiv5nl2lvm23.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
public/icon/xecxvd2v5fgyisue7f5ik3o3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/icon/ywc4pk3qhdio4vgzjabc6tfh.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

2
public/index.html
View File

@ -2,6 +2,8 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>yui | manga</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="app.css" rel="preload" as="style"><link href="app.js" rel="preload" as="script"><link href="chunk-vendors.js" rel="preload" as="script"><link href="app.css" rel="stylesheet"> <title>yui | manga</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link href="app.css" rel="preload" as="style"><link href="app.js" rel="preload" as="script"><link href="chunk-vendors.js" rel="preload" as="script"><link href="app.css" rel="stylesheet">
<link rel="stylesheet" href="https://yui.syui.ai/bower_components/icomoon/css/icomoon.css" />
<link rel="stylesheet" href="https://yui.syui.ai/bower_components/font-awesome/css/all.min.css" />
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta property="og:url" content="https://manga.syui.ai"> <meta property="og:url" content="https://manga.syui.ai">
<meta property="og:title" content="yui"> <meta property="og:title" content="yui">

BIN
public/manga/0.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 312 KiB

BIN
public/manga/2.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 145 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/manga/manga_02.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 392 KiB

BIN
public/manga/test_2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

24
scpt/icon.zsh Executable file
View File

@ -0,0 +1,24 @@
#!/bin/zsh
d=${0:a:h}
dd=${0:a:h:h}
icon=$dd/public/icon
echo $d
echo $dd
echo ---
api=api.syui.ai
avatar=`curl -sL $api/users/2/ma|jq -r ".[].avatar"`
n=`echo $avatar|wc -l`
for ((i=1;i<=$n;i++))
do
img=`echo $avatar|awk "NR==$i"`
did=`echo $img|cut -d / -f 7|cut -d : -f 3`
echo $i
echo $img
echo $did
f=$icon/$did.jpg
if [ ! -f $f ];then
curl -sL $img -o $icon/$did.jpg
fi
done

242
src/App.vue
View File

@ -1,16 +1,19 @@
<template> <template>
<div id="app"> <div id="app">
{{ loc }}
<hooper :settings="hooperSettings"> <hooper :settings="hooperSettings">
<slide v-for="(n,index) of products" :key="n"> <slide v-for="(n,index) of products" :key="n">
<img :src="url + 'manga/'+ (index) +'.webp'" /> <div v-if="loading" class="loading">
<div class="page_n">{{ n }}</div> <i class="fa-solid fa-spinner fa-spin-pulse"></i>
</div>
<img :src="url + 'manga/'+ (index) +'.webp'" @load="load" />
<div class="page_n"><a href="/"><span class="icon-ai"></span></a> {{ n }}</div>
</slide> </slide>
<hooper-navigation slot="hooper-addons"></hooper-navigation> <hooper-navigation slot="hooper-addons"></hooper-navigation>
<hooper-pagination slot="hooper-addons"></hooper-pagination> <hooper-pagination slot="hooper-addons"></hooper-pagination>
<hooper-progress slot="hooper-addons"></hooper-progress> <hooper-progress slot="hooper-addons"></hooper-progress>
</hooper> </hooper>
<!--
<div class="page"> <div class="page">
<a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a> <a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a>
<a :href="this.url + this.s_b"><button v-on:click="page_run(s_b)">2</button></a> <a :href="this.url + this.s_b"><button v-on:click="page_run(s_b)">2</button></a>
@ -18,12 +21,80 @@
<a :href="this.url + this.s_d"><button v-on:click="page_run(s_d)">4</button></a> <a :href="this.url + this.s_d"><button v-on:click="page_run(s_d)">4</button></a>
<a :href="this.url + this.s_e"><button v-on:click="page_run(s_e)">5</button></a> <a :href="this.url + this.s_e"><button v-on:click="page_run(s_e)">5</button></a>
</div> </div>
-->
<div class="page">
<div class="page_data">
<table>
<thead>
<tr>
<th scope="col">yui</th>
<th scope="col">巻</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">
<a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a>
</th>
<td>0.0</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">
<a :href="this.url + this.s_b"><img :src="url + 'manga/' + this.s_b + '.webp'" v-on:click="page_run(s_a)"></a>
</th>
<td>0.1</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="bsky_comment">
<span v-for="i in api_json.data" class="comment">
<p class="comment-body" v-if="i.text">
<!--
<img :src="i.avatar" v-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.handle">{{ moment(i.updated_at) }}</span> <span class="comment-handle" v-if="i.handle"><a :href="i.bsky_url">@{{ i.handle }}</a></span>
-->
<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.handle">{{ moment(i.updated_at) }}</span> <span class="comment-handle" v-if="i.handle"><a :href="i.bsky_url">@{{ i.handle }}</a></span>
<span class="comment-text">{{ i.text }}</span>
</p>
</span>
</div>
<div class="page_title">
<div class="page_data">
<table>
<thead>
<tr>
<th scope="col"><span class="icon-ai"></span></th>
<th scope="col">title</th>
<th scope="col">body</th>
<th scope="col">author</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">
<a href="https://yui.syui.ai"><img src="https://syui.ai/ai.png" v-on:click="page_run(s_a)"></a>
</th>
<td>yui</td>
<td>不思議な力を持つアイのお話</td>
<td>syui</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
import { import {
Hooper, Hooper,
Slide, Slide,
Progress as HooperProgress, Progress as HooperProgress,
Pagination as HooperPagination, Pagination as HooperPagination,
@ -31,14 +102,17 @@ import {
} from 'hooper'; } from 'hooper';
import 'hooper/dist/hooper.css'; import 'hooper/dist/hooper.css';
var page = 107; import axios from 'axios'
import moment from "moment";
var page = 21;
var loc = window.location.pathname.split('/').slice(-1)[0]; var loc = window.location.pathname.split('/').slice(-1)[0];
//let loc = window.location.pathname.split('/').slice(0)[3]; //let loc = window.location.pathname.split('/').slice(0)[3];
export default { export default {
name: 'App', name: 'App',
components: { components: {
Hooper, Hooper,
Slide, Slide,
HooperProgress, HooperProgress,
HooperPagination, HooperPagination,
@ -46,9 +120,17 @@ export default {
}, },
data() { data() {
return { return {
bsky_pds: "https://bsky.social/xrpc",
bsky_handle: "yui.syui.ai",
bsky_cursor: null,
bsky_cid: "",
bsky_json: null,
api_url: null,
api_json: null,
loading: true,
url: "/", url: "/",
s_a: 0, s_a: 0,
s_b: 17, s_b: 2,
s_c: 41, s_c: 41,
s_d: 51, s_d: 51,
s_e: 60, s_e: 60,
@ -61,15 +143,56 @@ export default {
}; };
}, },
methods: { methods: {
moment(date) {
return moment.utc(date).local().format("YYYY.MM.DD");
},
page_run(s) { page_run(s) {
this.loc = s; this.loc = s;
this.hooperSettings.initialSlide = s; this.hooperSettings.initialSlide = s;
},
load() {
this.loading = false;
} }
},
mounted() {
if (window.location.host === "localhost:8080") {
this.api_url = "/api/";
} else if (window.location.host === "192.168.11.12:8080"){
this.api_url = "/api/";
} else {
if (location.protocol !== "https:") {
location.replace("https:" + location.href.substring(location.protocol.length));
}
this.api_url = "https://api.syui.ai";
}
// com.atproto.repo.describeRepo
// com.atproto.repo.listRecords
// com.atproto.repo.getRecord
//let url = this.bsky_pds + "/com.atproto.repo.listRecords?repo=" + this.bsky_handle + "&collection=app.bsky.feed.post";
//axios
// .get(url,{ crossdomain: true })
// .then(response => (this.bsky_json = response));
let url = this.api_url + "/users/2/ma?itemsPerPage=4000";
axios
.get(url,{ crossdomain: true })
.then(response => (this.api_json = response));
} }
}; };
</script> </script>
<style> <style>
body {
margin: 0px;
}
a {
text-decoration: none;
}
a span.icon-ai {
color: #fff700;
}
.page_n{text-align:center;height:50px} .page_n{text-align:center;height:50px}
.hooper-pagination{position:fixed} .hooper-pagination{position:fixed}
.hooper-next,.hooper-prev{background-color:rgba(184,207,224,.24)} .hooper-next,.hooper-prev{background-color:rgba(184,207,224,.24)}
@ -83,6 +206,14 @@ export default {
text-align:center; text-align:center;
} }
.hooper-progress {
height: 12px;
}
.hooper-progress-inner {
background-color: #dcd500;
}
button { button {
padding: 10px; padding: 10px;
margin: 5px; margin: 5px;
@ -95,15 +226,16 @@ ul.hooper-track {
padding: 0px; padding: 0px;
} }
img{ .hooper-list img {
width:500px; width:500px;
border: solid 3px #313131;
margin: 20px;
} }
.page { .page {
text-align:center; text-align:center;
margin:50px 20px 50px 20px;
background-color: rgba(184, 207, 224, .24); background-color: rgba(184, 207, 224, .24);
padding: 20px; padding: 50px 0 50px 0;
} }
.page a img { .page a img {
@ -113,14 +245,98 @@ img{
display: block; display: block;
} }
.page a button { .page_title {
text-align:center;
background-color: #313131;
padding: 100px 0 50px 0;
}
.page_title a img {
width:100px;
margin: auto;
display: block;
}
.page_title head, td, tr, th {
padding:10px;
background: #fff;
border: solid 1px #fff;
}
table {
text-align: center;
margin-left: auto;
margin-right: auto;
}
thead, td, tr, th {
padding:10px;
background: #fff;
border: solid 1px #fff;
} }
footer { footer {
text-align: center; text-align: center;
background: #313131;
color: #fff;
padding:50px 0 30px 0;
}
.loading {
text-align: center;
font-size: 30px;
margin-top:100px;
}
span.comment-time {
float: right;
padding: 0 5px 0 5px;
color: #999;
}
span.comment-handle {
padding: 0 5px 0 5px;
position: absolute;
}
span.comment-handle a {
color: rgb(16, 131, 254);
}
img.comment {
width:60px;
}
p.comment-body {
padding: 5px 70px 5px 70px;
border-bottom: solid 1px #eee;
}
span.comment-text {
padding:10px;
}
span.comment {
}
.bsky_comment {
} }
@media screen and (max-width:1000px) { @media screen and (max-width:1000px) {
img{width:100%;} img{ width:100%; }
.page_title a img {
width:100%;
}
.page a img {
width:160px;
}
.hooper-list img {
border: solid 0px #fff;
margin:20px 0 0 0;
width:100%;
}
p.comment-body {
padding: 5px;
}
} }
</style> </style>

1
src/main.js
View File

@ -7,4 +7,3 @@ new Vue({
render: h => h(App) render: h => h(App)
}).$mount('#app') }).$mount('#app')

8
vue.config.js
View File

@ -1,4 +1,12 @@
module.exports = { module.exports = {
devServer: {
proxy: {
"^/api*": {
target: "https://api.syui.ai",
pathRewrite: { "^/api": "" },
}
}
},
publicPath: "/", publicPath: "/",
configureWebpack: { configureWebpack: {
output: { output: {

7073
yarn.lock
View File

File diff suppressed because it is too large Load Diff