cyberia 3.0.3 → 3.1.3

package/src/client/components/underpost/CssUnderpost.js

@@ -158,6 +158,65 @@ const CssCommonUnderpost = async () => {
       .creator-avatar {
         border-radius: 0px !important;
       }
+
+      .content-render h1 {
+        font-size: 18px;
+      }
+      .content-render h2 {
+        font-size: 16px;
+      }
+      .content-render h3 {
+        font-size: 14px;
+      }
+      .content-render p {
+        font-size: 22px;
+      }
+      .underpost-panel-subtitle {
+        top: 3px !important;
+      }
+      .underpost-panel-cell,
+      .underpost-panel-cell p,
+      .underpost-panel-cell span,
+      .underpost-panel-cell a,
+      .underpost-panel-cell div,
+      .underpost-panel-cell pre,
+      .underpost-panel-cell code,
+      .EasyMDEContainer,
+      .editor-preview,
+      .editor-preview-full,
+      .editor-preview p,
+      .editor-preview-full p,
+      .editor-preview span,
+      .editor-preview-full span,
+      .editor-preview a,
+      .editor-preview-full a,
+      .editor-preview div,
+      .editor-preview-full div,
+      .editor-preview pre,
+      .editor-preview-full pre,
+      .editor-preview code,
+      .editor-preview-full code {
+        font-family: var(--up-font-retro-sensitive);
+        font-size: 24px;
+      }
+      .underpost-panel-cell h1,
+      .editor-preview h1,
+      .editor-preview-full h1 {
+        font-family: var(--up-font-retro-sensitive);
+        font-size: 36px;
+      }
+      .underpost-panel-cell h2,
+      .editor-preview h2,
+      .editor-preview-full h2 {
+        font-family: var(--up-font-retro-sensitive);
+        font-size: 30px;
+      }
+      .underpost-panel-cell h3,
+      .editor-preview h3,
+      .editor-preview-full h3 {
+        font-family: var(--up-font-retro-sensitive);
+        font-size: 26px;
+      }
     </style>
 
     <div class="ag-grid-style"></div>`;

package/src/client/components/underpost/LogInUnderpost.js

@@ -3,6 +3,8 @@ import { LogIn } from '../core/LogIn.js';
 import { ElementsUnderpost } from './ElementsUnderpost.js';
 import { PanelForm } from '../core/PanelForm.js';
 import { RouterReady } from '../core/Router.js';
+import { s } from '../core/VanillaJs.js';
+import { commonUserGuard } from '../core/CommonJs.js';
 
 const LogInUnderpost = async function () {
   LogIn.Event['LogInUnderpost'] = async (options) => {
@@ -12,6 +14,7 @@ const LogInUnderpost = async function () {
 
     await RouterReady;
     await PanelForm.Data['underpost-panel'].updatePanel();
+    if (s(`.main-btn-cloud`) && commonUserGuard(user.role)) s(`.main-btn-cloud`).classList.remove('hide');
   };
   const { user } = await Auth.sessionIn();
   ElementsUnderpost.Data.user.main.model.user = user;

package/src/client/components/underpost/LogOutUnderpost.js

@@ -1,12 +1,14 @@
 import { LogOut } from '../core/LogOut.js';
 import { ElementsUnderpost } from './ElementsUnderpost.js';
 import { PanelForm } from '../core/PanelForm.js';
+import { s } from '../core/VanillaJs.js';
 
 const LogOutUnderpost = async function () {
   LogOut.Event['LogOutUnderpost'] = async (result = { user: { _id: '' } }) => {
     ElementsUnderpost.Data.user.main.model.user = result.user;
 
     PanelForm.Data['underpost-panel'].updatePanel();
+    if (s(`.main-btn-cloud`)) s(`.main-btn-cloud`).classList.add('hide');
   };
 };
 

package/src/client/components/underpost/MenuUnderpost.js

@@ -23,6 +23,8 @@ import { SearchBox } from '../core/SearchBox.js';
 import { DocumentSearchProvider } from './DocumentSearchProvider.js';
 import { PublicProfile } from '../core/PublicProfile.js';
 import { Polyhedron } from '../core/Polyhedron.js';
+import { FileExplorer } from '../core/FileExplorer.js';
+import { Content } from '../core/Content.js';
 
 const MenuUnderpost = {
   Data: {},
@@ -50,19 +52,24 @@ const MenuUnderpost = {
             handleContainerClass: 'handle-btn-container',
             tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('blog')),
           })}
-          ${await BtnIcon.Render({
-            class: 'in wfa main-btn-menu main-btn-lab-gallery hide',
-            useMenuBtn: true,
-            label: renderMenuLabel({
-              icon: html`<img class="inl underpost-menu-icon" src="${getProxyPath()}assets/ui-icons/gallery.png" />`,
-              text: html`<span class="menu-label-text">${Translate.Render('lab-gallery')}</span>`,
-            }),
-            // style: 'display: none',
-            attrs: `data-id="lab-gallery"`,
-            tabHref: `${getProxyPath()}lab-gallery`,
-            handleContainerClass: 'handle-btn-container',
-            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('blog')),
-          })}
+          ${true
+            ? ''
+            : await BtnIcon.Render({
+                class: 'in wfa main-btn-menu main-btn-lab-gallery hide',
+                useMenuBtn: true,
+                label: renderMenuLabel({
+                  icon: html`<img
+                    class="inl underpost-menu-icon"
+                    src="${getProxyPath()}assets/ui-icons/gallery.png"
+                  />`,
+                  text: html`<span class="menu-label-text">${Translate.Render('lab-gallery')}</span>`,
+                }),
+                // style: 'display: none',
+                attrs: `data-id="lab-gallery"`,
+                tabHref: `${getProxyPath()}lab-gallery`,
+                handleContainerClass: 'handle-btn-container',
+                tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('blog')),
+              })}
           ${await BtnIcon.Render({
             class: 'in wfa main-btn-menu main-btn-home main-btn-menu-active',
             useMenuBtn: true,
@@ -139,6 +146,30 @@ const MenuUnderpost = {
             handleContainerClass: 'handle-btn-container',
             tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('public-profile')),
           })}
+          ${await BtnIcon.Render({
+            class: 'in wfa main-btn-menu main-btn-content hide',
+            useMenuBtn: true,
+            label: renderMenuLabel({
+              icon: html`<img class="inl underpost-menu-icon" src="${getProxyPath()}assets/ui-icons/doc.png" />`,
+              text: html`<span class="menu-label-text">${Translate.Render('content')}</span>`,
+            }),
+            attrs: `data-id="content"`,
+            tabHref: `${getProxyPath()}content`,
+            handleContainerClass: 'handle-btn-container',
+            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('content')),
+          })}
+          ${await BtnIcon.Render({
+            class: 'in wfa main-btn-menu main-btn-cloud hide',
+            useMenuBtn: true,
+            label: renderMenuLabel({
+              icon: html`<img class="inl underpost-menu-icon" src="${getProxyPath()}assets/ui-icons/cloud.png" />`,
+              text: html`<span class="menu-label-text">${Translate.Render('cloud')}</span>`,
+            }),
+            attrs: `data-id="cloud"`,
+            tabHref: `${getProxyPath()}cloud`,
+            handleContainerClass: 'handle-btn-container',
+            tooltipHtml: await Badge.Render(buildBadgeToolTipMenuOption('cloud')),
+          })}
           ${await BtnIcon.Render({
             class: 'in wfa main-btn-menu main-btn-settings',
             useMenuBtn: true,
@@ -543,6 +574,61 @@ const MenuUnderpost = {
       });
     });
 
+    EventsUI.onClick(`.main-btn-content`, async () => {
+      let subModalId = '';
+      const path =
+        location.pathname[location.pathname.length - 1] === '/' ? location.pathname.slice(0, -1) : location.pathname;
+
+      if (path.split('/').pop() === 'content' && getQueryParams().cid) {
+        subModalId = `-${getQueryParams().cid}`;
+      }
+
+      const { barConfig } = await Themes[Css.currentTheme]();
+      await Modal.Render({
+        id: `modal-content${subModalId}`,
+        route: 'content',
+        barConfig,
+        title: renderViewTitle({
+          icon: html`<img class="inl underpost-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/doc.png" />`,
+          text: `<span class='inl underpost-text-title-modal'>${Translate.Render('content')}</span>`,
+        }),
+        html: async () =>
+          await Content.Render({
+            idModal: `modal-content${subModalId}`,
+            titleIcon: html`<img
+              class="inl underpost-menu-icon-modal"
+              src="${getProxyPath()}assets/ui-icons/doc.png"
+            />`,
+          }),
+        query: true,
+        observer: true,
+        handleType: 'bar',
+        maximize: true,
+        mode: 'view',
+        slideMenu: 'modal-menu',
+        RouterInstance,
+      });
+    });
+
+    EventsUI.onClick(`.main-btn-cloud`, async () => {
+      const { barConfig } = await Themes[Css.currentTheme]();
+      await Modal.Render({
+        id: 'modal-cloud',
+        route: 'cloud',
+        barConfig,
+        title: renderViewTitle({
+          icon: html`<img class="inl underpost-menu-icon-modal" src="${getProxyPath()}assets/ui-icons/cloud.png" />`,
+          text: `<span class='inl underpost-text-title-modal'>${Translate.Render('cloud')}</span>`,
+        }),
+        html: async () => await FileExplorer.Render({ idModal: 'modal-cloud' }),
+        handleType: 'bar',
+        maximize: true,
+        mode: 'view',
+        slideMenu: 'modal-menu',
+        RouterInstance,
+      });
+    });
+
     EventsUI.onClick(`.main-btn-recover`, async () => {
       const { barConfig } = await Themes[Css.currentTheme]();
       await Modal.Render({

package/src/client/components/underpost/RoutesUnderpost.js

@@ -32,6 +32,8 @@ const RoutesUnderpost = () => {
     '/u': { title: 'public-profile', render: () => s(`.main-btn-public-profile`).click() },
     '/settings': { title: 'settings', render: () => s(`.main-btn-settings`).click() },
     '/recover': { title: 'recover', render: () => s(`.main-btn-recover`).click() },
+    '/content': { title: 'content', render: () => s(`.main-btn-content`).click() },
+    '/cloud': { title: 'cloud', render: () => s(`.main-btn-cloud`).click() },
     '/polyhedron': { title: 'polyhedron', render: () => s(`.main-btn-polyhedron`).click() },
   };
 };

package/src/client/public/cryptokoyn/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/assets/splash/mstile-70x70.png"/>
+      <square150x150logo src="/assets/splash/mstile-150x150.png"/>
+      <wide310x150logo src="/assets/splash/mstile-310x150.png"/>
+      <square310x310logo src="/assets/splash/mstile-310x310.png"/>
+      <TileColor>#E1DB07</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

package/src/client/public/cryptokoyn/microdata.json

@@ -0,0 +1,85 @@
+[
+  {
+    "@context": "https://schema.org",
+    "@type": "WebApplication",
+    "name": "Cryptokoyn",
+    "alternateName": "CKY",
+    "url": "https://cryptokoyn.net",
+    "description": "Financial portal and token hub for CryptoKoyn (CKY) — the fungible ERC-1155 currency of the Cyberia Online ecosystem. Staking, governance, analytics, and wallet management.",
+    "applicationCategory": "FinanceApplication",
+    "operatingSystem": "Any",
+    "browserRequirements": "Requires JavaScript. Requires HTML5.",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    },
+    "author": {
+      "@type": "Organization",
+      "name": "Underpost",
+      "url": "https://github.com/underpostnet"
+    },
+    "potentialAction": {
+      "@type": "SearchAction",
+      "target": "https://cryptokoyn.net/?q={search_term_string}",
+      "query-input": "required name=search_term_string"
+    },
+    "featureList": [
+      "ERC-1155 Token Management",
+      "Staking Dashboard",
+      "Governance Voting",
+      "Wallet Management",
+      "Analytics & Charts",
+      "Real-time Price Tracking"
+    ],
+    "screenshot": "https://cryptokoyn.net/assets/banner/koyn-social.png",
+    "softwareVersion": "1.0.0",
+    "inLanguage": "en"
+  },
+  {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "name": "Cryptokoyn",
+    "url": "https://cryptokoyn.net",
+    "logo": "https://cryptokoyn.net/assets/splash/android-chrome-256x256.png",
+    "description": "Financial portal and token hub for CryptoKoyn (CKY) — the fungible ERC-1155 currency of the Cyberia Online ecosystem.",
+    "sameAs": [
+      "https://github.com/underpostnet"
+    ],
+    "parentOrganization": {
+      "@type": "Organization",
+      "name": "Underpost",
+      "url": "https://underpost.net"
+    }
+  },
+  {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": [
+      {
+        "@type": "Question",
+        "name": "What is CryptoKoyn (CKY)?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "CryptoKoyn (CKY) is a fungible ERC-1155 token that serves as the primary currency within the Cyberia Online ecosystem. It can be used for in-game transactions, staking, and governance voting."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "How do I stake CKY tokens?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "You can stake CKY tokens through the Cryptokoyn staking dashboard. Connect your wallet, select the amount you wish to stake, and confirm the transaction to start earning rewards."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "Is Cryptokoyn free to use?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Yes, the Cryptokoyn portal is free to use. You only need a compatible web browser and a wallet to interact with the blockchain features."
+        }
+      }
+    ]
+  }
+]

package/src/client/public/cryptokoyn/site.webmanifest

@@ -0,0 +1,57 @@
+{
+  "name": "Cryptokoyn",
+  "short_name": "Cryptokoyn",
+  "description": "Financial portal and token hub for CryptoKoyn (CKY) — the fungible ERC-1155 currency of the Cyberia Online ecosystem.",
+  "dir": "auto",
+  "lang": "en-US",
+  "display": "standalone",
+  "orientation": "any",
+  "scope": "/",
+  "start_url": "/?homescreen=1",
+  "background_color": "#E1DB07",
+  "theme_color": "#E1DB07",
+  "icons": [
+    {
+      "src": "/assets/splash/android-chrome-36x36.png",
+      "sizes": "36x36",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/assets/splash/android-chrome-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/assets/splash/android-chrome-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/assets/splash/android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/assets/splash/android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/assets/splash/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/assets/splash/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}

package/src/client/public/cryptokoyn/sitemap

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet version="2.0"
+<xsl:stylesheet version="1.0"
     xmlns:html="http://www.w3.org/TR/REC-html40"
     xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
     xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
@@ -67,7 +67,7 @@
                 <div id="content">
                     <h1>XML Sitemap</h1>
                     <p class="desc"> This is a sitemap generated by <a
-                            href="https://www.nexodev.org">nexodev.org</a>
+                            href="{{web-url}}">{{web-url}}</a>
                     </p>
                     <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &gt; 0">
                         <table id="sitemap" cellpadding="3">
@@ -145,4 +145,4 @@
         </html>
 
     </xsl:template>
-</xsl:stylesheet>
+</xsl:stylesheet>

package/src/client/public/default/sitemap

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet version="2.0"
+<xsl:stylesheet version="1.0"
     xmlns:html="http://www.w3.org/TR/REC-html40"
     xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
     xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
@@ -67,7 +67,7 @@
                 <div id="content">
                     <h1>XML Sitemap</h1>
                     <p class="desc"> This is a sitemap generated by <a
-                            href="https://www.nexodev.org">nexodev.org</a>
+                            href="{{web-url}}">{{web-url}}</a>
                     </p>
                     <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &gt; 0">
                         <table id="sitemap" cellpadding="3">
@@ -145,4 +145,4 @@
         </html>
 
     </xsl:template>
-</xsl:stylesheet>
+</xsl:stylesheet>

package/src/client/public/itemledger/browserconfig.xml

@@ -6,7 +6,7 @@
       <square150x150logo src="/mstile-150x150.png"/>
       <wide310x150logo src="/mstile-310x150.png"/>
       <square310x310logo src="/mstile-310x310.png"/>
-      <TileColor>#fff</TileColor>
+      <TileColor>#0551C4</TileColor>
     </tile>
   </msapplication>
-</browserconfig>
+</browserconfig>

package/src/client/public/itemledger/manifest.webmanifest

@@ -1,15 +1,15 @@
 {
   "name": "Item Ledger",
   "short_name": "Item Ledger",
-  "description": null,
+  "description": "Canonical registry, metadata resolver, and IPFS indexer for Object Layer items — semi-fungible and non-fungible ERC-1155 tokens in the Cyberia Online ecosystem. Item search, provenance, and marketplace.",
   "dir": "auto",
   "lang": "en-US",
   "display": "standalone",
   "orientation": "any",
   "scope": "/",
   "start_url": "/?homescreen=1",
-  "background_color": "#fff",
-  "theme_color": "#fff",
+  "background_color": "#0551C4",
+  "theme_color": "#0551C4",
   "icons": [
     {
       "src": "/android-chrome-36x36.png",
@@ -66,4 +66,4 @@
       "purpose": "any maskable"
     }
   ]
-}
+}

package/src/client/public/itemledger/microdata.json

@@ -0,0 +1,71 @@
+[
+  {
+    "@context": "https://schema.org",
+    "@type": "WebApplication",
+    "name": "Item Ledger",
+    "url": "https://itemledger.com",
+    "description": "Canonical registry, metadata resolver, and IPFS indexer for Object Layer items — semi-fungible and non-fungible ERC-1155 tokens in the Cyberia Online ecosystem. Item search, provenance, and marketplace.",
+    "applicationCategory": "BlockchainApplication",
+    "operatingSystem": "All",
+    "browserRequirements": "Requires JavaScript. Requires HTML5.",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    },
+    "author": {
+      "@type": "Organization",
+      "name": "Underpost",
+      "url": "https://github.com/underpostnet"
+    },
+    "keywords": "itemledger, object layer, NFT, ERC-1155, metadata, IPFS, registry, marketplace",
+    "image": "https://itemledger.com/apple-touch-icon.png",
+    "inLanguage": "en"
+  },
+  {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "name": "Item Ledger",
+    "url": "https://itemledger.com",
+    "logo": "https://itemledger.com/android-chrome-512x512.png",
+    "description": "Canonical registry and IPFS indexer for Object Layer items in the Cyberia Online ecosystem.",
+    "sameAs": [
+      "https://github.com/underpostnet"
+    ],
+    "founder": {
+      "@type": "Organization",
+      "name": "Underpost",
+      "url": "https://github.com/underpostnet"
+    }
+  },
+  {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": [
+      {
+        "@type": "Question",
+        "name": "What is Item Ledger?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Item Ledger is the canonical registry, metadata resolver, and IPFS indexer for Object Layer items — semi-fungible and non-fungible ERC-1155 tokens in the Cyberia Online ecosystem. It provides item search, provenance tracking, and marketplace functionality."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "What token standard does Item Ledger use?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Item Ledger uses the ERC-1155 multi-token standard, supporting both semi-fungible and non-fungible tokens for in-game items, equipment, and collectibles within the Cyberia Online ecosystem."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "How does Item Ledger use IPFS?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Item Ledger indexes and resolves item metadata stored on IPFS (InterPlanetary File System), ensuring decentralized, persistent, and verifiable storage for all Object Layer item data and assets."
+        }
+      }
+    ]
+  }
+]

package/src/client/public/itemledger/sitemap

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet version="2.0"
+<xsl:stylesheet version="1.0"
     xmlns:html="http://www.w3.org/TR/REC-html40"
     xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
     xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
@@ -67,7 +67,7 @@
                 <div id="content">
                     <h1>XML Sitemap</h1>
                     <p class="desc"> This is a sitemap generated by <a
-                            href="https://www.nexodev.org">nexodev.org</a>
+                            href="{{web-url}}">{{web-url}}</a>
                     </p>
                     <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &gt; 0">
                         <table id="sitemap" cellpadding="3">
@@ -145,4 +145,4 @@
         </html>
 
     </xsl:template>
-</xsl:stylesheet>
+</xsl:stylesheet>

package/src/client/public/itemledger/yandex-browser-manifest.json

@@ -3,7 +3,7 @@
   "api_version": 1,
   "layout": {
     "logo": "/yandex-browser-50x50.png",
-    "color": "#fff",
+    "color": "#0551C4",
     "show_title": true
   }
-}
+}

package/src/client/public/test/sitemap

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet version="2.0"
+<xsl:stylesheet version="1.0"
     xmlns:html="http://www.w3.org/TR/REC-html40"
     xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
     xmlns:sitemap="http://www.sitemaps.org/schemas/sitemap/0.9"
@@ -67,7 +67,7 @@
                 <div id="content">
                     <h1>XML Sitemap</h1>
                     <p class="desc"> This is a sitemap generated by <a
-                            href="https://www.nexodev.org">nexodev.org</a>
+                            href="{{web-url}}">{{web-url}}</a>
                     </p>
                     <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &gt; 0">
                         <table id="sitemap" cellpadding="3">
@@ -145,4 +145,4 @@
         </html>
 
     </xsl:template>
-</xsl:stylesheet>
+</xsl:stylesheet>

package/src/client/ssr/body/404.js

@@ -47,9 +47,12 @@ const main = () => {
         a {
           color: black;
         }
+        .main-body-ssr-404 {
+          top: 45%;
+        }
       </style>
 
-      <div class="abs center" style="top: 45%">
+      <div class="abs center main-body-ssr-404">
         ${icon}
         <br />
         <br />
@@ -57,17 +60,18 @@ const main = () => {
         <br />
         <br />${Translate.Render('page-not-found')} <br />
         <br />
-        <a href="${location.origin}">${Translate.Render('back')}</a>
+        <a target="_top" href="${location.origin}">${Translate.Render('back')}</a>
       </div>`,
   );
 };
 
-SrrComponent = () => html`<script>
-  {
-    const s = ${s};
-    const append = ${append};
-    const getLang = ${getLang};
-    const main = ${main};
-    window.onload = main;
-  }
-</script>`;
+SrrComponent = () =>
+  html`<script>
+    {
+      const s = ${s};
+      const append = ${append};
+      const getLang = ${getLang};
+      const main = ${main};
+      window.onload = main;
+    }
+  </script>`;