Slide 1: Put your HTML Studio site into GitHub Desk
Title slide: the tattoo page in HTML Studio, and the same page imported into a GitHub Desk project folder.
Slide image missing. Download the PDF or PowerPoint.
Slide 2: What GitHub Desk is
A light companion desk for HTML Studio projects: folders, an HTML editor, a live preview, import from HTML Studio and export back.
Slide image missing. Download the PDF or PowerPoint.
Slide 3: The journey
Seven steps from sign-up to an imported, editable project folder.
Slide image missing. Download the PDF or PowerPoint.
Slide 4: Sign up for HTML Studio
Name, email and password at html-studio.registermysite.com, then Create account.
Slide image missing. Download the PDF or PowerPoint.
Slide 5: Choose the Nightshade Tattoo template
Templates opens the catalog; Use in Studio loads Nightshade Tattoo into the canvas.
Slide image missing. Download the PDF or PowerPoint.
Slide 6: Rename the sticky-nav brand
Navigation section, Brand field set to exactly: html-studio tattoo guide, shown in the live preview.
Slide image missing. Download the PDF or PowerPoint.
Slide 7: Make a Visitor Counter in Widget Studio
widget-studio.registermysite.com: Widget type Visitor Counter, theme and colors, preview, export buttons.
Slide image missing. Download the PDF or PowerPoint.
Slide 8: Export the widget into your page
The counter lands as a custom-embed section; honest note: the first export opened a blank, signed-out canvas.
Slide image missing. Download the PDF or PowerPoint.
Slide 9: Give the page a project id
Gear, Projects, new project name, Create project from canvas; the header shows the new project id.
Slide image missing. Download the PDF or PowerPoint.
Slide 10: Honest note: the free plan limit
Our first account was at Free plan 3/3 projects. We did not delete them; a new demo account was required.
Slide image missing. Download the PDF or PowerPoint.
Slide 11: Create the GitHub Desk folder
github.registermysite.com: New Project Folder named html-studio-tattoos; it starts as an index.html skeleton.
Slide image missing. Download the PDF or PowerPoint.
Slide 12: Import with the project id
Import from HTML Studio: HTML Studio Project ID prj_mustb9jo_6t1q17601q, local name html-studio-tattoos, Imported 4 files.
Slide image missing. Download the PDF or PowerPoint.
Slide 13: A template name is not a project id
Typing the slug nightshade-tattoo fails: Failed to import HTML Studio project: Project not found.
Slide image missing. Download the PDF or PowerPoint.
Slide 14: Your page, now in GitHub Desk
The imported folder: four files, the full page code, and the tattoo page with the brand html-studio tattoo guide.
Slide image missing. Download the PDF or PowerPoint.
Slide 15: Tips
Six practical tips: project id, free plan limit, sign in first, same account, folder names, brand versus page title.
Slide image missing. Download the PDF or PowerPoint.
Slide 16: Troubleshooting
Six real messages or issues from our run and what to do.
Slide image missing. Download the PDF or PowerPoint.
Slide 17: Recap
All seven steps in one list.
Slide image missing. Download the PDF or PowerPoint.
Slide 18: Contact
How to reach RegisterMySite.
Slide image missing. Download the PDF or PowerPoint.
How to use this guide
For business owners who design a page in HTML Studio and want it in a GitHub Desk project folder they can edit. 18 slides, narrated.
GitHub Desk: github.registermysite.com. HTML Studio: html-studio.registermysite.com.
Covers the 7-step journey: sign up, pick the Nightshade Tattoo template, rename the brand, add a Visitor Counter from Widget Studio, save the canvas as a project to get its id, create the GitHub Desk folder, and import by project id. Plus tips, troubleshooting and a recap.
Press Narration to hear each slide. It moves on by itself when a slide finishes, until you pause.
Download the PowerPoint or PDF from More or the footer.
How to present: Present (or F / P). Arrows or swipe. N for notes. A for narration. Esc leaves present mode.