mirror of
https://github.com/jech/galene.git
synced 2024-11-10 02:35:58 +01:00
sfu webfont: switch to fontawesome 5
This commit is contained in:
parent
ff110ec9cd
commit
b1dac6f477
22 changed files with 65 additions and 2705 deletions
4
static/css/font-awesome.min.css
vendored
4
static/css/font-awesome.min.css
vendored
File diff suppressed because one or more lines are too long
5
static/css/fontawesome.min.css
vendored
Normal file
5
static/css/fontawesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
15
static/css/regular.css
Normal file
15
static/css/regular.css
Normal 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
16
static/css/solid.css
Normal 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; }
|
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load diff
Before Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -9,7 +9,8 @@
|
|||
<link rel="stylesheet" type="text/css" href="/sfu.css"/>
|
||||
<link rel="author" href="https://www.irif.fr/~jch/"/>
|
||||
<!-- 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>
|
||||
|
||||
<body>
|
||||
|
|
|
@ -370,18 +370,18 @@ textarea.form-reply {
|
|||
display: none;
|
||||
/*on top of video peers*/
|
||||
z-index: 1002;
|
||||
font-size: 1.8em;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.collapse-video .open-chat {
|
||||
color: #fff;
|
||||
height: 60px;
|
||||
fill: #fff;
|
||||
color: #cac7c7;
|
||||
height: 50px;
|
||||
padding: 10px;
|
||||
fill: #b8b8b8;
|
||||
text-shadow: 0px 0px 1px #b3adad;
|
||||
}
|
||||
|
||||
.no-video {
|
||||
|
@ -1018,9 +1018,10 @@ header .collapse {
|
|||
|
||||
#users > div::before {
|
||||
content: "\f111";
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
color: #20b91e;
|
||||
margin-right: 5px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
|
|
|
@ -8,7 +8,9 @@
|
|||
<link rel="stylesheet" type="text/css" href="/sfu.css"/>
|
||||
<link rel="author" href="https://www.irif.fr/~jch/"/>
|
||||
<!-- 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">
|
||||
</head>
|
||||
|
||||
|
@ -37,35 +39,35 @@
|
|||
<ul class="nav-menu">
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
<div id="userDropdown" class="dropdown-content">
|
||||
|
@ -81,7 +83,7 @@
|
|||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</div>
|
||||
</li>
|
||||
|
@ -92,7 +94,7 @@
|
|||
<div class="coln-left" id="left">
|
||||
<div id="chat">
|
||||
<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>
|
||||
</div>
|
||||
<div id="box"></div>
|
||||
|
@ -107,14 +109,9 @@
|
|||
</div>
|
||||
<div id="resizer"></div>
|
||||
<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">
|
||||
<svg viewBox="-21 -47 682.66669 682" xmlns="http://www.w3.org/2000/svg" class="open-chat">
|
||||
<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>
|
||||
<i class="far fa-comment-alt open-chat" title="Open chat"></i>
|
||||
</div>
|
||||
<div class="video-container no-video" id="video-container">
|
||||
<div id="expand-video" class="expand-video">
|
||||
|
@ -145,7 +142,7 @@
|
|||
<div id="sidebarnav" class="sidenav">
|
||||
<div class="sidenav-header">
|
||||
<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 class="sidenav-content" id="optionsdiv">
|
||||
<div id="mediaoptions" class="invisible">
|
||||
|
@ -199,16 +196,16 @@
|
|||
<div id="videocontrols-template" class="invisible">
|
||||
<div class="video-controls vc-overlay">
|
||||
<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 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 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 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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -216,7 +213,7 @@
|
|||
<div id="top-videocontrols-template" class="invisible">
|
||||
<div class="top-video-controls">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -414,7 +414,7 @@ function setButtonsVisibility() {
|
|||
function setLocalMute(mute) {
|
||||
muteLocalTracks(mute);
|
||||
let button = document.getElementById('mutebutton');
|
||||
let icon = button.querySelector("span .fa");
|
||||
let icon = button.querySelector("span .fas");
|
||||
if(mute){
|
||||
icon.classList.add('fa-microphone-slash');
|
||||
icon.classList.remove('fa-microphone');
|
||||
|
|
BIN
static/webfonts/fa-regular-400.eot
Normal file
BIN
static/webfonts/fa-regular-400.eot
Normal file
Binary file not shown.
BIN
static/webfonts/fa-regular-400.ttf
Normal file
BIN
static/webfonts/fa-regular-400.ttf
Normal file
Binary file not shown.
BIN
static/webfonts/fa-regular-400.woff
Normal file
BIN
static/webfonts/fa-regular-400.woff
Normal file
Binary file not shown.
BIN
static/webfonts/fa-regular-400.woff2
Normal file
BIN
static/webfonts/fa-regular-400.woff2
Normal file
Binary file not shown.
BIN
static/webfonts/fa-solid-900.eot
Normal file
BIN
static/webfonts/fa-solid-900.eot
Normal file
Binary file not shown.
BIN
static/webfonts/fa-solid-900.ttf
Normal file
BIN
static/webfonts/fa-solid-900.ttf
Normal file
Binary file not shown.
BIN
static/webfonts/fa-solid-900.woff
Normal file
BIN
static/webfonts/fa-solid-900.woff
Normal file
Binary file not shown.
BIN
static/webfonts/fa-solid-900.woff2
Normal file
BIN
static/webfonts/fa-solid-900.woff2
Normal file
Binary file not shown.
Loading…
Reference in a new issue