2021-04-10 02:32:09 +09:00
< html >
< head >
< meta charset = "utf-8" >
Update website/static/external/grids-responsive-min.css, website/static/external/pure-min.css, website/static/external/video-js.css, website/static/external/video.js, website/static/external/videojs-contrib-hls.js, website/static/platform.css, website/static/platform.js, website/templates/chat-iframe.html, website/templates/comment-iframe.html, website/templates/index.html, website/templates/stream-info-iframe.html, website/utils/captcha.py, website/utils/colour.py, website/utils/stream.py, website/utils/tripcode.py, website/chat.py, website/concatenate.py, website/routes.py, website/viewership.py files
2021-04-14 23:12:40 +09:00
< link href = "/static/external/pure-min.css" rel = "stylesheet" >
2021-04-10 02:32:09 +09:00
< style >
body {
margin-left:0.5em;
color: white;
}
input {
background-color: inherit;
color: white;
}
input#message {
border: 1px solid #999 !important;
box-shadow: inset 0 1px 3px #555 !important;
width: calc(100% - 0.5em);
margin-bottom: 0.5em;
}
input#captcha {
width: calc(100% - 14em);
vertical-align: top;
padding: 0.375em;
display: inline-block;
box-shadow: none;
}
button {
position:absolute;
right:0.5em;
padding: 0.375em 1em !important;
}
form {
margin: 0;
}
2021-05-14 15:59:50 +09:00
input[type="image"] {
2021-04-10 02:32:09 +09:00
margin-top: 0.125em;
2021-05-14 15:59:50 +09:00
cursor: help;
2021-04-10 02:32:09 +09:00
}
.note-space {
display: inline-block;
}
input[type="checkbox"] {
display: none;
}
label[for="settings-toggle"] {
cursor: pointer;
font-size: 150%;
vertical-align: top;
margin-right: 0.125em;
display: inline;
}
{% with primary = 'settings' if show_settings else 'comment-box' %}
{% with secondary = 'comment-box' if show_settings else 'settings' %}
form#{{ secondary }} {
width:0;
height:0;
overflow:hidden;
}
form#{{ secondary }} button {
display: none;
}
input#settings-toggle:checked ~ form#{{ primary }} {
width:0;
height:0;
overflow:hidden;
}
input#settings-toggle:checked ~ form#{{ primary }} button {
display: none;
}
input#settings-toggle:checked ~ form#{{ secondary }} {
width:revert;
height:revert;
overflow:revert;
}
input#settings-toggle:checked ~ form#{{ secondary }} button {
display: revert;
}
{% endwith %}
{% endwith %}
input#nickname {
padding: 0.25em;
display: inline-block;
box-shadow: none;
border: 1px solid #999 !important;
margin-bottom: 0.5em;
}
{% if note %}
@keyframes hide {
to {
visibility: hidden;
overflow: hidden;
}
}
@keyframes unhide {
to {
visibility: visible;
}
}
#note {
font-weight: bold;
color: white;
animation: hide 0s forwards 2s;
position: absolute;
top: 2.75rem;
font-size: 110%;
}
.note-space {
visibility: hidden;
animation: unhide 0s forwards 2s;
}
{% endif %}
.smalltext {
font-size: 85%;
}
#password, #cancel-password {
display: none;
}
#password-toggle:checked ~ #password {
display: revert;
}
#password-toggle:checked ~ label[for="password-toggle"] #cancel-password {
display: revert;
}
#password-toggle:checked ~ label[for="password-toggle"] #tripcode-container {
display: none;
}
#password-toggle:checked ~ label[for="password-toggle"] #remove-tripcode {
display: none;
}
#password-toggle:checked ~ label[for="blank-tripcode-toggle"] {
display: none;
}
#undo-remove-tripcode {
display: none;
}
#blank-tripcode {
display: none;
}
#blank-tripcode-toggle:checked ~ #blank-tripcode {
display: revert;
}
#blank-tripcode-toggle:checked ~ label[for="blank-tripcode-toggle"] #undo-remove-tripcode {
display: revert;
}
#blank-tripcode-toggle:checked ~ label[for="password-toggle"] {
display: none;
}
#blank-tripcode-toggle:checked ~ label[for="blank-tripcode-toggle"] #remove-tripcode {
display: none;
}
2021-07-17 07:02:19 +09:00
#to-settings::after {
content: "⚙️";
}
#to-chat::after {
content: "💬";
}
.empty-tripcode-container::after {
content: "(no tripcode)";
}
#cancel-password::after {
content: "× ";
}
#remove-tripcode::after {
content: "× ";
}
#blank-tripcode::after {
content: "(cleared)";
}
#undo-remove-tripcode::after {
content: "undo";
}
2021-04-10 02:32:09 +09:00
#tripcode {
padding: 0 5px;
border-radius: 6px;
font-size: 90%;
font-family: monospace;
vertical-align: middle;
2021-07-17 07:27:12 +09:00
display: inline-block;
2021-04-10 02:32:09 +09:00
cursor: pointer;
}
.pseudolink {
color: #a0a0a0;
cursor: pointer;
}
.pseudolink:active, .pseudolink:hover {
color: #00b6f0;
}
2021-07-17 07:02:19 +09:00
/* for text-based browsers */
.textonly {
display: none;
}
2021-04-10 02:32:09 +09:00
< / style >
< / head >
< body >
< input type = "checkbox" id = "settings-toggle" >
< form id = "comment-box" class = "pure-form" action = "{{ url_for('comment') }}" method = "post" >
2021-04-10 14:43:46 +09:00
< input type = "hidden" name = "token" value = "{{ token }}" >
Update website/static/external/grids-responsive-min.css, website/static/external/pure-min.css, website/static/external/video-js.css, website/static/external/video.js, website/static/external/videojs-contrib-hls.js, website/static/platform.css, website/static/platform.js, website/templates/chat-iframe.html, website/templates/comment-iframe.html, website/templates/index.html, website/templates/stream-info-iframe.html, website/utils/captcha.py, website/utils/colour.py, website/utils/stream.py, website/utils/tripcode.py, website/chat.py, website/concatenate.py, website/routes.py, website/viewership.py files
2021-04-14 23:12:40 +09:00
< input type = "hidden" name = "nonce" value = "{{ nonce }}" >
2021-07-17 07:02:19 +09:00
< div class = "textonly" > Send a message:< / div >
2021-05-14 15:59:50 +09:00
< input id = "message" class = "pure-u-1 smalltext" name = "message" maxlength = "250" placeholder = "Send a message" value = "{{ message }}" >
2021-07-07 21:29:17 +09:00
< button style = "height:30px;font-weight:bold;bottom:1.8em;" class = "pure-button pure-button-primary" > Chat< / button >
2021-04-10 14:43:46 +09:00
< div class = "note-space" >
2021-07-17 07:02:19 +09:00
< label for = "settings-toggle" id = "to-settings" > < / label >
2021-04-10 14:43:46 +09:00
{% if captcha %}
2021-07-17 07:02:19 +09:00
< input type = "image" formaction = "{{ url_for('comment_iframe') }}" title = "Click for a new captcha" src = "{{ captcha['src'] }}" alt = "Your browser doesn't support the data URI scheme." > < / input >
2021-05-19 12:00:36 +09:00
< input name = "captcha-ciphertext" type = "hidden" value = "{{ captcha['ciphertext'] }}" >
2021-07-17 07:02:19 +09:00
< div class = "textonly" > Captcha:< / div >
2021-05-14 15:59:50 +09:00
< input id = "captcha" class = "smalltext" style = "height:30;" name = "captcha" placeholder = "Captcha" >
2021-04-10 14:43:46 +09:00
{% endif %}
< / div >
2021-04-10 02:32:09 +09:00
< / form >
2021-07-17 07:02:19 +09:00
< br class = "textonly" >
2021-04-10 02:32:09 +09:00
< form id = "settings" action = "{{ url_for('settings') }}" method = "post" >
2021-04-10 14:43:46 +09:00
< input type = "hidden" name = "token" value = "{{ token }}" >
2021-07-17 07:02:19 +09:00
< div class = "textonly" > Nickname:< / div >
Update website/static/external/grids-responsive-min.css, website/static/external/pure-min.css, website/static/external/video-js.css, website/static/external/video.js, website/static/external/videojs-contrib-hls.js, website/static/platform.css, website/static/platform.js, website/templates/chat-iframe.html, website/templates/comment-iframe.html, website/templates/index.html, website/templates/stream-info-iframe.html, website/utils/captcha.py, website/utils/colour.py, website/utils/stream.py, website/utils/tripcode.py, website/chat.py, website/concatenate.py, website/routes.py, website/viewership.py files
2021-04-14 23:12:40 +09:00
< input id = "nickname" style = "width:60%;font-weight:bold;color:#{{ viewer['colour'].hex() }};" name = "nickname" maxlength = "24" placeholder = "{{ default }}" value = "{{ '' if nickname == None else nickname }}" >
2021-07-17 07:02:19 +09:00
< br class = "textonly" >
< span class = "textonly" > Set tripcode:< / span >
2021-04-10 02:32:09 +09:00
< input type = "checkbox" id = "password-toggle" name = "set-tripcode" >
2021-07-17 07:02:19 +09:00
< br class = "textonly" >
< span class = "textonly" > Remove tripcode:< / span >
2021-04-10 02:32:09 +09:00
< input type = "checkbox" id = "blank-tripcode-toggle" name = "remove-tripcode" >
2021-07-17 07:02:19 +09:00
< div class = "textonly" > Password (to set tripcode):< / div >
2021-04-10 02:32:09 +09:00
< input id = "password" type = "password" style = "width:30%;" name = "password" maxlength = "256" placeholder = "Password" >
{% if viewer['tripcode']['string'] %}
< label for = "password-toggle" >
< span id = "tripcode-container" >
2021-07-17 07:02:19 +09:00
< span class = "textonly" > < < / span > < span id = "tripcode" style = "background-color:#{{ viewer['tripcode']['background_colour'].hex() }};color:#{{ viewer['tripcode']['foreground_colour'].hex() }};" > {{ viewer['tripcode']['string'] }}< / span > < span class = "textonly" > > < / span >
2021-04-10 02:32:09 +09:00
< / span >
< / label >
2021-07-17 07:02:19 +09:00
< span id = "blank-tripcode" > < / span >
2021-04-10 02:32:09 +09:00
< label for = "blank-tripcode-toggle" >
2021-07-17 07:02:19 +09:00
< span class = "pseudolink" id = "remove-tripcode" > < / span >
< span class = "pseudolink" id = "undo-remove-tripcode" > < / span >
2021-04-10 02:32:09 +09:00
< / label >
< label for = "password-toggle" >
2021-07-17 07:02:19 +09:00
< span class = "pseudolink" id = "cancel-password" > < / span >
2021-04-10 02:32:09 +09:00
< / label >
{% else %}
< label for = "password-toggle" >
2021-07-17 07:02:19 +09:00
< span class = "pseudolink empty-tripcode-container" id = "tripcode-container" > < / span >
< span class = "pseudolink" id = "cancel-password" > < / span >
2021-04-10 02:32:09 +09:00
< / label >
{% endif %}
< div >
< div class = "note-space" >
2021-07-17 07:02:19 +09:00
< label for = "settings-toggle" id = "to-chat" > < / label >
2021-04-10 02:32:09 +09:00
< button style = "padding: 0.5em;float:right;" class = "pure-button pure-button-primary smalltext" > Change appearance< / button >
< / div >
< / div >
< / form >
< div id = "note" > {{ note }}< / div >
< / body >
2021-04-15 20:37:04 +09:00
< / html >