Update environment and metadata

d0rich · Nov 22, 2023 · de1c70c · de1c70c
1 parent d7b99a3
commit de1c70c
Show file tree

Hide file tree

Showing 11 changed files with 63 additions and 3 deletions.
diff --git a/apps/d.d0rich.me/.env.example b/apps/d.d0rich.me/.env.example
@@ -0,0 +1 @@
+VITE_TON_NETWORK=TESTNET
diff --git a/apps/d.d0rich.me/env.d.ts b/apps/d.d0rich.me/env.d.ts
@@ -1 +1,9 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />interface ImportMetaEnv {
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TITLE: 'TESTNET' | 'MAINNET'
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
diff --git a/apps/d.d0rich.me/index.html b/apps/d.d0rich.me/index.html
@@ -2,10 +2,26 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <!-- Fonts -->
+    <!-- TODO: Manually download fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <!-- Metadata -->
     <link rel="manifest" href="/app.webmanifest" />
     <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <meta property="og:title" content="Blogs on TON" />
+    <meta property="og:site_name" content="D" />
+    <meta
+      property="og:description"
+      content="Easily create blogs on TON Blockchain"
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://d.d0rich.me/og/image.jpg" />
+    <title>D - Blogs on TON Blockchain</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/apps/d.d0rich.me/package.json b/apps/d.d0rich.me/package.json
@@ -12,19 +12,24 @@
   },
   "dependencies": {
     "@d0rich/contracts": "*",
+    "@d0rich/esprit-design": "*",
     "pinia": "^2.1.7",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.10",
     "@tsconfig/node18": "^18.2.2",
     "@types/jsdom": "^21.1.3",
     "@types/node": "^18.18.5",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
+    "autoprefixer": "^10.4.16",
     "jsdom": "^22.1.0",
     "npm-run-all2": "^6.1.1",
+    "postcss": "^8.4.31",
+    "tailwindcss": "^3.3.5",
     "typescript": "~5.2.0",
     "vite": "^4.4.11",
     "vitest": "^0.34.6",

diff --git a/apps/d.d0rich.me/postcss.config.js b/apps/d.d0rich.me/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}
diff --git a/apps/d.d0rich.me/src/assets/tailwind.css b/apps/d.d0rich.me/src/assets/tailwind.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/apps/d.d0rich.me/src/main.ts b/apps/d.d0rich.me/src/main.ts
@@ -1,3 +1,4 @@
+import './assets/tailwind.css'
 import './assets/main.css'
 
 import { createApp } from 'vue'

diff --git a/apps/d.d0rich.me/tailwind.config.js b/apps/d.d0rich.me/tailwind.config.js
@@ -0,0 +1,6 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  presets: [require('@d0rich/esprit-design/tailwind.config')],
+  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  plugins: [require('@tailwindcss/typography')]
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,7 @@
     "generate": "turbo run generate",
     "build": "turbo run build",
     "dev:d0rich.me": "turbo run d0rich.me#dev",
+    "dev:d.d0rich.me": "turbo run d.d0rich.me#dev",
     "dev:design.d0rich.me": "turbo run design.d0rich.me#dev",
     "dev:d0xigen.d0rich.me": "turbo run d0xigen.d0rich.me#dev",
     "lint:js": "eslint --ext \".js,.ts,.vue\" --ignore-path .gitignore .",

diff --git a/turbo.json b/turbo.json
@@ -33,6 +33,9 @@
       "persistent": true
     },
     "d0rich.me#dev": {},
+    "d.d0rich.me#dev": {
+      "dependsOn": ["@d0rich/contracts#build", "@d0rich/esprit-design#build"]
+    },
     "d0xigen.d0rich.me#dev": {},
     "design.d0rich.me#dev": {},
     "nuxt-content-mermaid-playground#dev": {}