ai/manga
ai/manga
1
0
Fork 0
Code

add embed

Browse Source
This commit is contained in:
syui 2024-04-15 07:27:35 +09:00
parent 264d1fd815
commit 4309344d8a
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
2 changed files with 28 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@ -15,6 +15,7 @@
<div id="app"></div>
<script src="chunk-vendors.js"></script>
<script src="app.js"></script>
<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
</body>
<footer>© syui</footer>
</html>

54
src/App.vue
View File

@ -58,36 +58,26 @@
</div>
<div class="comment" v-if="loc === ''">
<div class="bsky_comment" v-if="comment_open == false">
<span class="comment">
<p class="comment-body" v-if="comment_first">
<img :src="'/icon/' + comment_first.did.replace('did:plc:', '') + '.jpg'" v-if="comment_first.avatar" class="comment"/> <span class="comment-time" v-if="comment_first.updated_at"><a :href="comment_first.bsky_url" v-if="comment_first.bsky_url">{{ moment(comment_first.updated_at) }}</a></span> <span class="comment-handle" v-if="comment_first.handle"><a :href="'https://' + comment_first.bsky_url.split('/').slice(2,5).join('/')" v-if="comment_first.bsky_url">@{{ comment_first.handle }}</a></span>
<span class="comment-text" v-if="comment_first.text">{{ comment_first.text }}</span>
</p>
</span>
<div class="comment_open" v-if="comment_first">
<p>
<a :href="comment_first.bsky_url" target="_blank" v-if="comment_first.bsky_url">post</a>
</p>
<p>
<button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-down"></i></button>
</p>
<div class="bsky_comment_embed">
<blockquote class="bluesky-embed" data-bluesky-uri="at://did:plc:4hqjfn7m6n5hno3doamuhgef/app.bsky.feed.post/3kp5qn72s232q" data-bluesky-cid="bafyreiewdfyh6rywpkdzpmf5markqa6tavc5smc32q7cw2wpwbqik5hnfm"><p lang="ja">comment</p>&mdash; ai (<a href="https://bsky.app/profile/did:plc:4hqjfn7m6n5hno3doamuhgef?ref_src=embed">@yui.syui.ai</a>) <a href="https://bsky.app/profile/did:plc:4hqjfn7m6n5hno3doamuhgef/post/3kp5qn72s232q?ref_src=embed">Apr 2, 2024 at 23:09</a></blockquote>
<button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-down"></i></button>
</div>
</div>
<div class="bsky_comment" v-else-if="api_json">
<span v-for="i in api_json.data" class="comment">
<p class="comment-body" v-if="i">
{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }}
<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
<span class="comment-text" v-if="i.text">{{ i.text }}</span>
</p>
</span>
<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
</div>
<div class="comment" v-if="loc === ''">
<div class="bsky_comment" v-if="comment_open == false">
</div>
<div class="bsky_comment" v-else-if="api_json">
<span v-for="i in api_json.data" class="comment">
<p class="comment-body" v-if="i">
{{ axios_check('/icon/' + i.did.replace('did:plc:', '') + '.jpg') }}
<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="url_check" class="comment"/><img :src="i.avatar" v-else-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.updated_at"><a :href="i.bsky_url" v-if="i.bsky_url">{{ moment(i.updated_at) }}</a></span> <span class="comment-handle" v-if="i.handle"><a :href="'https://' + i.bsky_url.split('/').slice(2,5).join('/')" v-if="i.bsky_url">@{{ i.handle.replace('.bsky.social', '') }}</a></span>
<span class="comment-text" v-if="i.text">{{ i.text }}</span>
</p>
</span>
<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
</div>
</div>
<div class="page_title" v-if="loc === ''" >
@ -382,6 +372,13 @@ button.comment_open:hover {
border: solid 1px #eee;
}
.bsky_comment_embed {
background-color: #fff;
width: 600px;
margin: 0px auto;
border: none;
}
.comment {
background-color: #fff;
}
@ -393,6 +390,9 @@ button.comment_open:hover {
.bsky_comment {
width:auto;
}
.bsky_comment_embed {
width:auto;
}
.page_title a img {
width:100%;
}