diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2015-07-17 16:28:52 -0700 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2015-07-17 16:28:52 -0700 |
| commit | 3e7de572d153d91a691c9792c8d3611e0bb8b00f (patch) | |
| tree | 5407033597f214f41da9ddb44ffeae6fb012c358 /templates/template.html | |
| parent | effd834bd74c3b6a25ebaf59adcab6bd6d29cbdc (diff) | |
| download | my_new_personal_website-3e7de572d153d91a691c9792c8d3611e0bb8b00f.tar.xz my_new_personal_website-3e7de572d153d91a691c9792c8d3611e0bb8b00f.zip | |
design mobile and narrow window friendly theme
Tested on iPhone 6 Plus (both portrait and landscape).
Diffstat (limited to 'templates/template.html')
| -rw-r--r-- | templates/template.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/templates/template.html b/templates/template.html index 6bf2d9de..9df99064 100644 --- a/templates/template.html +++ b/templates/template.html @@ -30,7 +30,9 @@ $for(header-includes)$ $header-includes$ $endfor$ <link href='/css/normalize.css' media="all" rel="stylesheet" type="text/css"/> -<link href='/css/theme.css' media="all" rel="stylesheet" type="text/css"/> +<link href='/css/theme.css' media="only screen" rel="stylesheet" type="text/css"/> +<link href='/css/theme-narrow.css' media="only screen and (max-width: 980px)" rel="stylesheet" type="text/css"/> +<link href='/css/theme-enlarge.css' media="only screen and (max-width: 980px) and (orientation: portrait)" rel="stylesheet" type="text/css"/> <link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"/> <link href="//fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css"/> <script> @@ -45,11 +47,9 @@ ga('send', 'pageview'); </head> <body> <nav> -<div style="height:150px; width:100px; text-align:center;"> -<a href="/"><img src="/img/icon-100.png" alt="blog icon" height="100" width="100" style="padding: 2px 0;"></a> -<div style="padding: 1px 0;"><a href="/"><strong>dl? cmplnts?</strong></a></div> -<div style="font-size: 9pt;">by <a href="https://github.com/zmwangx" target="_blank">Zhiming Wang</a></div> -</div> +<div class="logo"><a href="/"><img src="/img/icon-400.png" alt="blog icon"></a></div> +<div class="title"><a href="/">dl? cmplnts?</a></div> +<div class="author">by <a href="https://github.com/zmwangx" target="_blank">Zhiming Wang</a></div> </nav> <article> $if(title)$ |