Skip to content

Commit 31209fa

Browse files
authored
Merge pull request #25 from ymsg19/patch-1
サムネイルメーカーの提供を終了
2 parents a969e85 + 8542d6e commit 31209fa

File tree

1 file changed

+1
-60
lines changed

1 file changed

+1
-60
lines changed

thumbnail-maker.html

+1-60
Original file line numberDiff line numberDiff line change
@@ -7,65 +7,6 @@
77
<h1 class="title">DojoCon Japan 2021 サムネイルメーカー</h1>
88
</div>
99
<div class="thumbnail-preview">
10-
<div class="main-flex">
11-
<img class="thema" src="/img/thumbnail-maker/theme.svg" alt="見渡す">
12-
<div class="textarea-box">
13-
<textarea id="message-box" class="message" spellcheck="false"
14-
placeholder="ここにテキストを入力"></textarea>
15-
</div>
16-
<img class="logo" src="/img/thumbnail-maker/logo.svg" alt="DojoConJapan2021 Decembar 18th/ONLINE">
17-
</div>
18-
</div>
19-
<div class="links">
20-
<button id="img-download-btn" class="btn inline-block">画像をダウンロード</button>
21-
<a id="img-show-btn" class="inline-block" href="https://dcj2021-thumbnail-maker.ymsg.space/?text=">ダウンロードできない場合はこちら</a>
10+
<p>サムネイルメーカーは 2022年2月20日 を持ちまして提供を終了しました。ご利用ありがとうございました。</p>
2211
</div>
2312
</div>
24-
25-
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
26-
<script type="module">
27-
import { Base64 } from 'https://cdn.jsdelivr.net/npm/[email protected]/base64.mjs';
28-
29-
const textAreaHeightSet = (textarea) => {
30-
textarea.style.height = "42px";
31-
var wSclollHeight = parseInt(textarea.scrollHeight);
32-
33-
var wLineH = parseInt(textarea.style.lineHeight.replace(/px/, ''));
34-
35-
if(wSclollHeight < (wLineH * 1.)){wSclollHeight=(wLineH * 1);}
36-
37-
textarea.style.height = wSclollHeight + "px";
38-
}
39-
40-
const setImageDownloadURL = (textarea) => {
41-
const imgShowBtn = document.getElementById("img-show-btn");
42-
const text = Base64.encodeURI(textarea.value);
43-
imgShowBtn.href = `https://dcj2021-thumbnail-maker.ymsg.space/?text=${text}`;
44-
}
45-
46-
const downloadThumbnail = async () => {
47-
const textarea = document.getElementById('message-box');
48-
const text = Base64.encodeURI(textarea.value);
49-
//saveAs(`https://dcj2021-thumbnail-maker.ymsg.space/?text=${text}`, 'thumbnail.png');
50-
51-
const response = await fetch(`https://dcj2021-thumbnail-maker.ymsg.space/?text=${text}`);
52-
return response.blob().then( (imgBlob) => {
53-
saveAs(imgBlob, 'thumbnail.png');
54-
});
55-
}
56-
57-
document.getElementById("message-box").addEventListener("input", (e) => {
58-
textAreaHeightSet(e.target);
59-
setImageDownloadURL(e.target);
60-
});
61-
document.getElementById("message-box").addEventListener("change", (e) => {
62-
textAreaHeightSet(e.target);
63-
setImageDownloadURL(e.target);
64-
});
65-
66-
document.getElementById("img-download-btn").addEventListener("click", async (e) => {
67-
e.target.disabled = true;
68-
await downloadThumbnail();
69-
e.target.disabled = false;
70-
});
71-
</script>

0 commit comments

Comments
 (0)