Mer info om mumble og matrix
This commit is contained in:
parent
3e2d262059
commit
618fa4d421
16
css/main.css
16
css/main.css
@ -8,8 +8,8 @@
|
||||
--dark-btn-color: #303f9f;
|
||||
--dark-link-color: #5C6BC0;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100%;
|
||||
font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
margin: 0;
|
||||
--accent-color: #1A237E;
|
||||
@ -22,8 +22,10 @@ body {
|
||||
--link-color: #3949AB;
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
|
||||
}
|
||||
header{
|
||||
align-self: start;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
@ -78,6 +80,7 @@ a {
|
||||
margin: auto;
|
||||
background: var(--cont-bg-color);
|
||||
border-radius: 1rem;
|
||||
grid-area: main;
|
||||
}
|
||||
|
||||
.service-list {
|
||||
@ -134,10 +137,18 @@ a {
|
||||
#li-nextcloud { background-image: url(/img/icons/Nextcloud_Logo.svg); }
|
||||
#li-matrix { background-image: url(/img/icons/Matrix_Logo.svg); }
|
||||
|
||||
|
||||
@media screen and (max-width:600px){
|
||||
.cont {
|
||||
width: calc(100% - 0.5rem);
|
||||
padding: 0.25rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width:1000px){
|
||||
.cont {
|
||||
width: max-content;
|
||||
padding: 1rem;
|
||||
width: max-content;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@ -146,7 +157,6 @@ a {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:2000px){
|
||||
html {
|
||||
font-size: 20px;
|
||||
|
@ -9,6 +9,7 @@
|
||||
|
||||
<link href="./video-js/video-js.css" rel="stylesheet">
|
||||
<link href="./video-js/themes/forest/index.css" rel="stylesheet">
|
||||
<link href="./chromecast/silvermine-videojs-chromecast.css" rel="stylesheet">
|
||||
<style>
|
||||
video{
|
||||
border-radius: 0.5rem;
|
||||
@ -42,8 +43,26 @@
|
||||
<source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL">
|
||||
</video>
|
||||
</div>
|
||||
<script src="./video-js/video.js"></script>
|
||||
<script>
|
||||
var player = videojs('live_stream');
|
||||
window.SILVERMINE_VIDEOJS_CHROMECAST_CONFIG = {
|
||||
preloadWebComponents: true,
|
||||
};
|
||||
</script>
|
||||
<script src="./video-js/video.js"></script>
|
||||
<script src="./chromecast/silvermine-videojs-chromecast.min.js"></script>
|
||||
<script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
|
||||
<script>
|
||||
var options;
|
||||
|
||||
options = {
|
||||
techOrder: [ 'chromecast', 'html5' ],
|
||||
};
|
||||
|
||||
videojs('live_stream', options, function() {
|
||||
var player = this;
|
||||
|
||||
player.chromecast();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
28
matrix_info/index.php
Normal file
28
matrix_info/index.php
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="no">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="theme-color" content="#263238"/>
|
||||
<link rel="icon" type="image/png" href="/dist/favicon.png">
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
</head>
|
||||
<body class="theme-auto">
|
||||
|
||||
<?php include "../common/header.html"; ?>
|
||||
|
||||
|
||||
<div class="cont">
|
||||
|
||||
<h1 class="center-txt">Matrix</h1>
|
||||
|
||||
<a href="https://element.trygve.me"><h2 class="center-txt">Åpne element</h2></a>
|
||||
<article>
|
||||
<p>For å bruke en annen klient må du skrive inn adressa:</p>
|
||||
<code>chat.trygve.me</code>
|
||||
<p>Matrix er en fri og desentralisert lynmeldingsprotokoll. For å bruke matrix må du registrere deg hos en hjemmeserver, f.eks. chat.trygve.me, deretter kan du kommunisere med hvem som helst på din egen hjemmeserver og resten av nettverket. </p>
|
||||
<p>Det finnes mange forskjellige klienter for forskjellige platformer. på <a href="https://matrix.org/clients/">https://matrix.org/clients/</a> finner du en liste med gode klienter. For nye brukere vill jeg anbefale Element som finnes som i nettleseren, som skrivebordsprogram eller som mobilapp. På <a href="https://element.trygve.me">https://element.trygve.me</a> finner du nettleserversjonen og appen kan lastes ned <a href="https://element.io/get-started">her<a/>.
|
||||
</article>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -16,10 +16,12 @@
|
||||
|
||||
<h1 class="center-txt">Mumble</h1>
|
||||
|
||||
<a href="mumble://trygve.me"><h2 class="center-txt">Åpne serveren i mumble</h2></a>
|
||||
<a href="mumble://trygve.me/"><h2 class="center-txt">Åpne min server i mumble</h2></a>
|
||||
<article>
|
||||
<p>Eller du kan skrive inn adressa selv:</p>
|
||||
<code>trygve.me</code>
|
||||
<p>Mumble er et program aom lar deg ha talesamtaler i høy kvalitet og med liten forsinkelse.</p>
|
||||
<p>Gå til <a href="https://mumble.info">https://mumble.info</a> for å laste ned mumble og mer info.</p>
|
||||
</article>
|
||||
</div>
|
||||
</body>
|
||||
|
Loading…
Reference in New Issue
Block a user