-
Notifications
You must be signed in to change notification settings - Fork 3
Site Layout Ideas
spratt edited this page Jul 9, 2012
·
9 revisions
Some ideas for the layout/features of the site.
- Site name/logo on left
- User controls on right (notifications, options)
- Bar is THIN
- User/Site bar on top
- Have the code mirror on the left
- Have options on right
- Title: Optional title
- Language: Language select dropdown
- Custom URL: Auto-generate normal random URL if blank, do AJAX check for if already used
- Child of: Text box for id of parent code
- Password Encrypt Page: Checkbox, client-side encrypts code and comments; if checked reveals:
- Password: Text box for password, is never sent to server
- Server stores a random salt (UUID) which is sent to the client
- To decrypt, client hashes key+salt and send hash to server. If hash matches server-stored hash, server sends code + comments, which are decrypted client-side with key.
- Hint: Hint/Message to prompt when encrypted page is visited
- User/Site Bar on top
- Code on left
- Comment numbers in little bubbles to the right, aligned to code. There should also be bars that give information like "2 comments on this line by Alexis". When a bar is expanded to show the comments, the other bars disappear but the bubbles remain.
- There should be a seperate "comment meta-data" JSON file that is just a map from line numbers to number of comments, as well as possibly some preview text to use. Only this is loaded on initialization. Actual comments for a line are loaded only when clicked. at a time. 10 at a time, with "more..." button to load next 10. The metadata may be live updated, but this is perhaps excessive.
- Comment display/writing the same
- Merge button on bottom: generates code with all diffs accepted
- Merges would be displayed to the right of code, where comments had been.
- Removed lines would be highlighted red in the original code.
- Added lines would be highlighted green in the merged code.
- Next to merge, if merge has been pressed, submit merged code button: go to submission page with relevant data
- diff style
- ???