@dssp/dcsp 0.0.26 → 0.0.27

package/_index.html

@@ -16,7 +16,7 @@
     <link rel="manifest" href="/assets/manifest.json" />
 
     <!-- See https://goo.gl/qRE0vM -->
-    <meta name="theme-color" content="#6f2423" />
+    <meta name="theme-color" content="#6F2423" />
 
     <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
     <meta name="mobile-web-app-capable" content="yes" />
@@ -39,7 +39,7 @@
 
     <!-- Tile icon for Windows 8 (144x144 + tile color) -->
     <meta name="msapplication-TileImage" content="/assets/manifest/icon-144x144.png" />
-    <meta name="msapplication-TileColor" content="#6f2423" />
+    <meta name="msapplication-TileColor" content="#6F2423" />
     <meta name="msapplication-tap-highlight" content="no" />
 
     <!-- Default twitter cards -->

package/assets/manifest.json

@@ -22,6 +22,6 @@
   ],
   "start_url": "/",
   "display": "standalone",
-  "theme_color": "#181A1B",
-  "background_color": "#181A1B"
+  "theme_color": "#6F2423",
+  "background_color": "#6F2423"
 }

package/dist-client/entries/public/home.d.ts

@@ -0,0 +1,8 @@
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+export declare class HomePage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _applicationMeta;
+    render(): import("lit-html").TemplateResult<1>;
+    get applicationMeta(): any;
+}

package/dist-client/entries/public/home.js

@@ -0,0 +1,97 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let HomePage = class HomePage extends LitElement {
+    render() {
+        var { title, description } = this.applicationMeta;
+        return html `
+      <div message>
+        <strong>${title}</strong>
+        ${description}
+        <video autoplay muted playsinline loop>
+          <source src="/assets/videos/intro.mp4" type="video/mp4" />
+        </video>
+      </div>
+
+      <md-icon signin @click=${e => (window.location.href = '/auth/signin')}>login</md-icon>
+    `;
+    }
+    get applicationMeta() {
+        if (!this._applicationMeta) {
+            var iconLink = document.querySelector('link[rel="application-icon"]');
+            var titleMeta = document.querySelector('meta[name="application-name"]');
+            var descriptionMeta = document.querySelector('meta[name="application-description"]');
+            this._applicationMeta = {
+                icon: iconLink === null || iconLink === void 0 ? void 0 : iconLink.href,
+                title: (titleMeta === null || titleMeta === void 0 ? void 0 : titleMeta.content) || 'Things Factory',
+                description: (descriptionMeta === null || descriptionMeta === void 0 ? void 0 : descriptionMeta.content) || 'Reimagining Software'
+            };
+        }
+        return this._applicationMeta;
+    }
+};
+HomePage.styles = [
+    css `
+      :host {
+        background-color: var(--md-sys-color-background);
+
+        display: block;
+        position: relative;
+
+        max-width: 100vw;
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+      }
+
+      [signin] {
+        position: absolute;
+        right: 20px;
+        top: 20px;
+        font-size: 2em;
+        color: white;
+      }
+
+      [message] {
+        background-color: rgba(50, 66, 97, 0.8);
+        padding: 60px 50px 0 50px;
+        color: #fff;
+        text-align: center;
+        font-size: 20px;
+      }
+
+      [message] strong {
+        display: block;
+        font-size: 2.5rem;
+      }
+
+      video {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 100vw;
+        height: 100vh;
+        object-fit: cover;
+        transform: translate(-50%, -50%);
+      }
+
+      @media screen and (max-width: 480px) {
+        [message] {
+          padding: 60px 30px 0 30px;
+          color: #fff;
+          text-align: center;
+          font-size: 15px;
+        }
+
+        [message] strong {
+          font-size: 1.6rem;
+        }
+      }
+    `
+];
+HomePage = __decorate([
+    customElement('home-page')
+], HomePage);
+export { HomePage };
+//# sourceMappingURL=home.js.map

package/dist-client/entries/public/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../client/entries/public/home.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAG1C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IA+DtC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEjD,OAAO,IAAI,CAAA;;kBAEG,KAAK;UACb,WAAW;;;;;;+BAMU,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,cAAc,CAAC;KACtE,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAoB,CAAA;YACxF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB,CAAA;YAC1F,IAAI,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAoB,CAAA;YAEvG,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,gBAAgB;gBAC7C,WAAW,EAAE,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,sBAAsB;aAChE,CAAA;SACF;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AA5FM,eAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,CAAA;AA3DU,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA8FpB;SA9FY,QAAQ","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('home-page')\nexport class HomePage extends LitElement {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--md-sys-color-background);\n\n        display: block;\n        position: relative;\n\n        max-width: 100vw;\n        width: 100vw;\n        height: 100vh;\n        height: 100dvh;\n      }\n\n      [signin] {\n        position: absolute;\n        right: 20px;\n        top: 20px;\n        font-size: 2em;\n        color: white;\n      }\n\n      [message] {\n        background-color: rgba(50, 66, 97, 0.8);\n        padding: 60px 50px 0 50px;\n        color: #fff;\n        text-align: center;\n        font-size: 20px;\n      }\n\n      [message] strong {\n        display: block;\n        font-size: 2.5rem;\n      }\n\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 100vw;\n        height: 100vh;\n        object-fit: cover;\n        transform: translate(-50%, -50%);\n      }\n\n      @media screen and (max-width: 480px) {\n        [message] {\n          padding: 60px 30px 0 30px;\n          color: #fff;\n          text-align: center;\n          font-size: 15px;\n        }\n\n        [message] strong {\n          font-size: 1.6rem;\n        }\n      }\n    `\n  ]\n\n  private _applicationMeta\n\n  render() {\n    var { title, description } = this.applicationMeta\n\n    return html`\n      <div message>\n        <strong>${title}</strong>\n        ${description}\n        <video autoplay muted playsinline loop>\n          <source src=\"/assets/videos/intro.mp4\" type=\"video/mp4\" />\n        </video>\n      </div>\n\n      <md-icon signin @click=${e => (window.location.href = '/auth/signin')}>login</md-icon>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink = document.querySelector('link[rel=\"application-icon\"]') as HTMLLinkElement\n      var titleMeta = document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement\n      var descriptionMeta = document.querySelector('meta[name=\"application-description\"]') as HTMLMetaElement\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta?.content || 'Things Factory',\n        description: descriptionMeta?.content || 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}