aboutsummaryrefslogtreecommitdiff
path: root/source/template.html (unfollow)
Commit message (Collapse)AuthorFilesLines
2017-04-28Update to a new personalised versionneodarz1-6/+11
2017-02-01Sunset this blogZhiming Wang1-0/+1
2016-09-02Use minified version of normalize.cssZhiming Wang1-1/+1
normalize.min.css created with yuicompressor.
2016-09-02Collapse most CSS files into theme.cssZhiming Wang1-8/+0
Having a whole bunch of CSS files is not good for the performance of the website.
2016-09-02Move nav-title and nav-author to :beforeZhiming Wang1-2/+2
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.
2016-07-24template.html: Allow per-file custom CSSZhiming Wang1-0/+3
2016-07-10Add Chinese typography featuresZhiming Wang1-0/+6
2016-07-10template.html: Put author and date on separate lines, and ...Zhiming Wang1-1/+6
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.
2016-03-18template.html: Fix weird hanging spaceZhiming Wang1-4/+1
Fixes #13.
2016-01-08Add stuff to source/ and exclude themZhiming Wang1-0/+0
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.
2016-01-08Site design refresh part II: icon fontZhiming Wang1-2/+1
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.
2016-01-08Site design refresh part IZhiming Wang1-4/+2
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.
2015-12-26theme.css and template.html: Solve overflow problem in code and a tagsZhiming Wang1-1/+0
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.
2015-09-25template: put article-metadata in div tag instead of h2Zhiming Wang1-2/+2
Date and author shouldn't be in the document outline.
2015-09-25Remove Google AnalyticsZhiming Wang1-9/+0
Will write a short blog post about this decision soon.
2015-09-21pyblog: date-display => date_display, and update postsZhiming Wang1-2/+2
Looks slightly more professional.
2015-09-05Self host webfontsZhiming Wang1-10/+8
Sometimes (e.g., occasionally in China) Google/FontAwesome webfonts might not be available, rendering the whole site unusable.
2015-08-22Add ultranarrow theme for screens narrower than 500pxZhiming Wang1-0/+1
Just set content width to 90% instead of 80% for narrow.
2015-08-09template.html: restore highlighting-cssZhiming Wang1-1/+6
I accidentally removed syntax highlighting in 94f82685672bcd4e5731de3c1c61e79f7edc07b2.
2015-08-08rfooter icons: switch to Font AwesomeZhiming Wang1-5/+6
Use web font to draw icons.
2015-08-08Blog icon text: switch to antialiases normal weightZhiming Wang1-1/+1
Open Sans Light 300 turns out to be too thin when antialiased (e.g., in mobile Safari.)
2015-08-08Draw blog icon with pure HTML and CSSZhiming Wang1-1/+2
Using web font Open Sans (light) instead of Helvetica Neue. Text is thinner, but close enough and feels about right.
2015-08-08template.html: indent and remove unnecessary componentsZhiming Wang1-72/+55
Make page source a little bit more readable.
2015-07-26tons of logic and performance improvementsZhiming Wang1-19/+14
The main aim is a more logical DOM structure and more performant CSS.
2015-07-26adjust content width for different window widthsZhiming Wang1-1/+2
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).
2015-07-25select blog icon with CSSZhiming Wang1-1/+1
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.
2015-07-25create 200x200 icon, and use it on every pageZhiming Wang1-1/+1
400x400 is a waste, given that the size of the logo set by CSS is either 100x100 (wide) or 200x200 (narrow).
2015-07-25create separate square icon as Apple touch iconZhiming Wang1-1/+1
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.
2015-07-23configure viewport and get rid of theme-enlarge.cssZhiming Wang1-1/+1
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.
2015-07-17add print stylesheetZhiming Wang1-1/+2
2015-07-17design mobile and narrow window friendly themeZhiming Wang1-6/+6
Tested on iPhone 6 Plus (both portrait and landscape).
2015-06-16fix font issues: moving back to Droid Sans Mono for codeZhiming Wang1-0/+1
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.
2015-06-10modify template and stylesheet to include RSS iconZhiming Wang1-2/+1
2015-05-14add source code line numbersZhiming Wang1-11/+11
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.
2015-05-13correct typo in template.htmlZhiming Wang1-1/+1
2015-05-13add support for lfooter (updated) and top level pages...Zhiming Wang1-0/+7
(other than index.html).
2015-05-06fix minor invalid HTML issuesZhiming Wang1-3/+3
2015-05-05suppress TLS insecure warningZhiming Wang1-1/+1
by replacing http://fonts.googleapis.com with ://fonts.googleapis.com . Credit goes to http://goo.gl/KWcZJu .
2015-05-05install Google Analytics tracking codeZhiming Wang1-0/+9
2015-05-05add feed icon to footerZhiming Wang1-0/+1
Among other fixes and tweaks.
2015-05-05pyblog: implement previewZhiming Wang1-1/+1
Also tweaked icons a bit. Note that this commit doesn't really work: I implemented a "stoppable HTTP Server" here to be stopped when "mother process" receives SIGINT (i.e., KeyboardInterrupt), without realizing that all porcesses get SIGINT. Therefore, the custom server is hardly needed. See http://git.io/vJ9yA for more information. (This implementation has some value tought, that's why I'm committing to keep it in history.)
2015-05-0520150505: New blog, new startZhiming Wang1-1/+1
Also fixed several problems: 1. Rending SVG and making it a clickable link is basically impossible across multiple browsers. I'm now using a pretty good PNG; 2. Implemented new_post in pyblog; 3. Footnotes related updates to the theme.
2015-05-05handle navigation button and faviconsZhiming Wang1-1/+11
Note that I'm using an <embed> tag with the svg because if wrapped in <img>, the svg won't render on Safari. After using the <embed> tag, the svg renders on all four major browsers on OS X (Chrome, Safari, Firefox, Opera), and it looks nice on all three but Firefox, in which case it's crappy as fuck.
2015-05-05a lot of workZhiming Wang1-17/+16
Mainly generating feed and index.
2015-05-04edit posts and (mostly) figured out the themeZhiming Wang1-0/+63
Also wrote pyblog that currently can generate parts most of the blog.
generated by cgit v1.2.1 (git 2.18.0) at 2024-11-15 10:43:49 +0000