Merge pull request #1 from celenium-io/dev

upd config

Author: xdeq

components/Feed.vue

@@ -21,6 +21,9 @@ const getNetworkName = () => {
 		case "mocha-4.celenium.io":
 			return "Mocha-4"
 
+		case "dev.celenium.io":
+			return "Development"
+
 		case "localhost":
 			return "Local Environment"
 

components/OgImage/Custom.vue components/OgImage/BlockImage.vuecomponents/OgImage/Custom.vue renamed to components/OgImage/BlockImage.vue

@@ -13,10 +13,33 @@ const props = defineProps({
 	title: String,
 	block: Object,
 })
+
+const test = computed(() => {
+	return {
+		style: {
+			fontFamily: "IBM+Plex+Mono",
+			color: "rgba(255, 255, 255, 0.3)",
+		},
+	}
+})
+
+const bgStyles = computed(() => {
+	return {
+		style: {
+			position: "absolute",
+			top: "0",
+			left: "0",
+			filter: "grayscale(1)",
+			opacity: "0.08",
+		},
+	}
+})
 </script>
 
 <template>
-	<div class="w-full h-full" :style="{ background: '#17191b', padding: '60px' }">
+	<div class="w-full h-full" :style="{ background: '#111111', padding: '60px' }">
+		<img src="/img/bg.png" v-bind="bgStyles" />
+
 		<div :style="{ height: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }">
 			<div :style="{ display: 'flex', alignItems: 'center', gap: '16px' }">
 				<Icon name="logo" size="40" :style="{ fill: '#0ade71' }" />
@@ -30,8 +53,8 @@ const props = defineProps({
 			</div>
 
 			<div :style="{ display: 'flex', flexDirection: 'column', gap: '16px' }">
-				<span :style="{ fontSize: '40px', fontWeight: '500', color: 'rgba(255,255,255,30%)' }">Block</span>
-				<h1 :style="{ fontSize: '80px', fontWeight: '500', color: 'rgba(255,255,255,90%)', margin: '0' }">
+				<span v-bind="test" :style="{ fontSize: '40px', fontWeight: '500' }">Block</span>
+				<h1 :style="{ fontSize: '80px', fontWeight: '500', color: 'rgba(255,255,255,0.9)', margin: '0' }">
 					{{ comma(block.height) }}
 				</h1>
 

components/widgets/BlockWidget.vue

@@ -52,6 +52,9 @@ const getNetworkName = () => {
 		case "mocha-4.celenium.io":
 			return "Mocha-4"
 
+		case "dev.celenium.io":
+			return "Development"
+
 		case "localhost":
 			return "Local Environment"
 

nuxt.config.ts

@@ -57,7 +57,7 @@ export default defineNuxtConfig({
 	},
 
 	ogImage: {
-		fonts: ["Inter:400", "Inter:600"],
+		fonts: ["Inter:400", "Inter:600", "IBM+Plex+Mono:400"],
 		runtimeCacheStorage: {
 			driver: "cloudflare-kv-binding",
 			binding: "OG_IMAGE_CACHE",

pages/block/[height].vue

@@ -22,9 +22,9 @@ if (!rawBlock.value) {
 }
 
 defineOgImage({
-	title: "Test",
+	title: "Block",
 	block: block.value,
-	component: "Custom",
+	component: "BlockImage",
 	cacheKey: `${block.value.height}`,
 })
 

public/img/bg.png

@@ -1,7 +1,8 @@
 export const Server = {
 	API: {
-		mainnet: "https://api-2.celenium.io/v1",
+		mainnet: "https://api.celenium.io/v1",
 		mocha: "https://api-mocha-4.celenium.io/v1",
+		dev: "https://api-dev.celenium.io/v1",
 	},
 	WSS: "wss://api.celestia.dipdup.net/v1/ws",
 }
@@ -16,6 +17,9 @@ export const useServerURL = () => {
 		case "mocha-4.celenium.io":
 			return Server.API.mocha
 
+		case "dev.celenium.io":
+			return Server.API.dev
+
 		default:
 			return Server.API.mainnet
 	}