# Website Audit Report — Hamidah Rahimi Fab Academy Site Audit date: 2026-05-10 Pages reviewed: 16 HTML files in `public/` --- ## 1. BROKEN LINKS & PATHS (fix first — these break the site) ### 1.1 Stylesheet path is wrong on most pages The file lives at `public/style.css`, but pages reference it incorrectly. | Page | Current `` | Resolves to (broken) | Should be | |---|---|---|---| | `public/final-project.html` | `../style.css` | `/style.css` | `style.css` | | `public/assignments/w01..w12/index.html` | `../style.css` | `public/assignments/style.css` | `../../style.css` | Fix: change the `` tag in each file. ### 1.2 Hero/parallax background image broken on every weekly page Most weekly pages reference `../w03/img/goldenration.png` for the page hero, but that file does not exist. The image actually lives at `public/assignments/w02/img/goldenration.png`. Affected pages: `final-project.html`, `w03`, `w04`, `w05`, `w06`, `w07`, `w08`, `w09`, `w10`, `w11`, `w12`. Fix: change every `url('../w03/img/goldenration.png')` and `url('img/goldenration.png')` reference to `url('../w02/img/goldenration.png')` (or copy the image into a shared folder like `public/images/` and update once). ### 1.3 Week 11 and Week 12 reference a nonexistent folder `w11/index.html` and `w12/index.html` are duplicates of `w10/index.html` and reference images via `../w10 - Copy/img/...`. That folder does not exist. The actual images live in `w11/img/` and `w12/img/`. Fix: in `w11/index.html` and `w12/index.html`, replace every `../w10 - Copy/img/` with `img/`. Also: the content of these two pages is identical to w10. They need their own content for Networking & Communications (w11) and Mechanical Design (w12). ### 1.4 Empty `` links These links go nowhere (some open a new blank tab): - `w05/index.html` — "Musaed AlKout" link in group assignment intro - `w06/index.html` — "Wokwie" link in step 00 of "Simulate a circuit" - `w07/index.html` — "Musaed AlKout" link - `w09/index.html` — "Musaed AlKout" link Fix: either add the correct URL or remove the `` wrapper. ### 1.5 Malformed/typo'd link in w08 The Aisha Alshehri Google Doc link contains Arabic text inside the URL parameters which breaks it: `?usp=sharing هنا تلخيص لخطوات اليوم` Fix: remove everything after `usp=sharing` so the URL ends cleanly. ### 1.6 Typo'd image hrefs - `w04/index.html` — `` has three dots; should be `../w04/img/R16.jpg` - `w09/index.html` — `` has duplicated `img/`; should be `img/in000.jpg` - `w10/index.html` — `` has doubled extension; should be `img/opG.jpeg` - `w10/index.html` — `` has double dot; should be `img/opg1.jpeg` ### 1.7 href/src extension mismatches in w01 The clickable link uses `.jpeg` but the actual file is `.png`: - `` — only `Getd7.png` exists - `` — only `Getd6.png` exists Fix: change the `href` to `.png` on both. ### 1.8 Disabled placeholder week links (probably intentional, but flagging) `index.html` sidebar lists `assignments/w13.html` through `w26.html` (not in week folders, no `/index.html`) and they are all marked `disabled`. They will 404 if anyone clicks them once they're enabled. Either: - Create matching folders + `index.html` files when you start each week, or - Update these to `assignments/w13/index.html` style now to match your existing convention. --- ## 2. IMAGE PATH VERIFICATION Beyond the major issues above, individual image references that pointed at non-obvious locations were spot-checked. Findings: - **`final-project.html` images** — all `final_imag/...` references resolve correctly (fp1.png, fp3.png, fp4.png, fp6.jpg, FPMain.svg, nvid1.mp4, Stick01-03, clip1-3, case1-3, FNstep4, FnPCB1/5/12, wrielessCharger, FnPCB5.jpg). ✓ - **`about.html`** — `images/2016-2025.png` ✓ - **`index.html`** — `images/HRK-Green.jpeg` ✓ - **w01** — all `img/...` references resolve except the two extension mismatches in §1.7 - **w02** — all references resolve (Adobe PS, AI, Tn1-9, Fusion1-6, FS1, FS2) - **w03** — references work *except* the hero (§1.2) - **w05** — line ~176, the inner `` is fine (resolves to `w05/img/3dp6.jpeg`) - **w08** — references inside `../w08/img/` and `../w10/img/op23.jpeg` resolve ✓ - **w11/w12** — entirely broken until §1.3 is fixed --- ## 3. SPELLING & GRAMMAR There are a lot of these — I've grouped them by page so you can fix in batches. Recommend doing a global find-and-replace for the most common ones first (the "Top 10" list below). ### 3.1 Top 10 high-frequency typos (do these first with find/replace) | Wrong | Correct | Rough count | |---|---|---| | documneted / documneting | documented / documenting | ~15+ | | curcit | circuit | ~25+ | | experince / expeince | experience | ~10+ | | Dreamwaver | Dreamweaver | ~8 | | Resestor / Transestor | Resistor / Transistor | ~8 | | Gemeni | Gemini | ~10 | | comming | coming | ~6 | | confirtable / confritable | comfortable | ~5 | | Suppermini (used inconsistently) | SuperMini | many | | alot | a lot | ~6 | | challange / challanging | challenge / challenging | ~10 | | strated | started | ~10 | | supper (when meaning Super) | Super | ~6 | | AI Gemeni / Al Gemeni | AI Gemini | ~6 | ### 3.2 Per-page issues **`index.html`** (HTML comments, low priority since not user-visible) - "controls the collabce of the sidebar" → "controls the collapse of the sidebar" - "this icon should collabs the sidebar" → "this icon should collapse the sidebar" - "showes the setting and logout options fixed to the buttom" → "shows the settings and logout options fixed to the bottom" **`about.html`** - "duaghter Misk" → "daughter Misk" - "joining my expeince in education and business and love to technology and science influsing 240 Kids" → "combining my experience in education, business, and love for technology and science, reaching 240 kids" - "3D origamy" → "3D origami" **`final-project.html`** - "Experince" (alert heading) → "Experience" - "vibraion" → "vibration" - "soldres" → "shoulders" - "fliaxble" → "flexible" - "sholder pads / sholdre" → "shoulder pads / shoulder" - "reghargable" → "rechargeable" - "nesessary" → "necessary" - "spirale" → "spiral" - "excitemnet" → "excitement" - "begining" → "beginning" - "challanging" → "challenging" - "demnetstrated" → "demonstrated" - "rounts" → "routes" - "flixy / flixy curcit" → "flexible / flexible circuit" - "MPF wood" → "MDF wood" - "Copper Tap" → "Copper Tape" - "MUD-GY-512" → "MPU-GY-521" (or whatever the actual sensor model is — MPU6050 / GY-521) - "ESP32-C3-SupperMini" → "ESP32-C3-SuperMini" - "COMMING SOON" → "COMING SOON" (multiple) - "designined" → "designed" - "mian curcit" / "the mian" → "main circuit / the main" - "Im looking" → "I'm looking" - "experince" (alert heading appears multiple times) **`w01/index.html`** - "Adobe DreamWaver" → "Adobe Dreamweaver" - "Homebure" → "Homebrew" - "zilions" → "zillions" - "feacher" → "feature" (multiple) - "notofications" → "notifications" - "upploaded" → "uploaded" - "descktop" → "desktop" - "Addiing" → "Adding" - "exsiting ones on local enviroment" → "existing ones in local environment" - "stagged" → "staged", "commints" → "commits" - "selcted" → "selected" - "favorte" → "favorite" - "feel confidence" → "feel confident" - "resonable resolution/ clearity" → "reasonable resolution/clarity" - "Slecting" → "Selecting" - "righclick" → "right-click" - "the file size are reduce" → "the file sizes are reduced" - "FFMPG" → "FFMPEG" - "studnet" → "student" - "helpped" → "helped" - "compresing" → "compressing" - "maain" → "main" - "useing ifream tages" → "using iframe tags" - "right sid" → "right side" - "loginin" → "logging in" - "Defineing" → "Defining" - "convestations" → "conversations" - "FabGTP" (in two links) → "FabGPT" - "vesion" → "version" - "beeing" → "being" - "Over welmed" → "overwhelmed" - "alsways" → "always" - "explaination" → "explanation" - "MackBook" → "MacBook" - "W3 HTML chools" → "W3Schools HTML" - "I'm planning to keep the wiring all hiden" → "...all hidden" - "FabGTP link" → "FabGPT link" **`w02/index.html`** - Navbar "ُTools" has a stray Arabic shadda (ُ) before T — remove - "im very confirtable" → "I'm very comfortable" - "documneting" → "documenting" - "the golden ration a concept" → "the golden ratio, a concept" - "feilds" → "fields" - "approches" → "approaches" - "connet two peices" → "connect two pieces" - "RGG color" → "RGB color" - "circul shap" → "circle shape" - "Resizing raster images in not a fun thing to experince" → "Resizing raster images is not a fun thing to experience" - "usufule" → "useful" - "expore" → "explore" - "Sometime" → "Sometimes" - "speacilly" → "specially / especially" - "plaks" → "plaques" - "loged in" → "logged in" - "cylender" → "cylinder" - "aliging" → "aligning", "th eobjects" → "the objects" - "axies" → "axes" (multiple) - "differece" → "difference", "thoese" → "those" - "conveing" → "conveying" - "movemnet" → "movement" - "the share" → "the shape" - "Fablab Studnets" → "Fab Lab Students" - "Unfortuntily" → "Unfortunately", "aand" → "and" - "instull / instullation" → "install / installation" - "Eductaional" → "Educational" - "strated" → "started", "adviced" → "advised" - "TikerCAD" → "TinkerCAD" - "spend most of the time located for Fablab on trng to egt" → "spent most of the time allocated for Fab Lab trying to get" **`w03/index.html`** - "Gagols" → "Goggles" - "fire distingusher" → "fire extinguisher" - "machien" → "machine" - "treated immediatity" → "treated immediately" - "carboard / cardbord" → "cardboard" - "enviromental friendly" → "environmentally friendly" - "stettings" → "settings", "forsce" → "force" - "completetly" → "completely" - "hundresds" → "hundreds" - "doinging" → "doing", "didnt" → "didn't" - "role of stickers" → "roll of stickers" - "Sholder Pads" → "Shoulder Pads", "deisgn" → "design" - "knotices / paterns" → "noticed / patterns" - "differnet" → "different", "kirfs / kirf" → "kerfs / kerf" - "trangles" → "triangles" - "didnt go throug the cardboard" → "didn't go through the cardboard" - "70 speet 40" → "speed 40" - "cardbord coaght on fire" → "cardboard caught on fire" - "waerable" → "wearable" - "willfit different bosy" → "will fit different body" - "eleminate" → "eliminate" - "scoring was clearn" → "scoring was clean" - "currect situation" → "current situation" - "the war in the gulf" → "the war in the Gulf" - "seasm interesting" → "seems interesting" - "valiable" → "valuable" - "challanging" → "challenging" - "alsready suing Cut create" → "already using cut to create" - "particiating" → "participating", "Kuwita" → "Kuwait" - "lose at kirf of 0" → "loose at kerf of 0" - "design rules will help alot" → "design rules will help a lot" **`w04/index.html`** - "Arduio IDE" → "Arduino IDE" - "10K Resestor" → "10K Resistor" - "wire jumppers" → "wire jumpers" - "exceiting" → "exciting" - "eductaional / eductaion" → "educational / education" - "stakholders" → "stakeholders" - "Microcontroller Comparision" → "Microcontroller Comparison" - "Rasberry Pie" → "Raspberry Pi" - "dtatsheet" → "datasheet" - "anderstant / understart" → "understand" - "explaination" → "explanation" - "search sor some explaination video" → "search for some explanation video" - "assifnment" → "assignment" - "desecion" → "decision" - "circute" → "circuit" - "memorries" → "memories" - "summury" → "summary" - "I learned alot" → "I learned a lot" - "PR2040" → "RP2040" - "choise" → "choice" - "Programing" → "Programming" - "I enough GPIOs" → "I have enough GPIOs" - "Resstors > GND" → "Resistor > GND" - "Pin9 > Button > GND" - check connection logic too - "computor" → "computer" - "to strat programing" → "to start programming" - "Paython" → "Python" **`w05/index.html`** - "Revo Camra" → "Revo Camera" - "PLA filiments / filiment / filimits" → "PLA filaments / filament / filaments" - "confritable going through this weeks" → "comfortable going through this week's" - "Test Pronts" → "Test Prints" - "satisfiying" → "satisfying" - "looking mashed above 75 degrees" → "looking mashed/messy above 75 degrees" - "hanged brindges but to 24 mm can be built nicly" → "hanging bridges up to 24 mm can be built nicely" - "ou parners" → "our partners" - "expeince creating sholder pad" → "experience creating shoulder pad" - "though of making it event simpler" → "thought of making it even simpler" - "decive" → "device" - "I designed a box, a cover with an attembt of a clip which when I lock at now I see how illogocal" → "...with an attempt at a clip which when I look at now I see how illogical" - "Bambo Studion" → "Bambu Studio" - "pasue" → "pause", "immediatly" → "immediately" - "distrocted" (multiple) → "distorted" - "magnic should be strong to cary the wight of the boc" → "magnet should be strong to carry the weight of the box" - "assignmnet" → "assignment" - "fized the distance beterrn" → "fixed the distance between" - "indicator of google to excellent" → "indicator of good to excellent" - "clearity" → "clarity" - "camrera" → "camera" - "suaghter" → "daughter", "accedently" → "accidentally" - "compremised after nearly 6000 rendered frams" → "compromised... rendered frames" - "distandce" → "distance", "complmeted" → "completed" - "truned the shape" → "turned the shape" - "STL file would not keep" — minor; consider clarifying that OBJ keeps colors, STL does not - "OBG file" → "OBJ file" - "slising and preparing" → "slicing and preparing" - "pprinted" → "printed" - "usuful for reprenting spareparts" → "useful for representing spare parts" - "sorrounding" → "surrounding" - "mishing" → "meshing" **`w06/index.html`** - "experince in this area is very limited" → "experience..." - "mincourse" → "mini-course" - "strart" → "start" - "documneted" → "documented" - "Useing test equipment" → "Using test equipment" - "createing" → "creating" - "buttin" → "button" - "defult code" → "default code" - "circut" → "circuit" - "chnaged" → "changed" - "sintaxe" → "syntax" - "missunderstood" → "misunderstood" - "Cathod" → "Cathode" - "startment" → "statement", "printen" → "printed", "turnned" → "turned" - "AI Genimi" → "AI Gemini" - "the it worked" → "and it worked" - "simlulation" → "simulation" - "thath the code. sentax" → "that the code syntax" - "Debuging" → "Debugging" - "componenet" → "component" - "Selecteing" → "Selecting" - "PPCB Editor" → "PCB Editor" - "Schematics editos" → "Schematics editor" - "alligned" → "aligned" - "anythihng" → "anything" - "took me time to lean" → "took me time to learn" - "interested EDA" → "interesting EDA" - "spend hours spend on tutorials" → "hours spent on tutorials" - "didnt try" → "didn't try", "assesstant" → "assistance" **`w07/index.html`** - "duaghter" → "daughter" (multiple) - "measurments" → "measurements" - "currect situation in kuwait and the war in the gulf" → "current situation in Kuwait and the war in the Gulf" - "wood sheet to cut acuale size peices" → "wood sheets to cut actual-size pieces" - "collabrate the hight" → "calibrate the height" - "vacum" → "vacuum" - "the peices connected at the back" / "from the front those shapes wear engraves" → "the pieces connected at the back / from the front those shapes were engraved" - Remove the unclosed/commented-out group-assignment block — the comment-out is malformed (the `` isn't matched cleanly). Either delete the dead block entirely or close the comments. - "Tools" / "Software" / "Material" sections in §2 are empty placeholders **`w08/index.html`** - "Beacuse of Geopolitical situation in the Gulf reagion our shipment was delaied" → "Because of the geopolitical situation in the Gulf region, our shipment was delayed" - "redesign my curcit on KiCAD to fit 1 inch hight" → "...redesign my circuit... to fit 1 inch height" - "PCD Editor" → "PCB Editor" - "1mm thik" → "1mm thick" - "machien" → "machine" - "stroks" → "strokes" - "the cirute on a peice of tap" → "the circuit on a piece of tape" - "but it was a failur" → "but it was a failure" - "twoo deep" → "too deep" - "its clease" → "it's creased" - "maing it cut force" → "making it cut force" - "bythe time i reached Week 11" → "By the time I reached Week 11" - "PCB bord" → "PCB board" - "diffrenet milling bits" → "different milling bits" - "vinyle" → "vinyl" - "I belive it worth" → "I believe it's worth" - "Ballancing" → "Balancing" - "in not easy" → "is not easy" - "creating short curcits" → "creating short circuits" - Tools/Software/Materials line: "KidCAD" → "KiCAD" **`w09/index.html`** - "documneted" → "documented" (multiple) - "Pprobe" → "Probe" - "I leaned all the information" → "I learned all the information" - "as I was a way from the lab and wanted to utilise" → "...away from the lab and wanted to utilize" - "I build the curcit connecting the MPU to the ES32 C3" → "I built the circuit connecting the MPU to the ESP32 C3" - "Gemeni Ai" → "Gemini AI" - "wchih was used in the. simulation" → "which was used in the simulation" - "for a better cutting results" → "for better cutting results" - "made the routs 2mm wide" → "made the routes 2mm wide" - "their is enough space" → "there is enough space" - "trasformed it to shape" → "transformed it to shape" - "ploted the PCD" → "plotted the PCB" - "I use arduion IED" → "I use Arduino IDE" - "I had to rest the microcontroller" → "I had to reset the microcontroller" - "axies" → "axes" - "supper powers" → "super powers" - "ther might be" → "there might be" - "i'm following" → "I'm following" - "finlizing" → "finalizing" - "helpfull" → "helpful" - "I cannot be in the lab all the time" → grammar OK; consider "isn't easy" wording **`w10/index.html`** (and the same applies to w11/w12 once they're separated) - "Vujade Lan in Riyad" → "Vujade Lab in Riyadh" - "joined the team online" — OK - "alway was controlling digital signals controling outputs" → "I was always controlling digital signals controlling outputs" - "virtualy" → "virtually" - "stratedthis task" → "started this task" - "viration motor" → "vibration motor" - "out put forthis assignment" → "output for this assignment" - "oproject" → "project" - "Al Gemeni" → "AI Gemini" (multiple) - "definedthe parts" → "defined the parts" - "creare the drive for the motor" → "create the drive for the motor" - "moter" → "motor" - "Transestor 2N222" → "Transistor 2N2222" (also note number mismatch — Tools line says "2N2222") - "diod 1N40001" → "diode 1N4001" - "Aon KiCAD schematocs editor" → "On the KiCAD schematics editor" - "Diod Cathod" → "Diode Cathode" - "the the current layout" → "that the current layout" - "sutable and I hasd to" → "suitable and I had to" - "Redesigns the routes" → "Redesigned the routes" - "1mm thik / wasnted to design" → "1mm thick / wanted to design" - "Vynil cutter" → "Vinyl cutter" - "I connnected" → "I connected" - "loswest force" → "lowest force" - "tapped the plat" → "taped the plate" - "startedthe soldering workflow" → "started the soldering workflow" - "Solder tempreture was on 300 degrees culcies" → "Solder temperature was at 300 degrees Celsius" - "put some past on the solder" → "put some paste on the solder" - "tried t connect the risitors as the firts part" → "tried to connect the resistors as the first part" - "wantedt o solder" → "wanted to solder" - "applying small drops of risen that will hole" → "applying small drops of resin that will hold" - "I cured the it with UV blue light" → "I cured it with UV blue light" - "applied soldering past" → "applied soldering paste" - "soldered all the part but it was not an easy proecss" → "soldered all the parts but it was not an easy process" - "afraid of creating short curcits adn hhaving to repeat all" → "afraid of creating short circuits and having to repeat all" - "soldering got worst i think for two main reasons" → "soldering got worse, I think, for two main reasons" - "milting the plastic" → "melting the plastic" - "Voltamerter" → "Voltmeter" - "I did not mistakeny create short curcits" → "I did not mistakenly create short circuits" - "when suing the resin" → "when using the resin" - "solderd on top" → "soldered on top" - "Results, the circuts is complet" → "Result: the circuit is complete" - "What an Achievment" → "What an Achievement" - "supper powers to create anything you want" → "super powers..." - "band this is how I felt" → "and this is how I felt" - "wi will still need to orint my full curcit" → "we will still need to print my full circuit" - "Global hourse time" → "Global Open Time" (or whatever the actual event is called — "house" not "hourse") - "challange" → "challenge" - "im very interested" → "I'm very interested" **`w11/index.html` and `w12/index.html`** - These are duplicates of w10. They need their own content (Networking & Communications for w11, Mechanical Design for w12). All the spelling issues from w10 carry over until the content is replaced. **`404.html`** - Looks fine. Minor: "Sorry the URL you typed does not exist" → consider "Sorry, the URL..." --- ## 4. SUGGESTED FIX ORDER 1. **Stylesheet paths** (§1.1) — broken site styling on all weekly pages and final-project 2. **Hero image path** (§1.2) — every weekly page hero is missing 3. **w11 / w12 image paths** (§1.3) — entire pages have broken images 4. **Empty hrefs and malformed links** (§1.4–§1.7) — quick wins 5. **Top 10 typos via global find/replace** (§3.1) — knocks out ~100+ issues at once 6. **Per-page typo cleanup** (§3.2) — page by page polish 7. **w11 / w12 content** — replace duplicated w10 content with actual week content If you want, point me at a starting point ("fix #1 and #2 across all pages" or "do the top 10 find-replace") and I'll make the edits.