Cleaned up README

Author: gperdrizet

README.md

@@ -8,26 +8,31 @@ A community-maintained showcase of student capstone projects. The site is automa
 
 ## How to add your project
 
-1. **Fork** this repository and create a new branch (e.g. `add/your-project-name`).
+1. **Fork** this repository using the Fork button on GitHub.
 
-2. **Copy** `projects/_template.yml` to a new file in the same folder, named after yourself:
+2. **Clone your fork** locally or open it in a Codespace:
+   ```bash
+   git clone https://github.com/your-username/2510-capstones.git
+   ```
+
+3. **Copy** `projects/_template.yml` to a new file in the same folder, named after yourself:
    ```
    projects/firstname-lastname-capstone.yml
    ```
-   Use lowercase letters and hyphens — no spaces.
+   Use lowercase letters and hyphens, no spaces.
 
-3. **Fill in** your project details. Only `title` and `student` are required; everything else is optional but encouraged.
+4. **Fill in** your project details. Only `title` and `student` are required; everything else is optional but encouraged.
 
-4. **Add images** (optional) to the repo root folders — name them after yourself with hyphens:
+5. **Add images** (optional) to the repo root folders, named after yourself with hyphens:
    ```
    headshots/firstname-lastname-headshot.png
    screenshots/firstname-lastname-screenshot.png
    ```
-   The build script picks them up automatically — no YAML changes needed.
+   The build script picks them up automatically; no YAML changes needed.
 
-5. **Open a pull request** back to `main`.
+6. **Open a pull request** from your fork back to `main` on this repo.
 
-5. Once merged, your project appears on the live site within a minute or two.
+7. Once merged, your project appears on the live site within a minute or two.
 
 ### YAML fields
 

docs/index.html

@@ -17,6 +17,7 @@
         <img src="/2510-capstones/assets/logo.png" alt="Fullstack Academy" height="36" />
       </a>
       <a class="site-title" href="/2510-capstones/">AI/ML Cohort 2510: Student Capstone Projects</a>
+      <a class="site-link" href="https://www.fullstackacademy.com" target="_blank" rel="noopener noreferrer">fullstackacademy.com</a>
     </div>
   </header>
   <main>

docs/projects/budget-tracker/index.html

@@ -17,6 +17,7 @@
         <img src="/2510-capstones/assets/logo.png" alt="Fullstack Academy" height="36" />
       </a>
       <a class="site-title" href="/2510-capstones/">AI/ML Cohort 2510: Student Capstone Projects</a>
+      <a class="site-link" href="https://www.fullstackacademy.com" target="_blank" rel="noopener noreferrer">fullstackacademy.com</a>
     </div>
   </header>
   <main>

docs/projects/recipe-finder-app/index.html

@@ -17,6 +17,7 @@
         <img src="/2510-capstones/assets/logo.png" alt="Fullstack Academy" height="36" />
       </a>
       <a class="site-title" href="/2510-capstones/">AI/ML Cohort 2510: Student Capstone Projects</a>
+      <a class="site-link" href="https://www.fullstackacademy.com" target="_blank" rel="noopener noreferrer">fullstackacademy.com</a>
     </div>
   </header>
   <main>

docs/style.css

@@ -51,6 +51,17 @@ header {
 
 .site-title:hover { color: var(--red); }
 
+.site-link {
+  margin-left: auto;
+  color: var(--muted);
+  text-decoration: none;
+  font-size: 0.85rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.site-link:hover { color: var(--red); }
+
 main {
   flex: 1;
   max-width: 1100px;

scripts/build.js

@@ -99,6 +99,7 @@ function shell(title, bodyHtml) {
         <img src="/2510-capstones/assets/logo.png" alt="Fullstack Academy" height="36" />
       </a>
       <a class="site-title" href="/2510-capstones/">AI/ML Cohort 2510: Student Capstone Projects</a>
+      <a class="site-link" href="https://www.fullstackacademy.com" target="_blank" rel="noopener noreferrer">fullstackacademy.com</a>
     </div>
   </header>
   <main>
@@ -260,6 +261,17 @@ header {
 
 .site-title:hover { color: var(--red); }
 
+.site-link {
+  margin-left: auto;
+  color: var(--muted);
+  text-decoration: none;
+  font-size: 0.85rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.site-link:hover { color: var(--red); }
+
 main {
   flex: 1;
   max-width: 1100px;