Skip to content

Commit dffc34f

Browse files
amygoriamygori
committed
Initial commit
0 parents  commit dffc34f

12 files changed

+284
-0
lines changed

‎.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Include your project-specific ignores in this file
2+
# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files

‎404.html

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Page Not Found</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<style>
8+
9+
* {
10+
line-height: 1.2;
11+
margin: 0;
12+
}
13+
14+
html {
15+
color: #888;
16+
display: table;
17+
font-family: sans-serif;
18+
height: 100%;
19+
text-align: center;
20+
width: 100%;
21+
}
22+
23+
body {
24+
display: table-cell;
25+
vertical-align: middle;
26+
margin: 2em auto;
27+
}
28+
29+
h1 {
30+
color: #555;
31+
font-size: 2em;
32+
font-weight: 400;
33+
}
34+
35+
p {
36+
margin: 0 auto;
37+
width: 280px;
38+
}
39+
40+
@media only screen and (max-width: 280px) {
41+
42+
body, p {
43+
width: 95%;
44+
}
45+
46+
h1 {
47+
font-size: 1.5em;
48+
margin: 0 0 0.3em;
49+
}
50+
51+
}
52+
53+
</style>
54+
</head>
55+
<body>
56+
<h1>Page Not Found</h1>
57+
<p>Sorry, but the page you were trying to view does not exist.</p>
58+
</body>
59+
</html>
60+
<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->

‎favicon.ico

766 Bytes
Binary file not shown.

‎images/adorbs_kitteh.jpg

25.9 KB
Loading

‎images/cat_sleeping_train.jpg

310 KB
Loading

‎images/kittehs_in_boxes.jpg

78.1 KB
Loading

‎images/kitty_in_glass.jpg

99.4 KB
Loading

‎images/not_sausage_cat.jpg

363 KB
Loading

‎images/sleeping-cat.jpg

171 KB
Loading

‎index.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!doctype html>
2+
<html class="no-js" lang="">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6+
<title></title>
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
10+
<link rel="stylesheet" href="styles.css">
11+
12+
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
13+
</head>
14+
<body>
15+
16+
<h1>Let's develop it!</h1>
17+
18+
<img src="images/adorbs_kitteh.jpg"
19+
20+
<script src="js/plugins.js"></script>
21+
<script src="js/main.js"></script>
22+
</body>
23+
</html>

‎js/main.js

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

‎styles.css

+198
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,198 @@
1+
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
2+
3+
html {
4+
color: #222;
5+
font-size: 1em;
6+
line-height: 1.4;
7+
}
8+
9+
body {
10+
background-color: #fbcfc6;
11+
color: #282828;
12+
}
13+
14+
::-moz-selection {
15+
background: #b3d4fc;
16+
text-shadow: none;
17+
}
18+
19+
::selection {
20+
background: #b3d4fc;
21+
text-shadow: none;
22+
}
23+
24+
hr {
25+
display: block;
26+
height: 1px;
27+
border: 0;
28+
border-top: 1px solid #ccc;
29+
margin: 1em 0;
30+
padding: 0;
31+
}
32+
33+
audio,
34+
canvas,
35+
iframe,
36+
img,
37+
svg,
38+
video {
39+
vertical-align: middle;
40+
}
41+
42+
fieldset {
43+
border: 0;
44+
margin: 0;
45+
padding: 0;
46+
}
47+
48+
textarea {
49+
resize: vertical;
50+
}
51+
52+
.browserupgrade {
53+
margin: 0.2em 0;
54+
background: #ccc;
55+
color: #000;
56+
padding: 0.2em 0;
57+
}
58+
59+
60+
61+
62+
63+
64+
65+
66+
67+
68+
69+
70+
71+
72+
73+
/* ==========================================================================
74+
Media Queries
75+
========================================================================== */
76+
77+
@media only screen and (min-width: 35em) {
78+
79+
}
80+
81+
@media print,
82+
(-o-min-device-pixel-ratio: 5/4),
83+
(-webkit-min-device-pixel-ratio: 1.25),
84+
(min-resolution: 120dpi) {
85+
86+
}
87+
88+
/* ==========================================================================
89+
Helper classes
90+
========================================================================== */
91+
92+
.hidden {
93+
display: none !important;
94+
visibility: hidden;
95+
}
96+
97+
.visuallyhidden {
98+
border: 0;
99+
clip: rect(0 0 0 0);
100+
height: 1px;
101+
margin: -1px;
102+
overflow: hidden;
103+
padding: 0;
104+
position: absolute;
105+
width: 1px;
106+
}
107+
108+
.visuallyhidden.focusable:active,
109+
.visuallyhidden.focusable:focus {
110+
clip: auto;
111+
height: auto;
112+
margin: 0;
113+
overflow: visible;
114+
position: static;
115+
width: auto;
116+
}
117+
118+
.invisible {
119+
visibility: hidden;
120+
}
121+
122+
.clearfix:before,
123+
.clearfix:after {
124+
content: " ";
125+
display: table;
126+
}
127+
128+
.clearfix:after {
129+
clear: both;
130+
}
131+
132+
.clearfix {
133+
*zoom: 1;
134+
}
135+
136+
/* ==========================================================================
137+
Print styles
138+
========================================================================== */
139+
140+
@media print {
141+
*,
142+
*:before,
143+
*:after {
144+
background: transparent !important;
145+
color: #000 !important;
146+
box-shadow: none !important;
147+
text-shadow: none !important;
148+
}
149+
150+
a,
151+
a:visited {
152+
text-decoration: underline;
153+
}
154+
155+
a[href]:after {
156+
content: " (" attr(href) ")";
157+
}
158+
159+
abbr[title]:after {
160+
content: " (" attr(title) ")";
161+
}
162+
163+
a[href^="#"]:after,
164+
a[href^="javascript:"]:after {
165+
content: "";
166+
}
167+
168+
pre,
169+
blockquote {
170+
border: 1px solid #999;
171+
page-break-inside: avoid;
172+
}
173+
174+
thead {
175+
display: table-header-group;
176+
}
177+
178+
tr,
179+
img {
180+
page-break-inside: avoid;
181+
}
182+
183+
img {
184+
max-width: 100% !important;
185+
}
186+
187+
p,
188+
h2,
189+
h3 {
190+
orphans: 3;
191+
widows: 3;
192+
}
193+
194+
h2,
195+
h3 {
196+
page-break-after: avoid;
197+
}
198+
}

0 commit comments

Comments
 (0)