Put the HTML in the editor box on the top left. To learn more about HTML, check out the W3 tutorial.
Only write HTML that you would put inside a
<body>-tag, codepuff.in will automatically wrap these contents into a full web-page.
codepuff.in ensures pages are secure for visitors and will strip
<script> tags and other possibly malicious input from the HTML. This "cleaning" is only applied when visiting the page outside the editor. Be sure to always double check your page "live" using its URL, and not just by using the previewer on the right of the editor.
You can add pictures by clicking the "Add image" button on the top left of the editor.
It adds an
<img>-tag with a link to that picture.
CSS makes your page look good. See this W3 tutorial for more information.
Use the editor box on the bottom left. All CSS is allowed.
Change the title of your page on the top right.
The page title can contain spaces and punctuation. codepuff.in will then use that to create a unique URL for your page. This way your page can have a title that makes sense for humans, but also one that makes sense for computers!
Use the following variables as an easy shortcut for commonly used links and blurbs.
|~~||Full name of the owner of the page.|
|~~||The path to the default website of the owner.|
|~~||The URL of the editor of the page.|
|~~||The URL of the search page for this site.|
|~~||The URL to create a new page for this site. This only works if you're logged in.|
|~~||The URL to create a new folder in this site. This only works if you're logged in.|
Variables start and end with two
A website is basically a group of pages in a folder. In the Search page you can manage all the pages on your site, and also all the "sub-folders" you have. The contents of a website or folder are only visible to the person owning that website. For example, going to my home folder /codepuffin/_search will not show you anything! But going to your own search page will... Try it out.
/` behind the folder-name in the URL. For example, /codepuffin/ and /codepuffin/_search will take you to the same place.
Want to share the contents of a folder with somebody else? Just share the URL of that folder!
For example, you could go to /codepuffin/_search and you would see:
Click the link to request access.
When people have requested access to one of your folders, you can approve or ignore their request in your search page.
An example of a pending request:
If you approve their request, a new folder will be created in their account that tracks your folder. In this tracking folder, they will see your work, and you can see their work. Deleting your own folder will not delete their folder and vice-versa. This allows you to safely share your folder contents without risk of losing it.