Skip to content

Commit 2fe85cf

Browse files
ilikecssilikecss
committed
Create gh-pages branch via GitHub
1 parent 03d9bb2 commit 2fe85cf

File tree

4 files changed

+307
-30
lines changed

4 files changed

+307
-30
lines changed

‎index.html‎

Lines changed: 34 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,51 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
4-
<meta charset='utf-8'>
4+
<meta charset="utf-8">
55
<meta http-equiv="X-UA-Compatible" content="chrome=1">
6-
<link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
7-
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
8-
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
9-
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
6+
<title>ilikecss by ilikecss</title>
7+
8+
<link rel="stylesheet" href="stylesheets/styles.css">
9+
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
10+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
1011
<!--[if lt IE 9]>
1112
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
1213
<![endif]-->
13-
<title>ilikecss by ilikecss</title>
1414
</head>
15-
1615
<body>
17-
<div id="container">
18-
<div class="inner">
16+
<div class="wrapper">
17+
<header>
18+
<h1>ilikecss</h1>
19+
<p>CSS/HTML Tutorial, jQuery Tutorial, HTML5/CSS3 Tutorial</p>
1920

20-
<header>
21-
<h1>ilikecss</h1>
22-
<h2>CSS/HTML Tutorial, jQuery Tutorial, HTML5/CSS3 Tutorial</h2>
23-
</header>
21+
<p class="view"><a href="https://github.com/ilikecss/blog">View the Project on GitHub <small>ilikecss/blog</small></a></p>
2422

25-
<section id="downloads" class="clearfix">
26-
<a href="https://github.com/ilikecss/blog/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a>
27-
<a href="https://github.com/ilikecss/blog/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a>
28-
<a href="https://github.com/ilikecss/blog" id="view-on-github" class="button"><span>View on GitHub</span></a>
29-
</section>
3023

31-
<hr>
24+
<ul>
25+
<li><a href="https://github.com/ilikecss/blog/zipball/master">Download <strong>ZIP File</strong></a></li>
26+
<li><a href="https://github.com/ilikecss/blog/tarball/master">Download <strong>TAR Ball</strong></a></li>
27+
<li><a href="https://github.com/ilikecss/blog">View On <strong>GitHub</strong></a></li>
28+
</ul>
29+
</header>
30+
<section>
31+
<h1>blog</h1>
3232

33-
<section id="main_content">
34-
<h3>Welcome to ilikecss GitHub Pages.</h3>
35-
</section>
33+
<p>CSS/HTML Tutorials, jQuery Tutorials
34+
<a href="http://sunflowamedia.com/blog/"></a><a href="http://sunflowamedia.com/blog/">http://sunflowamedia.com/blog/</a></p>
3635

37-
<footer>
38-
ilikecss is maintained by <a href="https://github.com/ilikecss">ilikecss</a><br>
39-
This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.
40-
</footer>
36+
<h1>Demo</h1>
4137

42-
43-
</div>
38+
<ul>
39+
<li><a href="http://demo.sunflowamedia.com/20130111/">Simple jQuery Snippets</a></li>
40+
<li><a href="http://sunflowamedia.com/blog/tips-for-fix-image/">Tips for fix image</a></li>
41+
</ul>
42+
</section>
43+
<footer>
44+
<p>This project is maintained by <a href="https://github.com/ilikecss">ilikecss</a></p>
45+
<p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
46+
</footer>
4447
</div>
48+
<script src="javascripts/scale.fix.js"></script>
49+
4550
</body>
4651
</html>

‎javascripts/scale.fix.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
var metas = document.getElementsByTagName('meta');
2+
var i;
3+
if (navigator.userAgent.match(/iPhone/i)) {
4+
for (i=0; i<metas.length; i++) {
5+
if (metas[i].name == "viewport") {
6+
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
7+
}
8+
}
9+
document.addEventListener("gesturestart", gestureStart, false);
10+
}
11+
function gestureStart() {
12+
for (i=0; i<metas.length; i++) {
13+
if (metas[i].name == "viewport") {
14+
metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
15+
}
16+
}
17+
}

