PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4
element-web/src/vector/index.html

93 lines
5.8 KiB
HTML
Raw Normal View History

Basic structure of a react SDK and start of an implementation.
2015-06-09 16:40:42 +00:00
<!doctype html>
make login page scrollable
2015-07-22 07:17:15 +00:00
<html lang="en" style="height: 100%;">
Basic structure of a react SDK and start of an implementation.
2015-06-09 16:40:42 +00:00
<head>
<meta charset="utf-8">
Update various brand instances in code
2020-07-13 16:32:17 +00:00
<title>Element</title>
Replace Riot logo with element logo and hopefully clean up some of dead wood icons while we're at it
2020-07-10 19:02:11 +00:00
<link rel="apple-touch-icon" sizes="57x57" href="<%= require('../../res/vector-icons/apple-touch-icon-57.png') %>">
<link rel="apple-touch-icon" sizes="60x60" href="<%= require('../../res/vector-icons/apple-touch-icon-60.png') %>">
<link rel="apple-touch-icon" sizes="72x72" href="<%= require('../../res/vector-icons/apple-touch-icon-72.png') %>">
<link rel="apple-touch-icon" sizes="76x76" href="<%= require('../../res/vector-icons/apple-touch-icon-76.png') %>">
<link rel="apple-touch-icon" sizes="114x114" href="<%= require('../../res/vector-icons/apple-touch-icon-114.png') %>">
<link rel="apple-touch-icon" sizes="120x120" href="<%= require('../../res/vector-icons/apple-touch-icon-120.png') %>">
<link rel="apple-touch-icon" sizes="144x144" href="<%= require('../../res/vector-icons/apple-touch-icon-144.png') %>">
<link rel="apple-touch-icon" sizes="152x152" href="<%= require('../../res/vector-icons/apple-touch-icon-152.png') %>">
<link rel="apple-touch-icon" sizes="180x180" href="<%= require('../../res/vector-icons/apple-touch-icon-180.png') %>">
move manifest.json outward so it is scoped properly this will matter more when we add a service worker Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2017-05-11 12:12:26 +00:00
<link rel="manifest" href="manifest.json">
Prevent referrers from being sent Fix https://github.com/vector-im/riot-web/issues/6147
2018-02-15 12:31:31 +00:00
<meta name="referrer" content="no-referrer">
add cache busting for app icons and msapp config xml
2019-02-15 15:11:33 +00:00
<link rel="shortcut icon" href="<%= require('../../res/vector-icons/favicon.ico') %>">
Add media queries and mobile viewport
2020-01-30 10:29:14 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
Update various brand instances in code
2020-07-13 16:32:17 +00:00
<meta name="apple-mobile-web-app-title" content="Element">
<meta name="application-name" content="Element">
favicon
2015-07-28 00:04:23 +00:00
<meta name="msapplication-TileColor" content="#da532c">
Replace Riot logo with element logo and hopefully clean up some of dead wood icons while we're at it
2020-07-10 19:02:11 +00:00
<meta name="msapplication-TileImage" content="<%= require('../../res/vector-icons/mstile-150.png') %>">
add cache busting for app icons and msapp config xml
2019-02-15 15:11:33 +00:00
<meta name="msapplication-config" content="<%= require('../../res/vector-icons/browserconfig.xml') %>">
favicon
2015-07-28 00:04:23 +00:00
<meta name="theme-color" content="#ffffff">
Remove og:image with status.im URL And make it configurable, albeit only at buuld time, as hopefully explained in the README.
2018-03-14 18:34:26 +00:00
<meta property="og:image" content="<%= htmlWebpackPlugin.options.vars.og_image_url %>" />
re-add child-src as the common ancestor of worker-src and frame-src for backwards compat and split onto multiple lines for readability Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-06 11:52:21 +00:00
<meta http-equiv="Content-Security-Policy" content="
default-src 'none';
style-src 'self' 'unsafe-inline';
script-src 'self' 'unsafe-eval' https://www.recaptcha.net https://www.gstatic.com;
img-src * blob: data:;
connect-src *;
font-src 'self' data:;
media-src * blob: data:;
child-src * blob: data:;
worker-src 'self';
frame-src * blob: data:;
form-action 'self';
object-src 'self';
manifest-src 'self';
">
use ye olde rel='alternate stylesheets' for theming
2017-01-17 19:14:16 +00:00
<% for (var i=0; i < htmlWebpackPlugin.files.css.length; i++) {
var file = htmlWebpackPlugin.files.css[i];
Give the 'Light' theme link a title too ... mostly to make it appear on the Firefox style menu.
2017-01-19 15:40:54 +00:00
var match = file.match(/^bundles\/.*?\/theme-(.*)\.css$/);
unbreak switching after vdh's webpack changes
2017-01-18 14:06:20 +00:00
if (match) {
var title = match[1].charAt(0).toUpperCase() + match[1].slice(1);
use ye olde rel='alternate stylesheets' for theming
2017-01-17 19:14:16 +00:00
%>
turns out that we /do/ use tertiaryAccentColor after all
2017-11-15 00:57:44 +00:00
<link rel="stylesheet" disabled="disabled" title="<%= title %>" href="<%= file %>">
use ye olde rel='alternate stylesheets' for theming
2017-01-17 19:14:16 +00:00
<% } else { %>
<link rel="stylesheet" href="<%= file %>">
<% }
} %>
Basic structure of a react SDK and start of an implementation.
2015-06-09 16:40:42 +00:00
</head>
iterate compatibility page and make styling consistent between firefox and chrome Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-23 14:38:26 +00:00
<body style="height: 100%; margin: 0;" data-vector-indexeddb-worker-script="<%= htmlWebpackPlugin.files.chunks['indexeddb-worker'].entry %>">
Update various brand instances in code
2020-07-13 16:32:17 +00:00
<noscript>Sorry, Element requires JavaScript to be enabled.</noscript> <!-- TODO: Translate this? -->
Add notranslate class to matrixchat to prevent translation by Google Translate Google Translate manipulates the DOM which is fundamentally incomaptible with React and causes exceptions to be thrown when React tries to manipulate the DOM based on its VDOM and the DOM methods throw exceptions because the DOM structure is not what React thinks it is. Riot has an i18n system, although it doesn't cover all strings and all languages. Fixes https://github.com/vector-im/riot-web/issues/13557
2020-05-14 09:37:44 +00:00
<section id="matrixchat" style="height: 100%; overflow: auto;" class="notranslate"></section>
Fix the IndexedDB worker Looks like this was broken in the webpack 4 upgrade due to the worker script setter and the bundle being re-ordered in index.html. * Remove the loop: we only use two scripts now, so import them explicitly * Remove outdated olm import code. * Stop generating a script import for each theme: we were pulling in 3 js files that did absolutely nothing. * Fix worker 'onmessage' scope (set it as a global rather than trying to make it an ES6 module which it isn't). * Fail hard if the indexeddb worker script isn't set to avoid this happening again.
2018-12-19 22:05:04 +00:00
<script src="<%= htmlWebpackPlugin.files.chunks['bundle'].entry %>"></script>
Prefetch the formatting button mask svg images Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-05-11 15:07:13 +00:00
Revert "Attempt to fix tests some more" This reverts commit c76a5f2c Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-01 13:05:07 +00:00
<!-- Legacy supporting Prefetch images -->
<img src="<%= require('matrix-react-sdk/res/img/warning.svg') %>" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/e2e/warning.svg') %>" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/feather-customised/warning-triangle.svg') %>" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/format/bold.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/format/code.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/format/italics.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/format/quote.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
<img src="<%= require('matrix-react-sdk/res/img/format/strikethrough.svg') %>" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
Added audio/source tags for message notifications. Signed-off-by: Andrew Johnson <ajohnson@draster.com>
2016-03-03 13:11:46 +00:00
<audio id="messageAudio">
<source src="media/message.ogg" type="audio/ogg" />
<source src="media/message.mp3" type="audio/mpeg" />
</audio>
position the inbound call box correctly, and fix various issues with when the video preview and callview are shown
2015-12-17 02:53:53 +00:00
<audio id="ringAudio" loop>
<source src="media/ring.ogg" type="audio/ogg" />
<source src="media/ring.mp3" type="audio/mpeg" />
</audio>
Implement ringing audio. Add other audio tags.
2015-07-17 15:42:16 +00:00
<audio id="ringbackAudio" loop>
<source src="media/ringback.ogg" type="audio/ogg" />
<source src="media/ringback.mp3" type="audio/mpeg" />
</audio>
<audio id="callendAudio">
<source src="media/callend.ogg" type="audio/ogg" />
<source src="media/callend.mp3" type="audio/mpeg" />
</audio>
<audio id="busyAudio">
<source src="media/busy.ogg" type="audio/ogg" />
<source src="media/busy.mp3" type="audio/mpeg" />
</audio>
remove doubly-closed tag
2018-02-23 16:27:34 +00:00
<audio id="remoteAudio"></audio>
tint the colours in the theme rather than hardcode vector green
2017-11-04 23:43:34 +00:00
<!-- let CSS themes pass constants to the app -->
Fix double-closed tags
2018-10-04 09:49:28 +00:00
<div id="mx_theme_accentColor"></div><div id="mx_theme_secondaryAccentColor"></div><div id="mx_theme_tertiaryAccentColor"></div>
Basic structure of a react SDK and start of an implementation.
2015-06-09 16:40:42 +00:00
</body>
</html>
Reference in a new issue Copy permalink