diff --git a/broadcast/assets/bg.jpg b/broadcast/assets/bg.jpg new file mode 100755 index 0000000..3614f01 Binary files /dev/null and b/broadcast/assets/bg.jpg differ diff --git a/broadcast/assets/nikumaru.otf b/broadcast/assets/nikumaru.otf new file mode 100644 index 0000000..7fa278c Binary files /dev/null and b/broadcast/assets/nikumaru.otf differ diff --git a/broadcast/assets/talking.png b/broadcast/assets/talking.png new file mode 100644 index 0000000..66eeffe Binary files /dev/null and b/broadcast/assets/talking.png differ diff --git a/broadcast/index.frm.php b/broadcast/index.frm.php index 025f4ac..1509b10 100644 --- a/broadcast/index.frm.php +++ b/broadcast/index.frm.php @@ -27,7 +27,7 @@

@@ -124,9 +124,9 @@ $length, true) as $record): ?> -
+
- +
@@ -135,11 +135,11 @@
- > + >
- +
diff --git a/broadcast/script.js b/broadcast/script.js index a75ddc3..53f24c3 100644 --- a/broadcast/script.js +++ b/broadcast/script.js @@ -78,6 +78,15 @@ Script $.cookie ('expand-filter', '0'); }); + $ ('.message-block').on ('click', function () + { + const dt = $ (this).find ('.message-block-dt').text (); + const chat = $ (this).find ('.message-block-chat').text (); + const answer = $ (this).find ('.message-block-answer').text (); + + window.open (`./talk.php?dt=${dt}&chat=${chat}&answer=${answer}`); + }); + if ($.cookie ('expand-filter') === '0') { $ ('#collapse-filter').removeClass ('show'); diff --git a/broadcast/talk.css b/broadcast/talk.css new file mode 100644 index 0000000..3a85a6a --- /dev/null +++ b/broadcast/talk.css @@ -0,0 +1,12 @@ +@font-face +{ + font-family: 'Nikumaru'; + src: url(./assets/nikumaru.otf); +} + +body +{ + background-color: black; + font-family: Nikumaru; +} + diff --git a/broadcast/talk.frm.php b/broadcast/talk.frm.php new file mode 100644 index 0000000..fc4928f --- /dev/null +++ b/broadcast/talk.frm.php @@ -0,0 +1,22 @@ + + + + + + + + + + あほ + + + + + + + + + + + + diff --git a/broadcast/talk.js b/broadcast/talk.js new file mode 100644 index 0000000..a2c66a0 --- /dev/null +++ b/broadcast/talk.js @@ -0,0 +1,63 @@ +class +Talk +{ + static + main () + { + const canvas = new Canvas; + + setInterval (() => canvas.resize (), 100); + } +} + + +class +Canvas +{ + constructor () + { + this.canvas = $ ('#canvas'); + this.ctx = this.canvas[0].getContext ('2d'); + + this.bg = new Image (); + this.bg.src = './assets/bg.jpg'; + + this.bg.onload = () => this.resize (); + } + + resize () + { + this.canvas.width ($ (window).width ()); + this.canvas.height ($ (window).height ()); + + this.redraw (); + } + + redraw () + { + this.putBG (this.canvas.width (), this.canvas.height ()); + } + + putBG (sizeX, sizeY) + { + const width = this.bg.width; + const height = this.bg.height; + + const vertical = sizeY / sizeX > height / width; + + console.log (sizeX, sizeY, width, height); + + const zoom = vertical ? (sizeX / width) : (sizeY / height); + + const x = vertical ? 0 : ((sizeX - width * zoom) / 2); + const y = vertical ? ((sizeY - height * zoom) / 2) : 0; + + this.ctx.drawImage (this.bg, + 0, 0, width, height, + x, y, width, height); + } +} + + +Talk.main (); + diff --git a/broadcast/talk.php b/broadcast/talk.php new file mode 100644 index 0000000..ded54f3 --- /dev/null +++ b/broadcast/talk.php @@ -0,0 +1,11 @@ +