Skip to content

Commit

Permalink
Update video src.
Browse files Browse the repository at this point in the history
  • Loading branch information
Kalila committed Oct 25, 2023
1 parent 6147c84 commit 19b801d
Show file tree
Hide file tree
Showing 2 changed files with 102 additions and 101 deletions.
202 changes: 101 additions & 101 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,101 +1,101 @@
<!DOCTYPE html>
<html>
<head>
<title><%= process.env.VRCA_PRODUCT_NAME %></title>

<meta charset="utf-8">
<meta name="description" content="<%= process.env.VRCA_PRODUCT_DESCRIPTION %>">
<meta name="keywords" content="Vircadia, VR, virtual, reality, metaverse, game, 3D, open-world, open-source, open, future" />
<meta name="author" content="Vircadia Contributors" />
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">

<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/android-chrome-192x192.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png?v=1.0.0">
<link rel="shortcut icon" href="/icons/favicon.ico?v=1.0.0">
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg?v=1.0.0" color="#0c71c3">
<link rel="manifest" href="/icons/site.webmanifest?v=1.0.0">
<meta name="apple-mobile-web-app-title" content="<% process.env.VRCA_PRODUCT_NAME %>">
<meta name="application-name" content="<% process.env.VRCA_PRODUCT_NAME %>">
<meta name="msapplication-TileColor" content="<% process.env.VRCA_COLORS_PRIMARY %>">
<meta name="msapplication-config" content="/icons/browserconfig.xml?v=1.0.0">
<meta name="theme-color" content="<% process.env.VRCA_COLORS_PRIMARY %>">

<meta property="og:title" content="<%= process.env.VRCA_PRODUCT_NAME %>" />
<meta property="og:site_name" content="<%= process.env.VRCA_BRAND_NAME %>" />
<meta property="og:description" content="<%= process.env.VRCA_PRODUCT_DESCRIPTION %>" />
<meta property="og:type" content="website" />
<meta property="og:image" content="<%= process.env.VRCA_BANNER %>" />
<meta property="og:image:alt" content="<%= process.env.VRCA_BANNER_ALT %>" />
<meta property="og:url" content="<%= process.env.VRCA_HOSTED_URL %>" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vircadia" />
<meta name="twitter:title" content="<%= process.env.VRCA_PRODUCT_NAME %>" />
<meta name="twitter:description" content="<%= process.env.VRCA_PRODUCT_DESCRIPTION %>" />
<meta name="twitter:image" content="<%= process.env.VRCA_BANNER %>" />
<meta name="twitter:image:alt" content="<%= process.env.VRCA_BANNER_ALT %>" />

<style>
html {
background-color: black;
}
#preloader {
position: fixed;
z-index: 0;
inset: 0;
display: block;
background-color: black;
opacity: 1;
transition: 0.2s ease opacity;
}
#preloader::before {
content: '';
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
display: block;
width: 1.2rem;
height: 1.2rem;
box-sizing: border-box;
border: 0.2rem solid white;
border-right-color: transparent;
border-radius: 50%;
-webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 78%);
mask-image: linear-gradient(180deg, #000 30%, transparent 78%);
transform-origin: center;
animation: preloaderSpinner 0.8s linear infinite;
}
@keyframes preloaderSpinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#preloader > video {
width: 100%;
height: 100%;
object-fit: contain;
margin: auto;
animation: preloaderFadeOut 9s ease forwards;
}
@keyframes preloaderFadeOut {
0% { opacity: 1; }
95% { opacity: 1; }
100% { opacity: 0; }
}
#preloader.hide {
opacity: 0;
}
#preloader.hide::before {
animation: unset;
}
</style>
</head>
<body>
<div id="preloader">
<video src="/assets/video/Digisomni_Intro_9-13-2022.webm" autoplay muted></video>
</div>
<!-- quasar:entry-point -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title><%= process.env.VRCA_PRODUCT_NAME %></title>

<meta charset="utf-8">
<meta name="description" content="<%= process.env.VRCA_PRODUCT_DESCRIPTION %>">
<meta name="keywords" content="Vircadia, VR, virtual, reality, metaverse, game, 3D, open-world, open-source, open, future" />
<meta name="author" content="Vircadia Contributors" />
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">

