mirror of
https://github.com/turt2live/matrix-dimension.git
synced 2024-08-31 06:02:09 +00:00
![Tony Stipanic](/assets/img/avatar_default.png)
This is a very big commit that does an initial job of upgrading everything to the latest version. TSLint gets replaced by ESLint. Instead of plain node, now ts-node is being used. Old modules also get replaced with new ones (mostly ng2 to ngx). Also obsolete configs have been replaced with how it's used today with Angular. This includes: * Upgrade to: ** Angular 12 ** Typescript 4 ** ESLint 7 and replace TSLint ** Bootstrap 5 ** Eerything connected to these * Run with ts-node * Convert wepack config to angular config * Remove typescript-ioc * Update tsconfigs * Run a git command instead of using a library for sshort hash * Move assets to a new location align with default Angular settings * Database migration for new avatarUrl locations * Simplify Model extension align with newest sequelize version * Remove breadcrumb hack * Fix homeserver typo * A few general fixes that are necessary with newest Typescript rules * Define Express.User interface
108 lines
3.3 KiB
HTML
108 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="An open source integrations manager for Matrix. Check out #dimension:t2bot.io for more information.">
|
|
|
|
<title>Dimension</title>
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/logo/favicon/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/logo/favicon/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="img/logo/favicon/favicon-16x16.png">
|
|
<link rel="manifest" href="img/logo/favicon/site.webmanifest">
|
|
<link rel="mask-icon" href="img/logo/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
|
<link rel="shortcut icon" href="img/logo/favicon/favicon.ico">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-config" content="img/logo/favicon/browserconfig.xml">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<style type="text/css">
|
|
body, html {
|
|
height: 100%;
|
|
background-color: transparent;
|
|
}
|
|
|
|
body.theme-dark {
|
|
background-color: #4a4a4a;
|
|
}
|
|
|
|
body.theme-light {
|
|
background-color: #e7e7e7;
|
|
}
|
|
|
|
.app-loading {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.app-loading .spinner {
|
|
height: 100px;
|
|
width: 100px;
|
|
animation: rotate 2s linear infinite;
|
|
transform-origin: center center;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.app-loading .spinner .path {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
animation: dash 1.5s ease-in-out infinite;
|
|
stroke-linecap: round;
|
|
stroke: #a0a0a0;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes dash {
|
|
0% {
|
|
stroke-dasharray: 1, 200;
|
|
stroke-dashoffset: 0;
|
|
}
|
|
50% {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: -35px;
|
|
}
|
|
100% {
|
|
stroke-dasharray: 89, 200;
|
|
stroke-dashoffset: -124px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<base href="/">
|
|
</head>
|
|
<body class="app-body">
|
|
<script type="text/javascript">
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
let theme = urlParams.get("theme");
|
|
const allowedThemes = ["dark", "light"];
|
|
if (allowedThemes.indexOf(theme) === -1) theme = "light";
|
|
const body = document.getElementsByTagName("body");
|
|
for (const element of body) {
|
|
element.className += " theme-" + theme;
|
|
}
|
|
</script>
|
|
<my-app class="main-app">
|
|
<div class="app-loading">
|
|
<svg class="spinner" viewBox="25 25 50 50">
|
|
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"></circle>
|
|
</svg>
|
|
</div>
|
|
</my-app>
|
|
</body>
|
|
</html>
|