Skip to content

Commit ccdd512

Browse files
committed
add weixin support
1 parent 078ed19 commit ccdd512

29 files changed

+441
-26
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,4 @@ To know the function of each line just check `cool-head-with-comment.html`
77

88
(*Note*: Order sensitive with `.js` & `.css`)
99

10-
![cool-demo](https://github.com/hzlzh/cool-head/raw/master/cool-head-thumb.png)
10+
![cool-demo](https://github.com/hzlzh/cool-head/raw/master/screenshot.png)
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE HTML>
2+
<html lang="en-US" dir="ltr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<title>cool-head</title>
7+
<meta name="keywords" content="" />
8+
<meta name="description" content="" />
9+
<meta name="apple-mobile-web-app-capable" content="no" />
10+
<!-- <meta name="format-detection" content="telephone=no"> -->
11+
<style>
12+
/* Inline css needed */
13+
</style>
14+
</head>
15+
<body>
16+
<header>
17+
header
18+
</header>
19+
<article>
20+
<p>body</p>
21+
</article>
22+
<footer>
23+
footer
24+
</footer>
25+
<script type="text/javascript">
26+
// here the post-load JS starts.
27+
</script>
28+
</body>
29+
</html>

cool-head-WAP2.0.html

+5-25
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,10 @@
1-
<?xml version="1.0" encoding="utf-8"?>
2-
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
3-
<!-- XHTML Mobile 1.0 -->
4-
<html xmlns="http://www.w3.org/1999/xhtml">
1+
<!doctype html>
2+
<html lang="en-US">
53
<head>
6-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
7-
<meta http-equiv="Cache-Control" content="no-cache"/>
8-
<!-- content="max-age=1700" -->
9-
<meta name="viewport" content="width=device-width; initial-scale=1.3; minimum-scale=1.0; maximum-scale=2.0"/>
10-
<!-- WAP2.0 viewport -->
11-
<meta name="MobileOptimized" content="240" />
12-
<!-- Tells the mobile browser the screen width that the page has been optimized for. Not very effective for devices with different screen widths -->
13-
<meta name="revisit-after" content="1 days" />
14-
<meta name="keywords" content="" />
15-
<meta name="description" content="" />
16-
<meta name="format-detection" content="telephone=no" />
17-
<!-- Disable auto phone number detection -->
18-
<style type="text/css">
19-
/* CSS Reset */
20-
21-
/* Main CSS */
22-
</style>
4+
<meta charset="UTF-8">
5+
<title></title>
236
</head>
247
<body>
25-
<p>cool-head for WAP 2.0</p>
26-
<script type="text/javascript">
27-
// JS
28-
</script>
8+
299
</body>
3010
</html>

cool-head-WeiXin.html

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE HTML>
2+
<html lang="en-US" dir="ltr">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6+
<title>cool-head</title>
7+
<meta name="keywords" content="" />
8+
<meta name="description" content="" />
9+
<meta name="apple-mobile-web-app-capable" content="no" />
10+
<!-- <meta name="format-detection" content="telephone=no"> -->
11+
<style>
12+
/* Inline css needed */
13+
</style>
14+
</head>
15+
<body>
16+
<header>
17+
header
18+
</header>
19+
<article>
20+
<p>body</p>
21+
</article>
22+
<footer>
23+
footer
24+
</footer>
25+
<script type="text/javascript">
26+
// here the post-load JS starts.
27+
</script>
28+
</body>
29+
</html>
File renamed without changes.

css/reset.css

+166
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
/*
2+
* HTML5 Boilerplate
3+
*
4+
* What follows is the result of much research on cross-browser styling.
5+
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6+
* Kroc Camen, and the H5BP dev community and team.
7+
*/
8+
/* ==========================================================================
9+
Base styles: opinionated defaults
10+
========================================================================== */
11+
html,
12+
button,
13+
input,
14+
select,
15+
textarea {
16+
color: #222;
17+
}
18+
body {
19+
font-size: 1em;
20+
line-height: 1.4;
21+
}
22+
/*
23+
* Remove text-shadow in selection highlight: h5bp.com/i
24+
* These selection declarations have to be separate.
25+
* Customize the background color to match your design.
26+
*/
27+
::-moz-selection {
28+
background: #b3d4fc;
29+
text-shadow: none;
30+
}
31+
::selection {
32+
background: #b3d4fc;
33+
text-shadow: none;
34+
}
35+
/*
36+
* A better looking default horizontal rule
37+
*/
38+
hr {
39+
display: block;
40+
height: 1px;
41+
border: 0;
42+
border-top: 1px solid #ccc;
43+
margin: 1em 0;
44+
padding: 0;
45+
}
46+
/*
47+
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
48+
*/
49+
img {
50+
vertical-align: middle;
51+
}
52+
/*
53+
* Remove default fieldset styles.
54+
*/
55+
fieldset {
56+
border: 0;
57+
margin: 0;
58+
padding: 0;
59+
}
60+
/*
61+
* Allow only vertical resizing of textareas.
62+
*/
63+
textarea {
64+
resize: vertical;
65+
}
66+
/* ==========================================================================
67+
Chrome Frame prompt
68+
========================================================================== */
69+
.chromeframe {
70+
margin: 0.2em 0;
71+
background: #ccc;
72+
color: #000;
73+
padding: 0.2em 0;
74+
}
75+
/* ==========================================================================
76+
Author's custom styles
77+
========================================================================== */
78+
/* ==========================================================================
79+
Helper classes
80+
========================================================================== */
81+
/*
82+
* Image replacement
83+
*/
84+
.ir {
85+
background-color: transparent;
86+
border: 0;
87+
overflow: hidden;
88+
/* IE 6/7 fallback */
89+
90+
*text-indent: -9999px;
91+
}
92+
.ir:before {
93+
content: "";
94+
display: block;
95+
width: 0;
96+
height: 100%;
97+
}
98+
/*
99+
* Hide from both screenreaders and browsers: h5bp.com/u
100+
*/
101+
.hidden {
102+
display: none !important;
103+
visibility: hidden;
104+
}
105+
/*
106+
* Hide only visually, but have it available for screenreaders: h5bp.com/v
107+
*/
108+
.visuallyhidden {
109+
border: 0;
110+
clip: rect(0 0 0 0);
111+
height: 1px;
112+
margin: -1px;
113+
overflow: hidden;
114+
padding: 0;
115+
position: absolute;
116+
width: 1px;
117+
}
118+
/*
119+
* Extends the .visuallyhidden class to allow the element to be focusable
120+
* when navigated to via the keyboard: h5bp.com/p
121+
*/
122+
.visuallyhidden.focusable:active,
123+
.visuallyhidden.focusable:focus {
124+
clip: auto;
125+
height: auto;
126+
margin: 0;
127+
overflow: visible;
128+
position: static;
129+
width: auto;
130+
}
131+
/*
132+
* Hide visually and from screenreaders, but maintain layout
133+
*/
134+
.invisible {
135+
visibility: hidden;
136+
}
137+
/*
138+
* Clearfix: contain floats
139+
*
140+
* For modern browsers
141+
* 1. The space content is one way to avoid an Opera bug when the
142+
* `contenteditable` attribute is included anywhere else in the document.
143+
* Otherwise it causes space to appear at the top and bottom of elements
144+
* that receive the `clearfix` class.
145+
* 2. The use of `table` rather than `block` is only necessary if using
146+
* `:before` to contain the top-margins of child elements.
147+
*/
148+
.clearfix:before,
149+
.clearfix:after {
150+
content: " ";
151+
/* 1 */
152+
153+
display: table;
154+
/* 2 */
155+
156+
}
157+
.clearfix:after {
158+
clear: both;
159+
}
160+
/*
161+
* For IE 6/7 only
162+
* Include this rule to trigger hasLayout and contain floats.
163+
*/
164+
.clearfix {
165+
*zoom: 1;
166+
}

0 commit comments

Comments
 (0)