@social-mail/social-mail-hosted-web 1.0.4 → 1.0.6

package/dist/AppIndex.pack.js

@@ -11793,7 +11793,7 @@ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _conte
       styled.css`
 
     div[data-desktop-app=desktop-app] {
-        width: 100%;
+        width: 100vw;
     }
 
     div[data-base-page] {
@@ -11939,7 +11939,7 @@ body {
     background-image: linear-gradient(19deg, #000000 45%, #B721FF 100%);
     font-family: trebuchet ms, "Source Sans Pro";
     font-size: 16px;
-    justify-content: stretch;
+    width: 100vw;
 
     & * {
         font-family: trebuchet ms, "Source Sans Pro";
@@ -11972,24 +11972,50 @@ body {
 
     AmdLoader.instance.setup("@social-mail/social-mail-hosted-web/dist/style/GlobalStyle");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/web-controls/dist/mobile-app/MobileApp"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/style/styled", "@web-atoms/web-controls/dist/mobile-app/MobileApp"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, XNode, styled, ContentPage, HomePage, css;
+  var __awaiter, XNode, UMD, styled, ContentPage, HomePage, logo, css;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
     }, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      UMD = _webAtomsCoreDistCoreTypes.UMD;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
     }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
       ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
     }],
     execute: function () {
+      logo = UMD.resolvePath("@social-mail/social-mail-hosted-web/images/logo-plain.svg");
       css = styled.css`
 
+    & > [data-page-element=title], & > [data-page-element=icon], & > [data-page-element=action-bar] {
+        display: none;
+    }
+
+    & .app-bar {
+        backdrop-filter: blur(14px) saturate(180%);
+    -webkit-backdrop-filter: blur(14px) saturate(180%);
+    background-color: rgba(17, 25, 40, 0.56);
+    border-radius: 12px;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+        position: sticky;
+        top: 5px;
+        z-index: 200;
+        display: flex;
+        gap: 5px;
+        font-size: 2em;
+        align-items: center;
+        flex-wrap: wrap;
+        & > img {
+            max-height: 50px;
+        }
+    }
+
     & .center {
         text-align: center;
     }
@@ -12000,13 +12026,13 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
     }
 
     & .sub-heading {
-        font-size: 1.5em;
+        font-size: 1.6em;
         text-align: center;
     }
 
     & .spacer {
         width: 1px;
-        height: 100px;
+        height: 50px;
     }
 
     & .space {
@@ -12021,17 +12047,91 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         padding: 30px;
         border-radius: 30px;
         margin: 50px;
-        background-color: white;
-        color: #666666;
+        backdrop-filter: blur(11px) saturate(180%);
+        -webkit-backdrop-filter: blur(11px) saturate(180%);
+        background-color: rgba(255, 255, 255, 0.27);
+        border-radius: 12px;
+        border: 1px solid rgba(255, 255, 255, 0.125);
+        color: white;
         display: flex;
         gap: 30px;
         flex-direction: column;
+        contain: content;
+        & > header {
+            background-color: #0093E9;
+            background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
+            opacity: 0.8;
+            color: var(--primary-color);
+            margin: -30px;
+            padding: 25px;
+            margin-bottom: 10px;
+
+            &.green {
+                background-color: #85FFBD;
+                background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
+            }
+
+            &.yellow {
+                background-color: #FBAB7E;
+                background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
+            }
+
+            &.fuschia {
+                background-color: #4158D0;
+                background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
+                color: white;
+            }
+        }
     }
 
     & .description {
         font-size: 1.2em;
     }
 
