fix(html) add doctype and fix HTML errors

* Changed render mode to standard compliant and adjusted CSS accordantly. * Fixed HTML errors, removed XHTML reminiscences and whitespace. * Added doctype and fixed a few HTML errors. * The input field speakerStatsSearch overflows the dialog box. Added missing box-sizing. Co-authored-by: Bo Frederiksen <bo.frederiksen@semaphor.dk>
3 years ago · 432d07c2ad
parent 2f42af0b70
commit 432d07c2ad
21 changed files with 52 additions and 37 deletions
--- a/base.html
+++ b/base.html
@ -1 +1 @@
-<base href="/" />
+<base href="/">
--- a/css/_base.scss
+++ b/css/_base.scss
@ -44,6 +44,7 @@ body {
 }

 .jitsi-icon {
+    line-height: 0;
    &-default svg {
        fill: white;
    }
--- a/css/_videolayout_default.scss
+++ b/css/_videolayout_default.scss
@ -23,6 +23,10 @@
    overflow: hidden;
 }

+.jBzxHz, #react {
+    height: 100%;
+}
+
 #largeVideoBackgroundContainer,
 .large-video-background {
    height: 100%;
--- a/doc/examples/api.html
+++ b/doc/examples/api.html
@ -1,7 +1,8 @@
-<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+<!doctype html>
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#">
    <head>
        <meta charset="utf-8">
-        <meta http-equiv="content-type" content="text/html;charset=utf-8">
+        <title>Jitsi API</title>
    </head>
    <body>
        <script src="https://meet.jit.si/external_api.js"></script>
--- a/index.html
+++ b/index.html
@ -1,8 +1,8 @@
-<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+<!doctype html>
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#">
  <head>
    <!--#include virtual="head.html" -->
    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="theme-color" content="#2A3A4B">
    <!--#include virtual="base.html" -->
@ -125,12 +125,12 @@
                        + "font-weight: 400;"
                        + "transform: translate(-50%, -50%)'>"
                        + "Uh oh! We couldn't fully download everything we needed :("
-                        + "<br/> "
+                        + "<br> "
                        + "We will try again shortly. In the mean time, check for problems with your Internet connection!"
-                        + "<br/><br/> "
+                        + "<br><br> "
                        + "<div id='moreInfo' style='"
                        + "display: none;'>" + "Missing " + fileRef
-                        + "<br/><br/></div>"
+                        + "<br><br></div>"
                        + "<a id='showMore' style='"
                        + "text-decoration: underline;"
                        + "font-size:small;"
@ -195,8 +195,8 @@
    <!--#include virtual="static/settingsToolbarAdditionalContent.html" -->
  </head>
  <body>
-    <noscript aria-hidden="true">
-        <div>JavaScript is disabled. </br>For this site to work you have to enable JavaScript.</div>
+    <noscript>
+        <div>JavaScript is disabled.<br>For this site to work you have to enable JavaScript.</div>
    </noscript>
    <!--#include virtual="body.html" -->
    <div id="react" role="main"></div>
--- a/react/features/speaker-stats/components/web/SpeakerStatsSearch.js
+++ b/react/features/speaker-stats/components/web/SpeakerStatsSearch.js
@ -37,6 +37,7 @@ const useStyles = makeStyles(theme => {
            padding: '10px 16px',
            width: '100%',
            height: 40,
+            boxSizing: 'border-box',
            '&::placeholder': {
                color: theme.palette.text03,
                ...theme.typography.bodyShortRegular,
--- a/resources/nwjs-integration/index.html
+++ b/resources/nwjs-integration/index.html
@ -1,6 +1,7 @@
+<!doctype html>
 <html>
    <head>
-
+        <title>Jitsi NW GUI</title>
        <style>
            body {
                margin: 0;
--- a/static/404.html
+++ b/static/404.html
@ -1,7 +1,8 @@
+<!doctype html>
 <html>
 <head>
    <!--#include virtual="/base.html" -->
-    <link rel="stylesheet" href="css/all.css"/>
+    <link rel="stylesheet" href="css/all.css">
    <!--#include virtual="/title.html" -->
 </head>
 <body>
--- a/static/authError.html
+++ b/static/authError.html
@ -1,7 +1,8 @@
+<!doctype html>
 <html>
 <head>
    <!--#include virtual="/base.html" -->
-    <link rel="stylesheet" href="css/all.css"/>
+    <link rel="stylesheet" href="css/all.css">
    <!--#include virtual="/title.html" -->
 </head>
 <body>
--- a/static/close.html
+++ b/static/close.html
@ -1,7 +1,8 @@
+<!doctype html>
 <html>
 <head>
    <!--#include virtual="/base.html" -->
-    <link rel="stylesheet" href="css/all.css"/>
+    <link rel="stylesheet" href="css/all.css">
    <!--#include virtual="/title.html" -->
    <script><!--#include virtual="/interface_config.js" --></script>
    <script src="static/close.js"></script>
--- a/static/close2.html
+++ b/static/close2.html
@ -1,7 +1,8 @@
+<!doctype html>
 <html>
 <head>
    <!--#include virtual="/base.html" -->
-    <link rel="stylesheet" href="css/all.css"/>
+    <link rel="stylesheet" href="css/all.css">
    <!--#include virtual="/title.html" -->
    <script><!--#include virtual="/interface_config.js" --></script>
    <script src="static/close.js"></script>
--- a/static/dialInInfo.html
+++ b/static/dialInInfo.html
@ -1,3 +1,4 @@
+<!doctype html>
 <html>
  <head>
    <meta charset="utf-8">
--- a/static/msredirect.html
+++ b/static/msredirect.html
@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 <body>
 <script>
--- a/static/oauth.html
+++ b/static/oauth.html
@ -1,7 +1,8 @@
-<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
+<!doctype html>
+<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#">
 <head>
    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <title>Jitsi login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--#include virtual="/base.html" -->
    <!--#include virtual="/title.html" -->
--- a/static/offline.html
+++ b/static/offline.html
@ -1,10 +1,10 @@
+<!doctype html>
 <html>

 <head>
  <head>
    <!--#include virtual="/head.html" -->
    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--#include virtual="/base.html" -->

--- a/static/prejoin.html
+++ b/static/prejoin.html
@ -1,7 +1,7 @@
-<html xmlns="http://www.w3.org/1999/html">
+<!doctype html>
+<html>
  <head>
    <meta charset="utf-8">
-    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--#include virtual="/base.html" -->
    <link rel="stylesheet" href="css/all.css">
--- a/static/recommendedBrowsers.html
+++ b/static/recommendedBrowsers.html
@ -1,7 +1,8 @@
+<!doctype html>
 <html>
 <head>
    <!--#include virtual="/base.html" -->
-    <link rel="stylesheet" href="css/all.css"/>
+    <link rel="stylesheet" href="css/all.css">
    <!--#include virtual="/title.html" -->
 </head>
 <body>
@ -12,11 +13,11 @@
        <p class ='unsupported-desktop-browser__description'>
            We recommend to try with the latest version of&nbsp;
            <a
-                className = 'unsupported-desktop-browser__link'
-                href = 'https://www.google.com/chrome/' >Chrome</a>&nbsp;or&nbsp;
+                class='unsupported-desktop-browser__link'
+                href='https://www.google.com/chrome/' >Chrome</a>&nbsp;or&nbsp;
            <a
-                class = 'unsupported-desktop-browser__link'
-                href = 'https://www.chromium.org/'>Chromium</a>
+                class='unsupported-desktop-browser__link'
+                href='https://www.chromium.org/'>Chromium</a>
        </p>
    </div>
 </body>
--- a/static/settingsToolbarAdditionalContent.html
+++ b/static/settingsToolbarAdditionalContent.html
@ -1 +1 @@
-<template id="settings-toolbar-additional-content-template"></template>
+<template id="settings-toolbar-additional-content-template"></template>
--- a/static/welcomePageAdditionalCard.html
+++ b/static/welcomePageAdditionalCard.html
@ -1 +1 @@
-<template id = "welcome-page-additional-card-template"></template>
+<template id="welcome-page-additional-card-template"></template>
--- a/static/welcomePageAdditionalContent.html
+++ b/static/welcomePageAdditionalContent.html
@ -1 +1 @@
-<template id = "welcome-page-additional-content-template"></template>
+<template id="welcome-page-additional-content-template"></template>
--- a/title.html
+++ b/title.html
@ -1,9 +1,9 @@
 <title>Jitsi Meet</title>
-<meta property="og:title" content="Jitsi Meet"/>
-<meta property="og:image" content="images/jitsilogo.png?v=1"/>
-<meta property="og:description" content="Join a WebRTC video conference powered by the Jitsi Videobridge"/>
-<meta description="Join a WebRTC video conference powered by the Jitsi Videobridge"/>
-<meta itemprop="name" content="Jitsi Meet"/>
-<meta itemprop="description" content="Join a WebRTC video conference powered by the Jitsi Videobridge"/>
-<meta itemprop="image" content="images/jitsilogo.png?v=1"/>
-<link rel="icon" type="image/png" href="images/favicon.ico?v=1"/>
+<meta property="og:title" content="Jitsi Meet">
+<meta property="og:image" content="images/jitsilogo.png?v=1">
+<meta property="og:description" content="Join a WebRTC video conference powered by the Jitsi Videobridge">
+<meta name="description" content="Join a WebRTC video conference powered by the Jitsi Videobridge">
+<meta itemprop="name" content="Jitsi Meet">
+<meta itemprop="description" content="Join a WebRTC video conference powered by the Jitsi Videobridge">
+<meta itemprop="image" content="images/jitsilogo.png?v=1">
+<link rel="icon" type="image/png" href="images/favicon.ico?v=1">