mattgraham/leapday

potential CSS additions

oluc opened this issue · 1 comments

oluc commented

Hi,

I just set up a github page with your template. I really like it. Thank you!

I made a few additions to the CSS, which you might be interested in:

  • looking like a terminal for commands
    • it adds a prompt on command lines
    • you can print comments, but they won't be selected (by the mouse)
      so you can copy only the commands
      you can strongly highlight par of the command
    • I only used terminal but
      to make it generic one would need a
  • for inline code, I used the page background color. I feel that it fits better in the theme. I also removed the right/left margin, it was awkward to have a whitespace just before a dot or a period.
  • highlight the current heading in the side menu, I used the same color as the header (which is red on my page). It would be nice if actually it would follow the page scrolling. I saw this on some websites but I am not able to do it.
  • some more
  • In the HTML I also added a over the whole top page banner. This is common on websites that the logo/banner direct to the top of the (main) page.

The page demonstrating:
http://oluc.github.io/p-/

The additional CSS:
https://github.com/oluc/p-/blob/gh-pages/stylesheets/styles_p-.css

Feel free to take what you feel interesting.

Awesome, I've done some work on the theme today and will be adding some of the highlight colors and more importantly a _variables.scss file that will include options to change the theme colors. Look for updates soon.