<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/android-chrome-192x192.png?v=1.0.0">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png?v=1.0.0">
<link rel="shortcut icon" href="/icons/favicon.ico?v=1.0.0">
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg?v=1.0.0" color="#0c71c3">
<link rel="manifest" href="/icons/site.webmanifest?v=1.0.0">
<meta name="apple-mobile-web-app-title" content="<% process.env.VRCA_PRODUCT_NAME %>">
<meta name="application-name" content="<% process.env.VRCA_PRODUCT_NAME %>">
<meta name="msapplication-TileColor" content="<% process.env.VRCA_COLORS_PRIMARY %>">
<meta name="msapplication-config" content="/icons/browserconfig.xml?v=1.0.0">
<meta name="theme-color" content="<% process.env.VRCA_COLORS_PRIMARY %>">

<meta property="og:title" content="<%= process.env.VRCA_PRODUCT_NAME %>" />
<meta property="og:site_name" content="<%= process.env.VRCA_BRAND_NAME %>" />
<meta property="og:description" content="<%= process.env.VRCA_PRODUCT_DESCRIPTION %>" />
<meta property="og:type" content="website" />
<meta property="og:image" content="<%= process.env.VRCA_BANNER %>" />
<meta property="og:image:alt" content="<%= process.env.VRCA_BANNER_ALT %>" />
<meta property="og:url" content="<%= process.env.VRCA_HOSTED_URL %>" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vircadia" />
<meta name="twitter:title" content="<%= process.env.VRCA_PRODUCT_NAME %>" />
<meta name="twitter:description" content="<%= process.env.VRCA_PRODUCT_DESCRIPTION %>" />
<meta name="twitter:image" content="<%= process.env.VRCA_BANNER %>" />
<meta name="twitter:image:alt" content="<%= process.env.VRCA_BANNER_ALT %>" />

<style>
html {
background-color: black;
}
#preloader {
position: fixed;
z-index: 0;
inset: 0;
display: block;
background-color: black;
opacity: 1;
transition: 0.2s ease opacity;
}
#preloader::before {
content: '';
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
display: block;
width: 1.2rem;
height: 1.2rem;
box-sizing: border-box;
border: 0.2rem solid white;
border-right-color: transparent;
border-radius: 50%;
-webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 78%);
mask-image: linear-gradient(180deg, #000 30%, transparent 78%);
transform-origin: center;
animation: preloaderSpinner 0.8s linear infinite;
}
@keyframes preloaderSpinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#preloader > video {
width: 100%;
height: 100%;
object-fit: contain;
margin: auto;
animation: preloaderFadeOut 9s ease forwards;
}
@keyframes preloaderFadeOut {
0% { opacity: 1; }
95% { opacity: 1; }
100% { opacity: 0; }
}
#preloader.hide {
opacity: 0;
}
#preloader.hide::before {
animation: unset;
}
</style>
</head>
<body>
<div id="preloader">
<video src="<%= process.env.VRCA_INTRO %>" autoplay muted></video>
</div>
<!-- quasar:entry-point -->
</body>
</html>
1 change: 1 addition & 0 deletions quasar.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,6 +99,7 @@ module.exports = configure(function(ctx) {
VRCA_TAGLINE: process.env.VRCA_TAGLINE ?? packageJSON.description,
VRCA_PRODUCT_DESCRIPTION: process.env.VRCA_PRODUCT_DESCRIPTION ?? packageJSON.description,
VRCA_LOGO: process.env.VRCA_LOGO ?? "assets/images/branding/vircadia-icon.svg",
VRCA_INTRO: process.env.VRCA_INTRO ?? "assets/video/Digisomni_Intro_9-13-2022.webm",
// NOTE: VRCA_BANNER should be an absolute URL for Open Graph support.
VRCA_BANNER: process.env.VRCA_BANNER ?? "assets/images/branding/og_banner.png",
VRCA_BANNER_ALT: process.env.VRCA_BANNER_ALT ?? packageJSON.productName,
Expand Down

0 comments on commit 19b801d

Please sign in to comment.