mirror/galene
1
Fork 0
mirror of https://github.com/jech/galene.git synced 2024-11-26 02:25:58 +01:00
Code Activity

sfu webfont: switch to fontawesome 5

Browse source
This commit is contained in:
Alain Takoudjou 2020-11-09 15:57:30 +01:00 committed by Juliusz Chroboczek
parent ff110ec9cd
commit b1dac6f477
22 changed files with 65 additions and 2705 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/font-awesome.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
static/css/fontawesome.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

15
static/css/regular.css Normal file
View file

@ -0,0 +1,15 @@
/*!
* Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("../webfonts/fa-regular-400.eot");
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }

16
static/css/solid.css Normal file
View file

@ -0,0 +1,16 @@
/*!
* Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url("../webfonts/fa-solid-900.eot");
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }

BIN
static/fonts/FontAwesome.otf
View file

Binary file not shown.

BIN
static/fonts/fontawesome-webfont.eot
View file

Binary file not shown.

2671
static/fonts/fontawesome-webfont.svg
View file

File diff suppressed because it is too large Load diff
Side by side

Before

Width:  |  Height:  |  Size: 434 KiB

BIN
static/fonts/fontawesome-webfont.ttf
View file

Binary file not shown.

BIN
static/fonts/fontawesome-webfont.woff
View file

Binary file not shown.

BIN
static/fonts/fontawesome-webfont.woff2
View file

Binary file not shown.

3
static/index.html
View file

@ -9,7 +9,8 @@
<link rel="stylesheet" type="text/css" href="/sfu.css"/> <link rel="stylesheet" type="text/css" href="/sfu.css"/>
<link rel="author" href="https://www.irif.fr/~jch/"/> <link rel="author" href="https://www.irif.fr/~jch/"/>
<!-- Font Awesome File --> <!-- Font Awesome File -->
<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css"> <link href="/css/fontawesome.min.css" rel="stylesheet" type="text/css">
<link href="/css/solid.css" rel="stylesheet" type="text/css">
</head> </head>
<body> <body>

13
static/sfu.css
View file

@ -370,18 +370,18 @@ textarea.form-reply {
display: none; display: none;
/*on top of video peers*/ /*on top of video peers*/
z-index: 1002; z-index: 1002;
font-size: 1.8em;
position: absolute; position: absolute;
top: 5px; top: 10px;
left: 10px; left: 10px;
cursor: pointer; cursor: pointer;
} }
.collapse-video .open-chat { .collapse-video .open-chat {
color: #fff; color: #cac7c7;
height: 60px; height: 50px;
fill: #fff;
padding: 10px; padding: 10px;
fill: #b8b8b8; text-shadow: 0px 0px 1px #b3adad;
} }
.no-video { .no-video {
@ -1018,9 +1018,10 @@ header .collapse {
#users > div::before { #users > div::before {
content: "\f111"; content: "\f111";
font: normal normal normal 14px/1 FontAwesome; font-family: 'Font Awesome 5 Free';
color: #20b91e; color: #20b91e;
margin-right: 5px; margin-right: 5px;
font-weight: 900;
} }
.close-icon { .close-icon {

41
static/sfu.html
View file

@ -8,7 +8,9 @@
<link rel="stylesheet" type="text/css" href="/sfu.css"/> <link rel="stylesheet" type="text/css" href="/sfu.css"/>
<link rel="author" href="https://www.irif.fr/~jch/"/> <link rel="author" href="https://www.irif.fr/~jch/"/>
<!-- Font Awesome File --> <!-- Font Awesome File -->
<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css"> <link href="/css/fontawesome.min.css" rel="stylesheet" type="text/css">
<link href="/css/solid.css" rel="stylesheet" type="text/css">
<link href="/css/regular.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="/css/toastify.min.css"> <link rel="stylesheet" type="text/css" href="/css/toastify.min.css">
</head> </head>
@ -37,35 +39,35 @@
<ul class="nav-menu"> <ul class="nav-menu">
<li> <li>
<button id="presentbutton" class="invisible btn btn-success"> <button id="presentbutton" class="invisible btn btn-success">
<i class="fa fa-video-camera" aria-hidden="true"></i><span class="nav-text"> Present</span> <i class="fas fa-video-camera" aria-hidden="true"></i><span class="nav-text"> Present</span>
</button> </button>
</li> </li>
<li> <li>
<button id="unpresentbutton" class="invisible btn btn-cancel"> <button id="unpresentbutton" class="invisible btn btn-cancel">
<i class="fa fa-stop" aria-hidden="true"></i><span class="nav-text"> Stop presenting</span> <i class="fas fa-stop" aria-hidden="true"></i><span class="nav-text"> Stop presenting</span>
</button> </button>
</li> </li>
<li> <li>
<div id="mutebutton" class="nav-link nav-button"> <div id="mutebutton" class="nav-link nav-button">
<span><i class="fa fa-microphone-slash" aria-hidden="true"></i></span> <span><i class="fas fa-microphone-slash" aria-hidden="true"></i></span>
<label>Mute</label> <label>Mute</label>
</div> </div>
</li> </li>
<li> <li>
<div id="sharebutton" class="invisible nav-link nav-button"> <div id="sharebutton" class="invisible nav-link nav-button">
<span><i class="fa fa-share-square-o" aria-hidden="true"></i></span> <span><i class="fas fa-share-square" aria-hidden="true"></i></span>
<label>Share Screen</label> <label>Share Screen</label>
</div> </div>
</li> </li>
<li> <li>
<div id="unsharebutton" class="invisible nav-link nav-button nav-cancel"> <div id="unsharebutton" class="invisible nav-link nav-button nav-cancel">
<span><i class="fa fa-window-close-o" aria-hidden="true"></i></span> <span><i class="fas fa-window-close" aria-hidden="true"></i></span>
<label>Unshare Screen</label> <label>Unshare Screen</label>
</div> </div>
</li> </li>
<li> <li>
<div class="nav-button nav-link invisible" id="user"> <div class="nav-button nav-link invisible" id="user">
<span><i class="fa fa-user dropbtn" aria-hidden="true"></i></span> <span><i class="fas fa-user dropbtn" aria-hidden="true"></i></span>
<label>User</label> <label>User</label>
</div> </div>
<div id="userDropdown" class="dropdown-content"> <div id="userDropdown" class="dropdown-content">
@ -81,7 +83,7 @@
</li> </li>
<li> <li>
<div class="nav-button nav-link" id="openside"> <div class="nav-button nav-link" id="openside">
<span><i class="fa fa-cog" aria-hidden="true"></i></span> <span><i class="fas fa-cog" aria-hidden="true"></i></span>
<label>Settings</label> <label>Settings</label>
</div> </div>
</li> </li>
@ -92,7 +94,7 @@
<div class="coln-left" id="left"> <div class="coln-left" id="left">
<div id="chat"> <div id="chat">
<div id="chatbox"> <div id="chatbox">
<div class="close-chat" id="close-chat"> <div class="close-chat" id="close-chat" title="Hide chat">
<span class="close-icon"></span> <span class="close-icon"></span>
</div> </div>
<div id="box"></div> <div id="box"></div>
@ -107,14 +109,9 @@
</div> </div>
<div id="resizer"></div> <div id="resizer"></div>
<div class="coln-right" id="right"> <div class="coln-right" id="right">
<span class="show-video blink" id="switch-video"><i class="fa fa-exchange" aria-hidden="true"></i></span> <span class="show-video blink" id="switch-video"><i class="fas fa-exchange" aria-hidden="true"></i></span>
<div class="collapse-video" id="collapse-video"> <div class="collapse-video" id="collapse-video">
<svg viewBox="-21 -47 682.66669 682" xmlns="http://www.w3.org/2000/svg" class="open-chat"> <i class="far fa-comment-alt open-chat" title="Open chat"></i>
<path d="m552.011719-1.332031h-464.023438c-48.515625 0-87.988281 39.464843-87.988281 87.988281v283.972656c0 48.414063 39.300781 87.816406 87.675781 87.988282v128.863281l185.191407-128.863281h279.144531c48.515625 0 87.988281-39.472657 87.988281-87.988282v-283.972656c0-48.523438-39.472656-87.988281-87.988281-87.988281zm50.488281 371.960937c0 27.835938-22.648438 50.488282-50.488281 50.488282h-290.910157l-135.925781 94.585937v-94.585937h-37.1875c-27.839843 0-50.488281-22.652344-50.488281-50.488282v-283.972656c0-27.84375 22.648438-50.488281 50.488281-50.488281h464.023438c27.839843 0 50.488281 22.644531 50.488281 50.488281zm0 0"/>
<path d="m171.292969 131.171875h297.414062v37.5h-297.414062zm0 0"/>
<path d="m171.292969 211.171875h297.414062v37.5h-297.414062zm0 0"/>
<path d="m171.292969 291.171875h297.414062v37.5h-297.414062zm0 0"/>
</svg>
</div> </div>
<div class="video-container no-video" id="video-container"> <div class="video-container no-video" id="video-container">
<div id="expand-video" class="expand-video"> <div id="expand-video" class="expand-video">
@ -145,7 +142,7 @@
<div id="sidebarnav" class="sidenav"> <div id="sidebarnav" class="sidenav">
<div class="sidenav-header"> <div class="sidenav-header">
<h2>Settings</h2> <h2>Settings</h2>
<a class="closebtn" id="clodeside"><i class="fa fa-times" aria-hidden="true"></i></a> <a class="closebtn" id="clodeside"><i class="fas fa-times" aria-hidden="true"></i></a>
</div> </div>
<div class="sidenav-content" id="optionsdiv"> <div class="sidenav-content" id="optionsdiv">
<div id="mediaoptions" class="invisible"> <div id="mediaoptions" class="invisible">
@ -199,16 +196,16 @@
<div id="videocontrols-template" class="invisible"> <div id="videocontrols-template" class="invisible">
<div class="video-controls vc-overlay"> <div class="video-controls vc-overlay">
<span class="volume" title="Volume"> <span class="volume" title="Volume">
<i class="fa fa-volume-up" data-type="bt-volume" aria-hidden="true"></i> <i class="fas fa-volume-up" data-type="bt-volume" aria-hidden="true"></i>
</span> </span>
<span class="camera" title="Camera"> <span class="camera" title="Camera">
<i class="fa fa-video-camera" data-type="bt-camera" aria-hidden="true"></i> <i class="fas fa-video" data-type="bt-camera" aria-hidden="true"></i>
</span> </span>
<span class="pip" title="Picture In Picture"> <span class="pip" title="Picture In Picture">
<i class="fa fa-clone" data-type="bt-pip" aria-hidden="true"></i> <i class="fas fa-clone" data-type="bt-pip" aria-hidden="true"></i>
</span> </span>
<span class="fullscreen" title="Fullscreen"> <span class="fullscreen" title="Fullscreen">
<i class="fa fa-expand" data-type="bt-fullscreen" aria-hidden="true"></i> <i class="fas fa-expand-alt" data-type="bt-fullscreen" aria-hidden="true"></i>
</span> </span>
</div> </div>
</div> </div>
@ -216,7 +213,7 @@
<div id="top-videocontrols-template" class="invisible"> <div id="top-videocontrols-template" class="invisible">
<div class="top-video-controls"> <div class="top-video-controls">
<span class="expand invisible" title="Maximize"> <span class="expand invisible" title="Maximize">
<i class="fa fa-external-link" data-type="bt-expand" aria-hidden="true"></i> <i class="fas fa-external-link" data-type="bt-expand" aria-hidden="true"></i>
</span> </span>
</div> </div>
</div> </div>

2
static/sfu.js
View file

@ -414,7 +414,7 @@ function setButtonsVisibility() {
function setLocalMute(mute) { function setLocalMute(mute) {
muteLocalTracks(mute); muteLocalTracks(mute);
let button = document.getElementById('mutebutton'); let button = document.getElementById('mutebutton');
let icon = button.querySelector("span .fa"); let icon = button.querySelector("span .fas");
if(mute){ if(mute){
icon.classList.add('fa-microphone-slash'); icon.classList.add('fa-microphone-slash');
icon.classList.remove('fa-microphone'); icon.classList.remove('fa-microphone');

BIN
static/webfonts/fa-regular-400.eot Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-regular-400.ttf Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-regular-400.woff Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-regular-400.woff2 Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-solid-900.eot Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-solid-900.ttf Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-solid-900.woff Normal file
View file

Binary file not shown.

BIN
static/webfonts/fa-solid-900.woff2 Normal file
View file

Binary file not shown.