Home Explore Help
Sign In
caleb
/
pelican-elegant
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: babce3c718
Branches Tags
pelican-eleg...
/
TODO.md

TODO.md 2.5 KB
History Raw

Logo

  1. First give url of log and then banner
  2. logo would be contained, banner cover
  3. set position
  4. mobile position would be different

Favicon

  1. Add favion

Heading

  1. Use verdena font
  2. Enclose heading in a box using upper and lower lines.
  3. show date in the lower line of the heading
  4. Add padding

Links

  1. Use footnotes
  2. Checkout Tumblr help.
  3. How to use footnotes Byword App Help
  4. Maruku supports footnotes.
  5. They will appear in superscript. Just likes tags in Jekyll default theme.
  6. Other links can be of #B58900.

Miscellaneous

  1. Move article to the left. Center Article looks good but on smaller screen user has to scroll to get it centered. This will also give us space on the right for ads or other stuff.

Footer

  1. Short description about me.
  2. Link to detailed about me. This should be the link of the splash page.
  3. Subscribe through email and RSS.
  4. Join me on twitter.

#Done

Banner

  1. Make banner clickable

Article

  1. Use 7 column for article.
  2. Use two column for tag.
  3. Use 3 columns of prefix for date of article.

Miscellaneous

  1. Article and heading should appear inside rounded corners section.
  2. Choose a proper texture for background.

Mobile only

  1. Hide binder and background texture.
  2. Design site banner
  3. Should I have text only or should I add image?
  4. May be I can show logo and text. But then I have to make sure desktop user has seen the logo.

Horizontal Menu

  1. Use a background texture.
  2. Use transparency.

Nav bar Not showstopper

  1. Link to contents of this page
  2. About me
  3. Subscribe options

Texture

  1. http://www.photoshopstar.com/wp-content/uploads/2007/11/wood-texture-background.jpg
  2. http://wegraphics.net/demo/one/images/page-bg.jpg
  3. http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-9/images/bglines.png
  4. http://subtlepatterns.com/?p=263
  5. http://subtlepatterns.com/?p=311
  6. http://subtlepatterns.com/?p=795
  7. http://subtlepatterns.com/?p=934

Banner

  1. add proper font and color for tag line
  2. use black color
  3. 20 px
  4. use italics
  5. Add padding to heading and tag line
  6. Should I throw in a logo?
  7. Disable underline when hover over text.
  8. Choose proper font and size for the tag line.
  9. Choose proper font, size and color for the heading.
  10. Make sure your font is available to every user. Might have to use @font-face.