@@ -124,9 +124,9 @@
$length,
true)
as $record): ?>
-
+
- = $record['date_time'] ?>
+ = $record['date_time'] ?>
@@ -135,11 +135,11 @@
- > = $record['chat_message'] ?>
+ > = $record['chat_message'] ?>
- = $record['answer'] ?>
+ = $record['answer'] ?>
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 @@
+