Sophia heysophia

ITHOME 鐵人賽 :: 主題競賽組觀戰區

目前這份資料是用年久失修的爬蟲在跑的，新版網址如下：

https://ithome-2021-ironman.s3.ap-northeast-1.amazonaws.com/index.html

Map Tiles

Google Maps

http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z} - Subdomains: mt0, mt1, mt2, mt3. - Examples: - https://mts1.google.com/vt/x=1325&y=3143&z=13 - https://mt1.google.com/vt/lyrs=m&x=1325&y=3143&z=13 - Additional info:

reMarkable is a paper tablet by https://remarkable.com/.

The reMarkable tablet is the best e-paper in the market. However, it does not have built-in support for CJK (Chiniese, Korean and Japanese) users.

Luckily, this could be resolved by installing CJK fonts on the tablet.

Go to Preference > Storage > Enable USB web interface (Beta).
Connect reMarkable with your PC via a microUSB cable.
SSH to the device as user "root" using the password find in Preference > About. e.g. ssh root@10.11.99.1
Download "NotoSansCJK[you language]-Regular.otf" from *note, there is limited space on the device, so do not sue "Super OpenType/CFF Collection (Super OTC)", an language-specific OTC is ok.

Fix SVG in `<img>` tags not scaling in IE9, IE10, IE11

IE9, IE10, and IE11 don't properly scale SVG files added with img tags when viewBox, width and height attributes are specified. View this codepen on the different browsers.

Image heights will not scale when the images are inside containers narrower than image widths. This can be resolved in 2 ways.

Use `sed` in bash to remove width and height attributes in SVG files

As per this answer on Stackoverflow, the issue can be resolved by removing just the width and height attributes.

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>

	/* ----------- iPad 1, 2, Mini and Air ----------- */

	/* Portrait and Landscape */
	@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (-webkit-min-device-pixel-ratio: 1) {

	}

	#Pulled from Chromium at: https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/devtools/front_end/toolbox/OverridesUI.js&q=WebInspector.OverridesUI._phones%20file:OverridesUI.js&sq=package:chromium&type=cs&l=310

	#Phones
	Define_phones = [
	{deviceName: "Apple iPhone 3GS", width: 320, height: 480, deviceScaleFactor: 1, userAgent: "Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5", touch: true, mobile: true},
	{deviceName: "Apple iPhone 4", width: 320, height: 480, deviceScaleFactor: 2, userAgent: "Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5", touch: true, mobile: true},
	{deviceName: "Apple iPhone 5", width: 320, height: 568, deviceScaleFactor: 2, userAgent: "Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like Mac OS X; en-us) AppleWebKit/537.51.1 (KHTML, like Gecko) Versi

	// IE10
	Modernizr.addTest('ie10', function() {
	// http://stackoverflow.com/questions/9900311/how-do-i-target-only-internet-explorer-10-for-certain-situations-like-internet-e
	'use strict';
	var match = (/@cc_on!@/false && document.documentMode === 10);
	return match;
	});


	// IE11

	<!DOCTYPE html>
	<html>
	<head>
	<title>Image preview on realtime</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
	</head>
	<body>

	<h3>即時預覽Image</h3>