feat: update window title and add GitHub links in BoardList component

Author: clFaster

src-tauri/tauri.conf.json

@@ -12,7 +12,7 @@
   "app": {
     "windows": [
       {
-        "title": "ExcaStoneBoard - Excalidraw Board Manager",
+        "title": "ExcaStoneBoard - The Unofficial Excalidraw Board Manager",
         "width": 1400,
         "height": 900,
         "minWidth": 800,

src/components/BoardList.css

@@ -163,6 +163,60 @@
   padding: 8px;
 }
 
+.board-links {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px 16px 16px;
+  border-top: 1px solid #333;
+}
+
+.board-links-title {
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: #6f7a86;
+}
+
+.board-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: #d7e3f2;
+  font-size: 12px;
+  text-decoration: none;
+  background: #232a33;
+  border: 1px solid #2d3844;
+  border-radius: 8px;
+  padding: 8px 10px;
+  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
+}
+
+.board-link:hover {
+  color: #ffffff;
+  background: #2b3541;
+  border-color: #3a4a5a;
+}
+
+.board-link-icon {
+  width: 18px;
+  height: 18px;
+  border-radius: 6px;
+  background: #1a222c;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: #9db7d9;
+}
+
+.board-link:hover .board-link-icon {
+  color: #ffffff;
+}
+
+.board-link-text {
+  font-weight: 600;
+}
+
 .boards-scroll::-webkit-scrollbar {
   width: 6px;
 }

src/components/BoardList.tsx

@@ -276,6 +276,36 @@ export function BoardList({
         )}
       </div>
 
+      <div className="board-links">
+        <div className="board-links-title">Star on GitHub</div>
+        <a
+          className="board-link"
+          href="https://github.com/clFaster/ExcaStoneBoard"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <span className="board-link-icon" aria-hidden="true">
+            <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+              <path d="M12 2a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48v-1.7c-2.76.6-3.35-1.18-3.35-1.18-.45-1.14-1.1-1.44-1.1-1.44-.9-.61.07-.6.07-.6 1 .07 1.53 1.02 1.53 1.02.88 1.52 2.3 1.08 2.86.82.09-.65.34-1.08.62-1.33-2.2-.25-4.52-1.1-4.52-4.9 0-1.08.38-1.96 1.02-2.65-.1-.25-.44-1.27.1-2.65 0 0 .83-.27 2.73 1.01A9.45 9.45 0 0 1 12 6.8a9.5 9.5 0 0 1 2.49.33c1.9-1.28 2.72-1.01 2.72-1.01.55 1.38.21 2.4.1 2.65.63.69 1.02 1.57 1.02 2.65 0 3.8-2.32 4.65-4.53 4.9.35.3.66.9.66 1.82v2.7c0 .26.18.58.69.48A10 10 0 0 0 12 2z" />
+            </svg>
+          </span>
+          <span className="board-link-text">ExcaStoneBoard</span>
+        </a>
+        <a
+          className="board-link"
+          href="https://github.com/excalidraw/excalidraw"
+          target="_blank"
+          rel="noreferrer"
+        >
+          <span className="board-link-icon" aria-hidden="true">
+            <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+              <path d="M12 2a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48v-1.7c-2.76.6-3.35-1.18-3.35-1.18-.45-1.14-1.1-1.44-1.1-1.44-.9-.61.07-.6.07-.6 1 .07 1.53 1.02 1.53 1.02.88 1.52 2.3 1.08 2.86.82.09-.65.34-1.08.62-1.33-2.2-.25-4.52-1.1-4.52-4.9 0-1.08.38-1.96 1.02-2.65-.1-.25-.44-1.27.1-2.65 0 0 .83-.27 2.73 1.01A9.45 9.45 0 0 1 12 6.8a9.5 9.5 0 0 1 2.49.33c1.9-1.28 2.72-1.01 2.72-1.01.55 1.38.21 2.4.1 2.65.63.69 1.02 1.57 1.02 2.65 0 3.8-2.32 4.65-4.53 4.9.35.3.66.9.66 1.82v2.7c0 .26.18.58.69.48A10 10 0 0 0 12 2z" />
+            </svg>
+          </span>
+          <span className="board-link-text">Excalidraw</span>
+        </a>
+      </div>
+
     </div>
   );
 }