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-btn-color: #303f9f;
|
||||||
--dark-link-color: #5C6BC0;
|
--dark-link-color: #5C6BC0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
min-height: 100%;
|
||||||
font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
|
font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
--accent-color: #1A237E;
|
--accent-color: #1A237E;
|
||||||
@ -22,8 +22,10 @@ body {
|
|||||||
--link-color: #3949AB;
|
--link-color: #3949AB;
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg-color);
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
|
|
||||||
}
|
}
|
||||||
header{
|
header{
|
||||||
|
align-self: start;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -78,6 +80,7 @@ a {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
background: var(--cont-bg-color);
|
background: var(--cont-bg-color);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
|
grid-area: main;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-list {
|
.service-list {
|
||||||
@ -134,10 +137,18 @@ a {
|
|||||||
#li-nextcloud { background-image: url(/img/icons/Nextcloud_Logo.svg); }
|
#li-nextcloud { background-image: url(/img/icons/Nextcloud_Logo.svg); }
|
||||||
#li-matrix { background-image: url(/img/icons/Matrix_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){
|
@media only screen and (min-width:1000px){
|
||||||
.cont {
|
.cont {
|
||||||
width: max-content;
|
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
width: max-content;
|
||||||
|
max-width: 50%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -146,7 +157,6 @@ a {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:2000px){
|
@media only screen and (min-width:2000px){
|
||||||
html {
|
html {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
|
|
||||||
<link href="./video-js/video-js.css" rel="stylesheet">
|
<link href="./video-js/video-js.css" rel="stylesheet">
|
||||||
<link href="./video-js/themes/forest/index.css" rel="stylesheet">
|
<link href="./video-js/themes/forest/index.css" rel="stylesheet">
|
||||||
|
<link href="./chromecast/silvermine-videojs-chromecast.css" rel="stylesheet">
|
||||||
<style>
|
<style>
|
||||||
video{
|
video{
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
@ -42,8 +43,26 @@
|
|||||||
<source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL">
|
<source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL">
|
||||||
</video>
|
</video>
|
||||||
</div>
|
</div>
|
||||||
<script src="./video-js/video.js"></script>
|
|
||||||
<script>
|
<script>
|
||||||
var player = videojs('live_stream');
|
window.SILVERMINE_VIDEOJS_CHROMECAST_CONFIG = {
|
||||||
|
preloadWebComponents: true,
|
||||||
|
};
|
||||||
</script>
|
</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>
|
</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>
|
<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>
|
<article>
|
||||||
<p>Eller du kan skrive inn adressa selv:</p>
|
<p>Eller du kan skrive inn adressa selv:</p>
|
||||||
<code>trygve.me</code>
|
<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>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
Reference in New Issue
Block a user