1.7 KiB
type
| type |
|---|
| Prompt |
Generate a basic art portfolio website. Use only HTML CSS and Javascript.
Information of the website contents can be found in the docs folder.
The information is in markdown files.
The type in the frontmatter indicates what it is. ie. page of a page, art for art.
Create the basic Overview page with the content found in the Overview.md.
Under that body content, add all the files marked as art as displayed assets. The image frontmatter tells you the image that should be linked. Note that one art type has 4 art images attached.
You should be able to click on any art asset to make a full screen window appear with just information listed on the associated markdown file, and the art asset.
Add an exit button on the top right to close this and return to the original screen.
I also want next and prev buttons to just switch to the next art asset on this full screen view.
But on the art full screen, the user should be able to click on any art asset again to make that full screen with no other information. They can click anywhere on this second layer of full screen to close this window, and return back to the previous full screen informational window.
Make each of these views it's own url parameter, so someone could bookmark one informational window, or one full screen art asset window, and see it later.
Make the overall UI black. Dark mode type stuff. Like grey font.
Make also a link that just shows all these markdown files in a folder structure ui, like an API doc, so people can see how these website was planned before it got generated by this prompt.
Place your finished website in the html folder with of course all the needed files and copied images.