]> Git in Space - website/commitdiff
Update fedi link and livestreaming page
authorMira Ayre <mi@boxin.space>
Tue, 3 Aug 2021 04:09:23 +0000 (05:09 +0100)
committerMira Ayre <mi@boxin.space>
Tue, 3 Aug 2021 04:09:23 +0000 (05:09 +0100)
www/index.cf
www/live.cf
www/style.css

index 92ae98a1ba828ea9d5279d488f9da1ff00dc8547..7eacb4a65326fb50d7cc4e53ac8e36016277de43 100644 (file)
 bass, sometimes write some music, very occasionally dabble in conlanging, and
 spend most of my time confused.
 
 bass, sometimes write some music, very occasionally dabble in conlanging, and
 spend most of my time confused.
 
-I'm most accessible on Fedi \
-<a rel="me" href="https://is.nota.live/@miramira">(at) miramira (at) is \
-(dot) not a (dot) live</a>.
-You can also message me on Matrix \
-<a href="https://matrix.to/#/@mi:badat.dev">(at) mi : bad at (dot) dev</a>.
-Or if you absolutely must, you can email \
-<a href="#">me (at) box in (dot) space</a>.
-I post music on \
-<a href="https://miraonthewall.bandcamp.com">Bandcamp</a> \
-(make sure you're blocking Google Analytics et al)
-and have a pile of my older music on \
-<a href="https://open.audio/channels/oliea">Funkwhale</a>.
+I have:
+Music posting on <a rel="me" href="https://mastodon.art/@mira">Fedi</a>
+Music releasing on <a href="https://miraonthewall.bandcamp.com">Bandcamp</a>
+Music archiving on <a href="https://open.audio/channels/oliea">Funkwhale</a>
 
 <b>Things to explore</b>
 
 
 <b>Things to explore</b>
 
index e5c9e815aa3e53e634419d764655a3f71505abb8..57add0f89770182398f7a6b88327ac98be06e325 100644 (file)
@@ -17,15 +17,16 @@ the miserable RCE vulnerability that is JavaScript if you want to watch the
 stream.
 </noscript></pre>
 
 stream.
 </noscript></pre>
 
-<video
+<div id="vid"><video
        data-dashjs-player
        controls
        src="https://boxin.space/stream/live.mpd"
        data-dashjs-player
        controls
        src="https://boxin.space/stream/live.mpd"
-></video><pre>
+></video>
 <iframe
 <iframe
-       src="https://kiwiirc.com/client/irc.libera.chat/?&theme=mini##boxinspace"
-></iframe>
+       src="https://web.libera.chat/?&theme=mini##boxinspace"
+></iframe></div>
 
 
+<pre>
 <b>Blimey this webpage is terrible</b>
 
 Worry not! You can watch the stream from your favourite media player by giving
 <b>Blimey this webpage is terrible</b>
 
 Worry not! You can watch the stream from your favourite media player by giving
@@ -39,7 +40,7 @@ your favourite IRC client in \
 
 Completely haphazardly. There is absolutely no schedule or expectation that I
 will stream at any point, but whenever I do I will announce it on \
 
 Completely haphazardly. There is absolutely no schedule or expectation that I
 will stream at any point, but whenever I do I will announce it on \
-<a href="https://is.nota.live/@miramira">fedi</a>.
+<a href="https://mastodon.art/@mira">fedi</a>.
 
 <b>No video with supported format and MIME type found?</b>
 
 
 <b>No video with supported format and MIME type found?</b>
 
index aa7447ba5f69006214fedd81fbda29305b690878..5c5cbec93ac66d77d210bcf252abcf68711b77b3 100644 (file)
@@ -76,7 +76,6 @@ a:visited:hover { color : #ae82ff !important ; }
 
 video {
        display   : block ;
 
 video {
        display   : block ;
-       margin    : auto  ;
        height    : auto  ;
        min-width : 80ch  ;
        width     : 160ch ;
        height    : auto  ;
        min-width : 80ch  ;
        width     : 160ch ;
@@ -84,7 +83,25 @@ video {
 }
 
 iframe {
 }
 
 iframe {
-       border : none ;
-       width  : 100% ;
-       height : 80ch ;
+       display   : block  ;
+       border    : none   ;
+       width     : 350px  ;
+       max-width : 100%   ;
+       height    : 80ch   ;
+       overflow  : hidden ;
+}
+
+#vid {
+       display         : flex   ;
+       margin          : auto   ;
+       max-width       : 100%   ;
+       justify-content : center ;
+}
+
+@media screen and ( max-width : 850px ) {
+       #vid { flex-wrap : wrap ; }
+       iframe {
+               width  : 100% ;
+               height : 40ch ;
+       }
 }
 }