-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
170 lines (149 loc) · 9.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"><meta charset="utf-8">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="imagetoolbar" content="no">
<!-- Standard Metadata -->
<title>Placepuppy</title>
<link rel="canonical" href="http://placepuppy.it/" />
<link rel="shortlink" href="http://placepuppy.it/" />
<link rel="image_src" href="/images/homepage/6.jpg" />
<meta name="generator" content="Bluefish 2.0.3" />
<meta name="description" content="placepuppy.it are puppy placeholder images for developers">
<meta name="abstract" content="placepuppy.it serves images of cute puppies to placehold your designs or code. Web developers and designers can use it in their works to show fancier pictures than dull white boxes " />
<meta name="author" content="cristian" >
<meta name="keywords" content="puppy, placeholder, images, pictures, dog, pixel, breed, pet, hound">
<meta name="copyright" content="Cristian Consonni et al.">
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- Dublin Core Metadata -->
<meta name="DC.identifier" content="http://placepuppy.it" />
<meta name="DC.creator" lang="en" content="Cristian Consonni">
<meta name="DC.date.created" lang="en" content="2011-04-15">
<meta name="DC.date.modifed" lang="en" content="2014-08-18">
<meta name="DC.format" lang="en" content="text/html">
<meta name="DC.language" content="en">
<!-- Open Graph Metadata -->
<meta property="og:site_name" content="placepuppy">
<meta property="og:title" content="placepuppy">
<meta property="og:description" content="Puppy placeholder images for developers">
<meta property="og:type" content="website">
<meta property="og:image" content="http://placepuppy.it/100/100">
<meta property="og:url" content="http://placepuppy.it">
<!-- Navigation -->
<link rel="home" href="/">
<!-- Icons -->
<link rel="shortcut icon" href="/favicon.ico" type="image/png" />
<!-- CSS -->
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/placepuppy.css">
<!-- Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-22736537-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="page-homepage template-homepage section-homepage environment-live">
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.imageCloud.mini.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#unit-pictures-of-puppy-dogs").imageCloud({
width: 0.7*$(window).width(),
color: '#46464e',
link: true,
speed: 150,
borderSize: 3,
borderStyle: "groove",
borderRadius: 3
});
});
$(window).resize(function() {
$("#unit-pictures-of-puppy-dogs").imageCloud({
width: 0.7*$(window).width(),
color: '#46464e',
link: true,
speed: 150,
borderSize: 3,
borderStyle: "groove",
borderRadius: 3
});
});
</script>
<a id="github" href="/github">
<img id="github-ribbon-left" src="./images/homepage/forkme_left_gray_6d6d6d.png" alt="Fork me on GitHub">
</a>
<div id="container">
<div id="header">
<a href="./"><img id="image-h" src="./images/homepage/dog_track_logo.png" align="left" width="64" height="64" alt=""></a>
<h1>Placepuppy</h1>
</div>
<div id="left-column">
<p title="slogan">
<strong>The answer when you need pictures of cute puppies
to placehold your designs or code. You can trust them.</strong></p>
<p>
Just put your image size (width <span class="amp">&</span> height) after our URL and
you'll get a placeholder.
You can also choose the image you want with and add some text over the images.
So you can get your fully-customized placeholders for your layouts.
Check out the <b>dogs</b> and the <a href="/doc">docs</a>! ;-)
</p>
<span id="example-link">
<p><span id="like-this">Like this: </span><a href="/200/300">http://placepuppy.it/200/300</a></p>
</span>
</div>
<div id="right-column">
<img id="image-0" src="./images/homepage/6.jpg" alt="Démon le rottweiler">
</div>
<div id="primary-content">
<div id="unit-pictures-of-puppy-dogs">
<img id="image-1" src="./images/homepage/Afra_004.jpg" alt="Labrador Retriever" width="320" height="240">
<img id="image-2" src="./images/homepage/Beagle_puppy_6_weeks.JPG" alt="A purebread beagle puppy at 6 weeks old" width="251" height="188">
<img id="image-3" src="./images/homepage/Shar_Pei_puppies.jpg" alt="Shar-pei brothers sitting in a basket" width="400" height="300">
<img id="image-4" src="./images/homepage/Gera7tz.jpg" alt="Croatian sheepdog Mawlch Gera, 7 weeks old" width="405" height="300">
<img id="image-5" src="./images/homepage/English_Cocker_Spaniel_young.JPG" alt="5 months-old English Cocker Spaniel" width="396" height="297">
<img id="image-6" src="./images/homepage/Chihuahua_puppy.jpg" alt="A chihuahua puppy being held in one hand" width="512" height="384">
<img id="image-7" src="./images/homepage/Golden_Retriever_10weeks.jpg" alt="Ten week old Golden Retriever puppy" width="256" height="178">
<img id="image-8" src="./images/homepage/Jamnik_Dchshund_puppies.JPG" alt="Six-week-old dachshunds during play" width="268" height="192">
<img id="image-9" src="./images/homepage/Lhasa_Apso_puppy_basket.jpg" alt="A four-month-old Lhasa Apso puppy" width="338" height="253">
<img id="image-10" src="./images/homepage/Maltese_puppy_portrait.jpg" alt="A Maltese puppy" width="410" height="356">
<img id="image-11" src="./images/homepage/Nova_Scotia_Duck-Tolling_Retriever_cub.jpg" alt="Nova Scotia Duck-Tolling Retrievers cub" width="410" height="307">
<img id="image-12" src="./images/homepage/puppy_stand.jpg" alt="A cute puppy in the forest" width="267" height="320">
<img id="image-13" src="./images/homepage/Simonator_1235.jpg" alt="Pure-bred Yellow Labrador Retriever" width="438" height="395">
<img id="image-14" src="./images/homepage/Snow_dog.jpg" alt="A 13-week old Bernese Mountain Dog enjoying the snow" width="410" height="307">
<img id="image-15" src="./images/homepage/St._Bernard_puppy.jpg" alt="St. Bernard pup enjoying his first fall season" width="377" height="281">
<img id="image-16" src="./images/homepage/Un_chiot_de_race_Border_Collie_en_mai_2009.JPG" alt="A Border Collie puppy bred aged four weeks" width="365" height="274">
<img id="image-17" src="./images/homepage/Weim_Pups_001.jpg" alt="Three Weimaraner puppies" width="429" height="322">
<img id="image-18" src="./images/homepage/Mason_snow11-18-2008.jpg" alt="Puppy in the snow" width="512" height="384">
<img id="image-19" src="./images/homepage/Démon_le_rottweiler.JPG" alt="TDémon le rottweiler" width="285" height="188">
</div>
</div>
<div id="footer" role="contentinfo">
<p>Created by Cristian Consonni (<a href="http://www.google.com/recaptcha/mailhide/d?k=01PgiITYKTo-HNGndkc_FkiQ==&c=zSOcvENoPstbsszWfuLvkr_H9HcgGm_npQe5YGwZdFw=" onclick="window.open('http://www.google.com/recaptcha/mailhide/d?k\07501PgiITYKTo-HNGndkc_FkiQ\75\75\46c\75zSOcvENoPstbsszWfuLvkr_H9HcgGm_npQe5YGwZdFw\075', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" title="Reveal this e-mail address">contact me!</a>) <span class="amp">&</span> Melian del Doriath.</p>
<p>This site should be mobile-friendly, for those who need some puppy-cuteness while on the move.
You can also grab a complete copy of the site on <a href="/github">github</a>. The code is released under the <a href="http://www.gnu.org/licenses/gpl.html">GNU GPL license</a>, happy hacking!
The text are released under the <a href="creativecommons.org/licenses/by/3.0/">Creative Commons 3.0 - Attribution license</a>.
This mean that you can reuse the text provided you cite placepuppy.it.
Remember that any feedback is appreciated.
</p>
<p>Image attribution: <a href="attribution">attribution</a> & <a href="attribution#acknowledgements">acknowlegdements</a> ‐ documentation: <a href="/doc">docs</a>.</p>
<div id="ascii-puppy">
<pre>
_.-.
'( ^{_} (
`~\`-----'\
)_)---)_)</pre>This site is dedicated to Silvia "il cane" Tilly.
</div>
</div><!-- /#footer -->
</div><!-- /#container -->
</body>
</html>