+    & .feature-list {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+        padding: 10px;
+        align-items: stretch;
+        & > div {
+            display: flex;
+            flex-direction: row;
+            gap: 20px;
+            align-items: center;
+            font-size: 1.3em;
+            & > i {
+                min-width: 40px;
+                text-align: center;
+                color: #ff98ff;
+                font-size: 1.4em;
+            }
+        }
+    }
+
+    & .table {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        & > .box {
+            padding: 20px;
+            & > header {
+                margin:-20px;
+                padding: 20px;
+                margin-bottom: 0;
+            }
+            & > div {
+                font-size: 0.8em;
+            }
+            & i {
+                min-width: 30px;
+            }
+        }
+        & > * {
+            width: 200px;
+        }
+    }
+
 `.installLocal();
       _export("default", HomePage = class HomePage extends ContentPage {
         init() {
@@ -12040,7 +12140,11 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             this.title = "Social Mail - Social Network Over Email";
             this.render(XNode.create("div", null, XNode.create("div", {
               "data-layout": "center-page-900px"
-            }, XNode.create("div", {
+            }, XNode.create("header", {
+              class: "app-bar"
+            }, XNode.create("img", {
+              src: logo
+            }), XNode.create("span", null, "Social Mail")), XNode.create("div", {
               class: "space"
             }, XNode.create("header", {
               class: "heading"
@@ -12053,8 +12157,104 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             }, XNode.create("header", {
               class: "sub-heading"
             }, "On Premisis, On Your Own Cloud, On Our Cloud"), XNode.create("div", {
-              class: "description"
-            }, XNode.create("ul", null, XNode.create("li", null, "Containerized NodeJS on Linux"), XNode.create("li", null, "Database on PostGres/Sql Server"), XNode.create("li", null, "Storage on Disk/S3/Azure Blob"), XNode.create("li", null, "Unlimited Domains/Users (Self Hosted)"), XNode.create("li", null, "Deduplication to save storage"), XNode.create("li", null, "Search email contents"), XNode.create("li", null, "Optional index attachments"), XNode.create("li", null, "Backup IMAP Accounts (Archiving)"), XNode.create("li", null, "Sync Out IMAP Accounts (Forwarding)"), XNode.create("li", null, "Mailing List (Social Channels)"), XNode.create("li", null, "Upcoming (Audio/Video in Email)")))))));
+              class: "feature-list"
+            }, XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-server"
+            }), "Containerized NodeJS on Linux"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-file-code"
+            }), "Open Source"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-database"
+            }), "Database on PostGres/Sql Server"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-cloud-binary"
+            }), "Storage on Disk/S3/Azure Blob"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-users"
+            }), "Unlimited Domains/Users (Self Hosted)"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-hand-holding-dollar"
+            }), "Deduplication to reduce storage cost"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-file-magnifying-glass"
+            }), "Search email contents"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-print-magnifying-glass"
+            }), "Optional index attachments"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-inbox-in"
+            }), "Backup IMAP Accounts (Archiving)"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-rotate"
+            }), "Sync Out IMAP Accounts (Forwarding)"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-envelopes-bulk"
+            }), "Mailing List (Social Channels)"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-circle-video"
+            }), "Upcoming (Audio/Video in Email)"))), XNode.create("div", {
+              class: "table"
+            }, XNode.create("div", {
+              class: "box"
+            }, XNode.create("header", {
+              class: "green sub-heading"
+            }, "Shared"), XNode.create("div", {
+              class: "feature-list"
+            }, XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-microchip"
+            }), " Shared"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-memory"
+            }), " Shared"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-globe"
+            }), " Single Domain"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-users"
+            }), "Unlimited Mailboxes"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-database"
+            }), " 1 TB Storage"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-file-invoice"
+            }), " 18% GST"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-indian-rupee-sign"
+            }), "30,000/yr"))), XNode.create("div", {
+              class: "box"
+            }, XNode.create("header", {
+              class: "fuschia sub-heading"
+            }, "Cloud"), XNode.create("div", {
+              class: "feature-list"
+            }, XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-microchip"
+            }), " 2 vCPU"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-memory"
+            }), " 4GB RAM"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-globe"
+            }), " Unlimited Domains"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-users"
+            }), "Unlimited Mailboxes"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-database"
+            }), " 1 TB Storage"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-file-invoice"
+            }), " 18% GST"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-indian-rupee-sign"
+            }), "9,000/mo"))), XNode.create("div", {
+              class: "box"
+            }, XNode.create("header", {
+              class: "yellow sub-heading"
+            }, "On Prem"), XNode.create("div", {
+              class: "feature-list"
+            }, XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-microchip"
+            }), " 2 vCPU"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-memory"
+            }), " Max "), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-globe"
+            }), " Unlimited Domains"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-users"
+            }), "Unlimited Mailboxes"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-database"
+            }), " Max Storage"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-file-invoice"
+            }), " 18% GST"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-indian-rupee-sign"
+            }), "30,000"), XNode.create("div", null, "Software License with One year free upgrades.")))), XNode.create("div", {
+              class: "box"
+            }, XNode.create("header", {
+              class: "sub-heading"
+            }, "Support - Contact"), XNode.create("div", {
+              class: "feature-list"
+            }, XNode.create("div", null, "NeuroSpeech Technologies Pvt Ltd"), XNode.create("div", null, XNode.create("i", {
+              class: "fa-duotone fa-envelope-circle-check"
+            }), XNode.create("a", {
+              href: "mailto:support@neurospeech.com?subject=Social Mail Partnership"
+            }, "support@neurospeech.com"), XNode.create("br", null)))), XNode.create("div", null, "\u00A9 All rights reserved, NeuroSpeech Technologies Pvt Ltd, 2023"))));
           });
         }
       });