@social-mail/social-mail-client 1.2.29 → 1.2.31

package/content/templates/plain/index.html

@@ -1,6 +1,7 @@
 <html>
     <head>
         <title>Main Page</title>
+        <meta name="viewport" content="width=device-width, shrink-to-fit=YES, initial-scale=1.0"/>
         <style>
             * {
                 box-sizing: border-box;
@@ -11,25 +12,45 @@
         </style>
     </head>
     <body>
-        <div styler-layout="block">
+        <section>
             <div
                 styler-layout="floating-nav-bar"
                 styler-background-color="header"
                 styler-color="header"
                 styler-backdrop-filter="blur"
-                styler-box-shadow="default">
+                styler-box-shadow="default"
+                styler-align-self="stretch">
                 <h1>Social Mail</h1>
                 <div styler-element="navbar">
-                    <input type="checkbox" styler-element="drawer"/>
+                    <input type="checkbox" styler-element="drawer">
                     <nav>
                         <a>Home</a>
                         <a>Features</a>
                     </nav>
                 </div>
             </div>
-            <div styler-layout="column">
+            <div styler-layout="block" styler-display="flex" styler-flex-direction="column" styler-align-items="center">
+                <div
+                    styler-layout="column"
+                    styler-max-width="rel-size-x-l">Social media features on email, Social Mail. Social Mail consists of
+                    an email server and a client, which lets you communicate with others over email,
+                    however we have incorporated features such as like, comment, follow (subscribe) etc.
+                </div>
+                <div
+                    styler-layout="column"
+                    styler-max-width="rel-size-x-l">Most social networks want you to signup, and they track your every activity,
+                    so does all chat apps. With Social Mail, you don't need to visit anyone's website, nor can they track,
+                    you just send each other emails.
+                </div>
+                <div
+                    styler-layout="column"
+                    styler-max-width="rel-size-x-l">
+                    Like, Comment, Follow ....
+                </div>
+            </div>
+                    <div styler-layout="column">
                 <p>Simple Web Site</p>
             </div>
-        </div>
+        </section>
     </body>
 </html>

package/dist/admin/AdminAppIndex.pack.js

@@ -36743,7 +36743,8 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
                         position: absolute;
                         right: 10px;
                         top: 40px;
-                        background-color: canvas;
+                        background: ${stylerVars.primarySurface};
+                        color: ${stylerVars.primaryAccentText};
                         padding: var(--size-default);
                         border-radius: var(--size-default);
                         box-shadow: 0 0 8px 2px gray;