‎params.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"name":"ilikecss","tagline":"CSS/HTML Tutorial, jQuery Tutorial, HTML5/CSS3 Tutorial","body":"### Welcome to ilikecss GitHub Pages.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
1+
{"name":"ilikecss","tagline":"CSS/HTML Tutorial, jQuery Tutorial, HTML5/CSS3 Tutorial","body":"blog\r\n====\r\n\r\nCSS/HTML Tutorials, jQuery Tutorials\r\n<a href=\"http://sunflowamedia.com/blog/\">http://sunflowamedia.com/blog/</a>\r\n\r\nDemo\r\n====\r\n<ul>\r\n<li><a href=\"http://demo.sunflowamedia.com/20130111/\">Simple jQuery Snippets</a></li>\r\n<li><a href=\"http://sunflowamedia.com/blog/tips-for-fix-image/\">Tips for fix image</a></li>\r\n</ul>\r\n\r\n\r\n\r\n\r\n\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}

‎stylesheets/styles.css‎

Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
2+
3+
body {
4+
padding:50px;
5+
font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
6+
color:#777;
7+
font-weight:300;
8+
}
9+
10+
h1, h2, h3, h4, h5, h6 {
11+
color:#222;
12+
margin:0 0 20px;
13+
}
14+
15+
p, ul, ol, table, pre, dl {
16+
margin:0 0 20px;
17+
}
18+
19+
h1, h2, h3 {
20+
line-height:1.1;
21+
}
22+
23+
h1 {
24+
font-size:28px;
25+
}
26+
27+
h2 {
28+
color:#393939;
29+
}
30+
31+
h3, h4, h5, h6 {
32+
color:#494949;
33+
}
34+
35+
a {
36+
color:#39c;
37+
font-weight:400;
38+
text-decoration:none;
39+
}
40+
41+
a small {
42+
font-size:11px;
43+
color:#777;
44+
margin-top:-0.6em;
45+
display:block;
46+
}
47+
48+
.wrapper {
49+
width:860px;
50+
margin:0 auto;
51+
}
52+
53+
blockquote {
54+
border-left:1px solid #e5e5e5;
55+
margin:0;
56+
padding:0 0 0 20px;
57+
font-style:italic;
58+
}
59+
60+
code, pre {
61+
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
62+
color:#333;
63+
font-size:12px;
64+
}
65+
66+
pre {
67+
padding:8px 15px;
68+
background: #f8f8f8;
69+
border-radius:5px;
70+
border:1px solid #e5e5e5;
71+
overflow-x: auto;
72+
}
73+
74+
table {
75+
width:100%;
76+
border-collapse:collapse;
77+
}
78+
79+
th, td {
80+
text-align:left;
81+
padding:5px 10px;
82+
border-bottom:1px solid #e5e5e5;
83+
}
84+
85+
dt {
86+
color:#444;
87+
font-weight:700;
88+
}
89+
90+
th {
91+
color:#444;
92+
}
93+
94+
img {
95+
max-width:100%;
96+
}
97+
98+
header {
99+
width:270px;
100+
float:left;
101+
position:fixed;
102+
}
103+
104+
header ul {
105+
list-style:none;
106+
height:40px;
107+
108+
padding:0;
109+
110+
background: #eee;
111+
background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
112+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
113+
background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
114+
background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
115+
background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
116+
background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
117+
118+
border-radius:5px;
119+
border:1px solid #d2d2d2;
120+
box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
121+
width:270px;
122+
}
123+
124+
header li {
125+
width:89px;
126+
float:left;
127+
border-right:1px solid #d2d2d2;
128+
height:40px;
129+
}
130+
131+
header ul a {
132+
line-height:1;
133+
font-size:11px;
134+
color:#999;
135+
display:block;
136+
text-align:center;
137+
padding-top:6px;
138+
height:40px;
139+
}
140+
141+
strong {
142+
color:#222;
143+
font-weight:700;
144+
}
145+
146+
header ul li + li {
147+
width:88px;
148+
border-left:1px solid #fff;
149+
}
150+
151+
header ul li + li + li {
152+
border-right:none;
153+
width:89px;
154+
}
155+
156+
header ul a strong {
157+
font-size:14px;
158+
display:block;
159+
color:#222;
160+
}
161+
162+
section {
163+
width:500px;
164+
float:right;
165+
padding-bottom:50px;
166+
}
167+
168+
small {
169+
font-size:11px;
170+
}
171+
172+
hr {
173+
border:0;
174+
background:#e5e5e5;
175+
height:1px;
176+
margin:0 0 20px;
177+
}
178+
179+
footer {
180+
width:270px;
181+
float:left;
182+
position:fixed;
183+
bottom:50px;
184+
}
185+
186+
@media print, screen and (max-width: 960px) {
187+
188+
div.wrapper {
189+
width:auto;
190+
margin:0;
191+
}
192+
193+
header, section, footer {
194+
float:none;
195+
position:static;
196+
width:auto;
197+
}
198+
199+
header {
200+
padding-right:320px;
201+
}
202+
203+
section {
204+
border:1px solid #e5e5e5;
205+
border-width:1px 0;
206+
padding:20px 0;
207+
margin:0 0 20px;
208+
}
209+
210+
header a small {
211+
display:inline;
212+
}
213+
214+
header ul {
215+
position:absolute;
216+
right:50px;
217+
top:52px;
218+
}
219+
}
220+
221+
@media print, screen and (max-width: 720px) {
222+
body {
223+
word-wrap:break-word;
224+
}
225+
226+
header {
227+
padding:0;
228+
}
229+
230+
header ul, header p.view {
231+
position:static;
232+
}
233+
234+
pre, code {
235+
word-wrap:normal;
236+
}
237+
}
238+
239+
@media print, screen and (max-width: 480px) {
240+
body {
241+
padding:15px;
242+
}
243+
244+
header ul {
245+
display:none;
246+
}
247+
}
248+
249+
@media print {
250+
body {
251+
padding:0.4in;
252+
font-size:12pt;
253+
color:#444;
254+
}
255+
}

0 commit comments

Comments
 (0)