feat: add author config, contributor guide, and Devteds footer

- Add .author.json support (name + optional url/email), gitignored
- Add .author.example.json template for contributors
- Update README with author setup and contributing guidelines
- Add clickable author name in guide headers (links to profile)
- Add "DevGuides by Devteds" footer to index and guide pages
- Update style guide and newguide skill with new patterns

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: shettigarc

.author.example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Your Name",
+  "url": "https://linkedin.com/in/yourhandle",
+  "email": "you@example.com"
+}

.claude/docs/STYLE_GUIDE.md

@@ -250,6 +250,7 @@ Every guide header follows this pattern:
   </div>
   <h1><span class="purple">tmux</span> <span class="muted">×</span> <span class="green">Claude</span><br>Cheatsheet</h1>
   <p class="byline">// multi-project · multi-session · multi-agent</p>
+  <p class="author">by <a href="[author url]" target="_blank">[Author Name]</a></p>
 </header>
 ```
 
@@ -288,6 +289,19 @@ header {
   font-family: var(--mono);
 }
 
+.author {
+  font-family: var(--mono);
+  font-size: 0.72rem;
+  color: var(--muted);
+  margin-top: 0.5rem;
+  letter-spacing: 0.03em;
+}
+.author a {
+  color: var(--accent-green);
+  text-decoration: none;
+}
+.author a:hover { text-decoration: underline; }
+
 h1 {
   font-family: var(--display);
   font-size: clamp(1.8rem, 4vw, 3rem);
@@ -392,3 +406,32 @@ Search behavior rules:
 - Highlights matched text in results
 - Shows "No results" message when nothing matches
 - Does not filter across sections that are hidden by tab/filter
+
+---
+
+## Footer Pattern
+
+Every guide must include a footer with the Devteds attribution:
+
+```html
+<footer>
+  <p>DevGuides by <a href="https://devteds.com" target="_blank">Devteds</a></p>
+</footer>
+```
+
+```css
+footer {
+  text-align: center;
+  margin-top: 3rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--border);
+  font-family: var(--mono);
+  font-size: 0.7rem;
+  color: var(--muted);
+}
+footer a {
+  color: var(--accent-green);
+  text-decoration: none;
+}
+footer a:hover { text-decoration: underline; }
+```

.claude/skills/newguide/SKILL.md

@@ -142,6 +142,15 @@ HTML rules:
 - Must render correctly via file:// and GitHub Pages
 - NEVER copy from a previous guide — always generate fresh from the spec
 
+For the author, read `.author.json` from the project root:
+```bash
+cat .author.json
+```
+This file contains `name` (required), and optionally `url` and `email`.
+- Use `name` for the meta.json `author` field and the HTML author display
+- If `url` is present, make the author name a clickable link (opens in new tab)
+- If `.author.json` does not exist, fall back to `git config user.name`
+
 Also write `guides/[slug]/meta.json`:
 ```json
 {
@@ -152,7 +161,7 @@ Also write `guides/[slug]/meta.json`:
   "category": "string — from defined categories",
   "created": "YYYY-MM-DD",
   "updated": "YYYY-MM-DD",
-  "author": "string"
+  "author": "string — from git config user.name"
 }
 ```
 

.gitignore

@@ -19,3 +19,6 @@ desktop.ini
 
 # Local/temp
 tmp/
+
+# Author config (personal)
+.author.json

README.md

@@ -50,14 +50,59 @@ DevPages helps you create, preview, and publish beautiful standalone HTML guide
 
 1. Clone this repo
 2. Enable GitHub Pages: Settings → Pages → Deploy from branch → `main` / `/ (root)`
-3. Open in Claude Code and run `/newguide`
+3. Set up your author identity (see below)
+4. Open in Claude Code and run `/newguide`
+
+## Author Configuration
+
+Guides are attributed to the author. Create a `.author.json` file in the project root:
+
+```bash
+cp .author.example.json .author.json
+```
+
+Then edit it with your details:
+
+```json
+{
+  "name": "Your Name",
+  "url": "https://linkedin.com/in/yourhandle",
+  "email": "you@example.com"
+}
+```
+
+- `name` — **required** — your display name
+- `url` — optional — link attached to your name (LinkedIn, website, etc.)
+- `email` — optional — not displayed publicly, stored in meta.json only
+
+If `.author.json` is not present, the author defaults to your `git config user.name`.
+
+> **Note:** `.author.json` is gitignored — each contributor maintains their own.
 
 ## Prerequisites
 
 - Node.js >= 16 (for build-index.js)
 - Git with push access to this repo
 - Claude Code CLI
 
+## Contributing
+
+Contributions are welcome! To get started:
+
+1. Fork this repo
+2. Clone your fork and set up your `.author.json` (see above)
+3. Create a branch for your guide: `git checkout -b guide/your-topic`
+4. Run `/newguide` in Claude Code to create your guide
+5. Preview it locally, then open a PR against `main`
+
+### Guidelines
+
+- One guide per PR
+- Follow the existing style guide (`.claude/docs/STYLE_GUIDE.md`)
+- Keep guides self-contained — no external file dependencies
+- Include accurate, up-to-date commands and shortcuts
+- Test that the HTML renders correctly via `file://` before submitting
+
 ## License
 
 This project is licensed under the [MIT License](LICENSE).

