Clean up

Author: aapeliv

.gitignore

@@ -18,6 +18,7 @@ Thumbs.db
 # Editor
 .idea/
 .vscode/
+.claude/
 *.swp
 *.swo
 

client/src/index.js

@@ -40,6 +40,9 @@ function getSavedTheme() {
   return localStorage.getItem('codebox_theme') || 'system'
 }
 
+// Branding: set to false to hide the "Powered by Codebox" message
+const SHOW_BRANDING = true
+
 function saveTheme(theme) {
   localStorage.setItem('codebox_theme', theme)
 }
@@ -521,6 +524,15 @@ function attachThemeToggle() {
   }
 }
 
+function createBranding() {
+  if (!SHOW_BRANDING) return ''
+  return `
+    <div class="branding">
+      Powered by <a href="https://github.com/aapeliv/codebox" target="_blank">Codebox</a> by <a href="https://www.aapelivuorinen.com/" target="_blank">Aapeli</a>
+    </div>
+  `
+}
+
 function startEditor(slug, token, canEdit, userName) {
   const app = document.getElementById('app')
 
@@ -539,6 +551,7 @@ function startEditor(slug, token, canEdit, userName) {
       </div>
     </header>
     <div id="editor"></div>
+    ${createBranding()}
   `
 
   attachThemeToggle()

client/src/styles.css

@@ -167,6 +167,36 @@ button:disabled {
   width: 100%;
 }
 
+/* ============ Branding ============ */
+
+.branding {
+  position: fixed;
+  bottom: 12px;
+  right: 12px;
+  font-size: 11px;
+  color: var(--text-muted);
+  background: var(--bg-secondary);
+  padding: 6px 10px;
+  border-radius: 4px;
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
+  z-index: 100;
+}
+
+.branding:hover {
+  opacity: 1;
+}
+
+.branding a {
+  color: var(--text-secondary);
+  text-decoration: none;
+}
+
+.branding a:hover {
+  text-decoration: underline;
+}
+
+
 /* ============ Auth / Join Forms ============ */
 
 .auth-container, .home-container {

readme.md

@@ -1 +1,3 @@
-# codebox
+# Codebox
+
+**Note:** this repo was built by and large with Claude, and builds off of the [Yjs Demos](https://github.com/yjs/yjs-demos) Monaco demo (public domain).