| Commit message (Collapse) | Author | Files | Lines |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
normalize.min.css created with yuicompressor.
|
|
Having a whole bunch of CSS files is not good for the performance of the
website.
|
|
This is so that when CSS is disabled, the nav component is hidden
entirely instead of being displayed as two lines:
dl? cmplnts?
by Zhiming Wang
This for one makes the site look slightly nicer in text-based browsers,
e.g. w3m.
|
|
|
|
|
|
only display author when explicitly set in Pandoc metadata.
Most if not all posts are by me, and there are plenty of occurrences of
"Zhiming Wang" on the page.
Also make authorship and date info normal instead of italic -- italic
doesn't look very nice here.
|
|
Fixes #13.
|
|
The lonely templates/template.html finally finds it home in the cozy
source/, where it rightfully belongs, without the need to worry about
being exposed to the world in build/ ;)
The full fontello distribution I downloaded (and unpacked) from
fontello.com is now in source/fonts/fontello.
|
|
Use slimmed icon font packaged by http://fontello.com/. I only need two
glyphs: RSS and CC. I ended up picking the glyphs from the Entypo v2.0
family (https://github.com/danielbruce/entypo), licensed under SIL. I
actually like the Font Awesome glyphs slightly better, but fontello
currently only supports FA v4.3.0, which doesn't include the circular CC
glyph I need.
Old web fonts are kept for now. They will be removed after a while. See
\#9.
Open Sans is still in place and will be addressed later when the logo is
attacked.
The entire fontello package I downloaded, including the license, will
be added to this repo as source/fonts/fontello/ later when I have
implemented an exclude list in pyblog to prevent the directory from
being copied to the deployment tree.
|
|
Highlights:
* Change font to Times/Times New Roman + Courier;
* Text slightly darkened across the board to account for the thinner
Times;
* Eliminate line numbers;
* Use custom highlight.css (based on highlight-css supplied by Pandoc,
but hightlight more classes when Pandoc falls short, e.g., span.im for
Python from and import).
Closes #5 because we don't have line numbers anymore.
|
|
Over-long inline <code> tag or long literal link in <a> tag used to
overflow the container. This is especially bad on phones where width is
very limited. This commit hopefully solves the overflow problem. Still
no smarter word breaking, but it's probably just an unfortunate
limitation of HTML.
|
|
Date and author shouldn't be in the document outline.
|
|
Will write a short blog post about this decision soon.
|
|
Looks slightly more professional.
|
|
Sometimes (e.g., occasionally in China) Google/FontAwesome webfonts
might not be available, rendering the whole site unusable.
|
|
Just set content width to 90% instead of 80% for narrow.
|
|
I accidentally removed syntax highlighting in 94f82685672bcd4e5731de3c1c61e79f7edc07b2.
|
|
Use web font to draw icons.
|
|
Open Sans Light 300 turns out to be too thin when antialiased (e.g., in
mobile Safari.)
|
|
Using web font Open Sans (light) instead of Helvetica Neue. Text is
thinner, but close enough and feels about right.
|
|
Make page source a little bit more readable.
|
|
The main aim is a more logical DOM structure and more performant CSS.
|
|
New:
* Greater than 1440px: load theme-wide.css, content width: 50%;
* Between 1024 and 1440px: standard theme.css, content width: 60%;
* Lower than 1024px: load theme-narrow.css, content width: 90% (and
floating nav element moves up to page top to make space).
|
|
This way we can deliver the right size based on the window size (wide or
narrow), rather than deliver a universal one then scale down.
|
|
400x400 is a waste, given that the size of the logo set by CSS is either
100x100 (wide) or 200x200 (narrow).
|
|
Round icon with transparent filling doesn't work well on iOS's home
screen, because the transparent part will be filled in black. Also, the
letters ZW have been enlarged to look better in a square icon.
|
|
Viewport configuration per Google's mobile usability suggestions. It not
only provides a consistent experience by using device independent
pixels, but also help me get rid of theme-enlarge.css, which could
result in unexpectedly large font when one accidently resize to a
portrait window on the desktop. Thanks Google!
See https://developers.google.com/speed/docs/insights/ConfigureViewport.
|
|
|
|
Tested on iPhone 6 Plus (both portrait and landscape).
|
|
I just noticed that code font is crazy without Consolas installed (I
recently reinstalled my OS and got rid of Office for Mac 2011 — that's
probably why). The line numbers are all off (since the line heights are
carefully pre-calculated, and fallback fonts of different leadings won't
help). Therefore, I'm moving to the quite nice looking and controllable
Droid Sans Mono. Isn't as satisfactory as Consolas on the web, but
certainly better than Monaco.
Note: I originally copied my list Consolas, Monaco, 'Andale Mono',
monospace (I added Courier since I like it a lot as the primitive
monospace font) from MDN Wiki, but now it looks like a bad choice when I
don't have Consolas any more. By the way, MDN Wiki renders line numbers
using JS, so at least they are able to calculate the line heights. I'm
serving everything statically, so this is a problem.
|
|
|
|
The way I handle line numbers and the pre block in general is inspired
by the MDN wiki. See, for instance,
https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
a screenshot is here: https://i.imgur.com/982TBDc.png
Also tweaked other styles, e.g., changed the primary monospace font to
Consolas, and slightly tweaked a few old posts.
|
|
|
|
(other than index.html).
|
|
|
|
by replacing http://fonts.googleapis.com with ://fonts.googleapis.com .
Credit goes to http://goo.gl/KWcZJu .
|