guides/tmux-claude-cli/index.html

@@ -408,6 +408,36 @@
 
 .section.section-hidden { display: none; }
 
+/* Author */
+.author {
+  font-family: var(--mono);
+  font-size: 0.72rem;
+  color: var(--muted);
+  margin-top: 0.5rem;
+  letter-spacing: 0.03em;
+}
+.author a {
+  color: var(--accent-green);
+  text-decoration: none;
+}
+.author a:hover { text-decoration: underline; }
+
+/* Footer */
+footer {
+  text-align: center;
+  margin-top: 3rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--border);
+  font-family: var(--mono);
+  font-size: 0.7rem;
+  color: var(--muted);
+}
+footer a {
+  color: var(--accent-green);
+  text-decoration: none;
+}
+footer a:hover { text-decoration: underline; }
+
 /* Responsive */
 @media (max-width: 600px) {
   .cards { grid-template-columns: 1fr; }
@@ -432,6 +462,7 @@
   </div>
   <h1><span class="purple">tmux</span> <span class="muted">&times;</span> <span class="green">Claude Code</span><br>Cheatsheet</h1>
   <p class="byline">// multi-project &middot; multi-session &middot; multi-agent</p>
+  <p class="author">by <a href="https://www.linkedin.com/in/shettigarc/" target="_blank">Chandra Shettigar</a></p>
 </header>
 
 <!-- Tabs -->
@@ -1000,6 +1031,10 @@ <h1><span class="purple">tmux</span> <span class="muted">&times;</span> <span cl
   </div>
 </div>
 
+<footer>
+  <p>DevGuides by <a href="https://devteds.com" target="_blank">Devteds</a></p>
+</footer>
+
 </div><!-- .wrap -->
 
 <script>

index.html

@@ -238,6 +238,11 @@
       font-size: 0.7rem;
       color: var(--muted);
     }
+    footer a {
+      color: var(--accent-green);
+      text-decoration: none;
+    }
+    footer a:hover { text-decoration: underline; }
 
     @media (max-width: 600px) {
       .guide-grid { grid-template-columns: 1fr; }
@@ -284,7 +289,7 @@ <h3 class="guide-title">Tmux + Claude Code CLI Cheatsheet</h3>
     </div>
 
     <footer>
-      Generated by Claude Code &middot; 2026-03-27
+      DevGuides by <a href="https://devteds.com" target="_blank">Devteds</a>
     </footer>
   </div>
 

scripts/build-index.js

@@ -336,6 +336,11 @@ function generateIndexHtml(guides) {
       font-size: 0.7rem;
       color: var(--muted);
     }
+    footer a {
+      color: var(--accent-green);
+      text-decoration: none;
+    }
+    footer a:hover { text-decoration: underline; }
 
     @media (max-width: 600px) {
       .guide-grid { grid-template-columns: 1fr; }
@@ -366,7 +371,7 @@ ${guides.length > 0 ? guideCardsHtml : emptyStateHtml}
     </div>
 
     <footer>
-      Generated by Claude Code &middot; ${today}
+      DevGuides by <a href="https://devteds.com" target="_blank">Devteds</a>
     </footer>
   </div>