interaapps
diff --git a/‎public/favicon.ico‎
35.7 KB b/‎public/favicon.ico‎
35.7 KB
diff --git a/‎public/icon.png‎
111 KB b/‎public/icon.png‎
111 KB
diff --git a/‎public/index.html‎
Lines changed: 16 additions & 1 deletion b/‎public/index.html‎
Lines changed: 16 additions & 1 deletion
diff --git a/‎src/views/HomeView.ts‎
Lines changed: 3 additions & 0 deletions b/‎src/views/HomeView.ts‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/views/editor/EditorView.ts‎
Lines changed: 5 additions & 1 deletion b/‎src/views/editor/EditorView.ts‎
Lines changed: 5 additions & 1 deletion
@@ -6,7 +6,22 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta id="metaThemeColor" name="theme-color" content="#212531">
-    <title>Document</title>
+    <title>Codebox - Pastefy Codebox</title>
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="shortcut icon" type="image/png" href="/icon.png">
+
+    <meta name="description" content="Pastefy Codebox is an easy Code-Playground built on top of Pastefy.">
+    <meta property="og:site_name" content="Pastefy Codebox" />
+    <meta property="og:locale" content="en_UK" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Pastefy Codebox" />
+    <meta property="og:description" content="Pastefy Codebox is an easy Code-Playground built on top of Pastefy." />
+    <meta property="og:url" content="https://box.pastefy.app" />
+    <meta property="og:site_name" content="Pastefy Codebox" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:description" content="Pastefy Codebox is an easy Code-Playground built on top of Pastefy." />
+    <meta name="twitter:title" content="Pastefy Codebox" />
+
     <link rel="stylesheet" href="/index.css?v=1">
 </head>
 <body>
 
@@ -36,6 +36,7 @@ export default class HomeView extends JDOMComponent.unshadowed {
 
     render() {
         document.querySelector('meta[name="theme-color"]')?.setAttribute('content', '#212531')
+        document.title = 'Home - Pastefy Codebox'
 
         if (user.value) {
             this.loadUserPastes()
@@ -119,6 +120,8 @@ export default class HomeView extends JDOMComponent.unshadowed {
                 padding: 14px;
                 cursor: pointer;
                 width: 200px;
+                background: #262B39;
+                transition: 0.2s;
 
                 margin-right: 10px;
                 margin-bottom: 10px;
 
@@ -1,6 +1,6 @@
 import {computed, css, html, JDOMComponent, state} from 'jdomjs'
 
-import {Attribute, CustomElement, State} from 'jdomjs/src/decorators.ts'
+import {Attribute, Computed, CustomElement, State, Watch} from 'jdomjs/src/decorators.ts'
 import { Awaiting, ForEach } from 'jdomjs/src/template/helper/components.js'
 import {api, router} from "../../main.ts";
 import { WebContainer } from '@webcontainer/api';
@@ -101,6 +101,7 @@ export default class EditorView extends JDOMComponent.unshadowed {
         this.paste.value = out
         this.pasteNameEdit.value = out.title
         this.loading.value = false
+        document.title = `${out.title || 'Editor'} - Pastefy Codebox`
     }
 
     getFile(name) {
@@ -137,6 +138,7 @@ export default class EditorView extends JDOMComponent.unshadowed {
         }
         this.savedIndicator.value = true
         setTimeout(() => this.savedIndicator.value = false, 3000)
+        document.title = `${this.paste.value?.title || 'Editor'} - Pastefy Codebox`
     }
 
     async initWebContainer() {
@@ -231,6 +233,8 @@ export default class EditorView extends JDOMComponent.unshadowed {
 
     render() {
         document.querySelector('meta[name="theme-color"]')?.setAttribute('content', '#1c202a')
+        document.title = 'Editor - Pastefy Codebox'
+
         this.frame = document.createElement('iframe')
         const termDiv = document.createElement('div')
         termDiv.classList.add('terminal')