Apply configuration and branding for Pontus-X Explorer

Author: csillag

.changelog/1355.feature.md

@@ -0,0 +1 @@
+Add Pontus-X branding and configuration

.env

@@ -8,23 +8,23 @@ REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
 # REACT_APP_TESTNET_API=https://testnet.nexus.stg.oasis.io/v1/
 REACT_APP_API=https://nexus.oasis.io/v1/
 REACT_APP_TESTNET_API=https://testnet.nexus.oasis.io/v1/
-REACT_APP_META_TITLE="Oasis Explorer"
-REACT_APP_META_IMAGE="Oasis Explorer - OpenGraph Banner.png"
-REACT_APP_META_MANIFEST=app.webmanifest
-REACT_APP_META_FAVICON=favicon.svg
-REACT_APP_META_APPLE_ICON="Icon Blue 192.png"
-REACT_APP_META_DESC="Official explorer for the Oasis Network."
-REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
-REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
-REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
-REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
-REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
-# REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/oasisprotocol
-# REACT_APP_SOCIAL_DOCS=https://oasisprotocol.org/developers#overview
-# REACT_APP_SOCIAL_HOME=https://oasisprotocol.org/
-REACT_APP_PRODUCTION_URLS="https://explorer.oasis.io, https://explorer.prd.oasis.io"
-REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
-REACT_APP_SHOW_BUILD_BANNERS=true
-# REACT_APP_FIXED_NETWORK=testnet
-# REACT_APP_FIXED_LAYER=sapphire
-REACT_APP_SHOW_FIAT_VALUES=true
+REACT_APP_META_TITLE=Pontus-X Explorer
+REACT_APP_META_IMAGE=pontusx-og-image.jpg
+REACT_APP_META_MANIFEST=pontusx.webmanifest
+REACT_APP_META_FAVICON=pontusx/favicon.ico
+REACT_APP_META_APPLE_ICON=pontusx/logo192.png
+REACT_APP_META_DESC=Official explorer for the Pontus-X Network.
+# REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
+# REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
+# REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
+# REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
+# REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
+REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/76729586
+REACT_APP_SOCIAL_DOCS=https://docs.pontus-x.eu/
+REACT_APP_SOCIAL_HOME=https://www.pontus-x.eu/
+#REACT_APP_PRODUCTION_URLS=https://explorer.oasis.io, https://explorer.prd.oasis.io
+#REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
+REACT_APP_SHOW_BUILD_BANNERS=false
+REACT_APP_FIXED_NETWORK=testnet
+# REACT_APP_FIXED_LAYER=pontusx
+REACT_APP_SHOW_FIAT_VALUES=false

.env.production

@@ -2,24 +2,24 @@ REACT_APP_BUILD_DATETIME=
 REACT_APP_BUILD_SHA=
 REACT_APP_BUILD_VERSION=
 REACT_APP_PRIVACY_POLICY=https://oasisprotocol.org/privacy-policy
-REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
-REACT_APP_META_TITLE="Oasis Explorer"
-REACT_APP_META_IMAGE="Oasis Explorer - OpenGraph Banner.png"
-REACT_APP_META_MANIFEST=app.webmanifest
-REACT_APP_META_FAVICON=favicon.svg
-REACT_APP_META_APPLE_ICON="Icon Blue 192.png"
-REACT_APP_META_DESC="Official explorer for the Oasis Network."
-REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
-REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
-REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
-REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
-REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
-# REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/oasisprotocol
-# REACT_APP_SOCIAL_DOCS=https://oasisprotocol.org/developers#overview
-# REACT_APP_SOCIAL_HOME=https://oasisprotocol.org/
-REACT_APP_PRODUCTION_URLS="https://explorer.oasis.io, https://explorer.prd.oasis.io"
-REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
-REACT_APP_SHOW_BUILD_BANNERS=true
-# REACT_APP_FIXED_NETWORK=testnet
-# REACT_APP_FIXED_LAYER=sapphire
-REACT_APP_SHOW_FIAT_VALUES=true
+# REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS=true
+REACT_APP_META_TITLE=Pontus-X Explorer
+REACT_APP_META_IMAGE=pontusx-og-image.jpg
+REACT_APP_META_MANIFEST=pontusx.webmanifest
+REACT_APP_META_FAVICON=pontusx/favicon.ico
+REACT_APP_META_APPLE_ICON=pontusx/logo192.png
+REACT_APP_META_DESC=Official explorer for the Pontus-X Network.
+# REACT_APP_SOCIAL_TELEGRAM=https://t.me/oasisprotocolcommunity
+# REACT_APP_SOCIAL_TWITTER=https://twitter.com/oasisprotocol
+# REACT_APP_SOCIAL_DISCORD=https://oasis.io/discord
+# REACT_APP_SOCIAL_YOUTUBE=https://www.youtube.com/channel/UC35UFPcZ2F1wjPxhPrSsESQ
+# REACT_APP_SOCIAL_REDDIT=https://www.reddit.com/r/oasisnetwork/
+REACT_APP_SOCIAL_LINKEDIN=https://www.linkedin.com/company/76729586
+REACT_APP_SOCIAL_DOCS=https://docs.pontus-x.eu/
+REACT_APP_SOCIAL_HOME=https://www.pontus-x.eu/
+# REACT_APP_PRODUCTION_URLS=https://explorer.oasis.io, https://explorer.prd.oasis.io
+# REACT_APP_STAGING_URLS=https://explorer.stg.oasis.io
+REACT_APP_SHOW_BUILD_BANNERS=false
+REACT_APP_FIXED_NETWORK=testnet
+# REACT_APP_FIXED_LAYER=pontusx
+REACT_APP_SHOW_FIAT_VALUES=false

public/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <base href="/" />
-    <link rel="icon" href="$REACT_APP_META_FAVICON" type="image/svg+xml" />
+    <link rel="icon" href="$REACT_APP_META_FAVICON" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <link rel="apple-touch-icon" href="$REACT_APP_META_APPLE_ICON" />

public/pontusx-og-image.jpg

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+  "short_name": "Pontus-X Explorer",
+  "name": "Official explorer for the Pontus-X Network.",
+  "icons": [
+    {
+      "src": "./pontusx/favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "./pontusx/logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "./pontusx/logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}