This repository has been archived by the owner on Feb 11, 2019. It is now read-only.
forked from tholman/meettheipsums
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
748 lines (678 loc) · 38 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
<!doctype html>
<html>
<head>
<title> Meet the Ipsums </title>
<meta name="description" content="Where all Ipsums come together"/>
<!-- CSS -->
<link href='./css/styles.css' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel|Roboto+Slab:400,300,700,100' rel='stylesheet' type='text/css'>
<!-- META -->
<meta property="og:title" content="Meet The Ipsums"/>
<meta property="og:url" content="http://meettheipsums.com"/>
<meta property="og:description" content="Where all Ipsums come together"/>
</head>
<body>
<div class="fixed-title">
<div class="heading">
Meet <span class="kerning"></span> the Ipsums
</div>
<div class="share-links">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Meet the Ipsums by @twholman & @claudioguglieri ~" data-align="right">Tweet</a>
<div class="fb-like" data-href="http://meettheipsums.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
</div>
</div>
<header>
<article class="active" style="background: rgb(114, 194, 238); color: rgb(210, 240, 255);">
<div class="feature">
Featuring Cat ipsum
</div>
<div class="text">
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
</div>
<div class="options">
<span class="intro">Ipsum available at </span><a href="http://www.catipsum.com/"> Cat ipsum </a>
</div>
</article>
<article class="" style="background: rgb(86, 231, 173); color: rgb(247, 255, 252);">
<div class="feature">
Featuring Tuna ipsum
</div>
<div class="text">
European minnow priapumfish mosshead warbonnet shrimpfish bigscale. Cutlassfish porbeagle shark ricefish walking catfish glassfish Black swallower.
</div>
<div class="options">
<span class="intro">Ipsum available at </span><a href="http://tunaipsum.com/">Tuna ipsum </a>
</div>
</article>
<article class="" style="background: rgb(207, 70, 70); color: rgb(245, 189, 189);">
<div class="feature">
Featuring Corporate ipsum
</div>
<div class="text">
Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar.
</div>
<div class="options">
<span class="intro">Ipsum available at </span><a href="http://www.cipsum.com/"> Corporate ipsum </a>
</div>
</article>
<article class="" style="background: rgb(156, 118, 185); color: rgb(255, 255, 255);">
<div class="feature">
Featuring Tina Belcher ipsum
</div>
<div class="text">
Here's a bunch of numbers. They may look random but they're my phone number. I'm no hero. I just put my bra on one boob at a time. She grabbed Jimmy Jr's butt and changed the world.
</div>
<div class="options">
<span class="intro">Ipsum available at </span><a href="http://tinaipsum.rocks/"> Tina Belcher ipsum </a>
</div>
</article>
</header>
<section class="links">
<ul>
<!-- Lorem -->
<li>
<div class="title">Lorem ipsum</div>
<div class="sample" style="color: #2B2A29;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.lipsum.com/" target="_blank">Lorem ipsum</a>
</div>
</li>
<!-- Coffee -->
<li>
<div class="title">Coffee ipsum</div>
<div class="sample" style="color: #B46318;">
Irish skinny, grinder affogato, dark, sweet carajillo, flavour seasonal aroma single origin cream. Percolator, foam, arabica, decaffeinated bar brewed aromatic.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://coffeeipsum.com/" target="_blank">Coffee ipsum</a>
</div>
</li>
<!-- Cat -->
<li>
<div class="title">Cat ipsum</div>
<div class="sample" style="color: rgb(172, 220, 243);">
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.catipsum.com/" target="_blank">Cat ipsum</a>
</div>
</li>
<!-- Bluth Ipsum -->
<li>
<div class="title">Bluth ipsum</div>
<div class="sample" style="color: #AE3880;">
I'm gonna build me an airport, put my name on it. Why, Michael? So you can fly away from your feelings? I don't care if it takes from now till the end of Shrimpfest.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://bluthipsum.com/" target="_blank">Bluth ipsum</a>
</div>
</li>
<!-- Cupcake -->
<li>
<div class="title">Cupcake ipsum</div>
<div class="sample" style="color: #E57FE9;">
Jelly-o sesame snaps halvah croissant oat cake cookie. Cheesecake bear claw topping. Chupa chups apple pie carrot cake chocolate cake caramels.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.cupcakeipsum.com/" target="_blank">Cupcake Ipsum</a>
</div>
</li>
<!-- Corporate -->
<li>
<div class="title">Corporate ipsum</div>
<div class="sample" style="color: #815F47;">
Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.cipsum.com/" target="_blank">Corporate ipsum</a>
</div>
</li>
<!-- TV -->
<li>
<div class="title">TV ipsum</div>
<div class="sample" style="color: #FF8200;">
Here's the story of a man named Brady who was busy with three boys of his own., Michael Knight a young loner on a crusade to champion the cause of the innocent.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://tvipsum.com/?paragraphs=5" target="_blank">TV ipsum</a>
</div>
</li>
<!-- Zombie -->
<li>
<div class="title">Zombie ipsum</div>
<div class="sample" style="color: #B93A3E;">
De braaaiiiins apocalypsi gorger omero prefrontal cortex undead survivor fornix dictum mauris. Hi brains mindless mortuis limbic cortex soulless creaturas optic nerve.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.zombieipsum.com/" target="_blank">Zombie ipsum</a>
</div>
</li>
<!-- Hipster -->
<li>
<div class="title">Hipster ipsum</div>
<div class="sample" style="color: #815F47;">
Neutra flexitarian farm-to-table, mlkshk leggings retro thundercats shoreditch blue bottle tattooed street art. Twee plaid Banksy, Cosby sweater meggings messenger bag sriracha keytar.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://hipsteripsum.me/?paras=4&type=hipster-centric" target="_blank">Hipster ipsum</a>
</div>
</li>
<!-- Pommie -->
<li>
<div class="title">Pommie ipsum</div>
<div class="sample" style="color: #AE3880;">
Bugger bag egg's old boy willy jolly scrote munta skive pillock, bloody shambles nose rag blummin' scrote narky ever so, lass fork out flabbergasted sod's law penny-dreadful ever so lovely.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.pommyipsum.com/" target="_blank">Pommy ipsum</a>
</div>
</li>
<!-- Cheese -->
<li>
<div class="title">Cheese ipsum</div>
<div class="sample" style="color: #E0CC36;">
Caerphilly swiss fromage frais. Brie cheese and wine fromage frais chalk and cheese danish fontina smelly cheese who moved my cheese cow.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.cheeseipsum.co.uk/" target="_blank">Cheese ipsum</a>
</div>
</li>
<!-- Gangsta -->
<li>
<div class="title">Gangsta ipsum</div>
<div class="sample" style="color: #9C76B9;">
Lorizzle ipsizzle dolizzle pizzle go to hizzle, fo shizzle my nizzle boofron. Fo shizzle my nizzle sapien velizzle, away volutpat, suscipit quizzle, gravida vizzle eget for sure.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://lorizzle.nl/?feed=1" target="_blank">Gangsta ipsum</a>
</div>
</li>
<!-- Samuel L -->
<li>
<div class="title">Samuel L ipsum</div>
<div class="sample" style="color: #E20000;">
Do you see any Teletubbies in here? The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Your bones don't break, mine do.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://slipsum.com/" target="_blank">Samuel L ipsum</a>
</div>
</li>
<!-- Sagan -->
<li>
<div class="title">Sagan ipsum</div>
<div class="sample" style="color: #799DB1;">
Trillion a very small stage in a vast cosmic arena. Cosmic ocean, courage of our questions intelligent beings Flatland consciousness citizens of distant epochs? Decipherment.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://saganipsum.com/" target="_blank">Sagan ipsum</a>
</div>
</li>
<!-- Bacon -->
<li>
<div class="title">Bacon ipsum</div>
<div class="sample" style="color: #EC696D;">
Bacon swine leberkas, ham hock flank beef venison pork belly. Tongue capicola pork chop strip steak ribeye. Sausage short ribs ribeye kielbasa fatback jerky swine corned beef venison.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://baconipsum.com/?paras=5&type=all-meat" target="_blank">Bacon ipsum</a>
</div>
</li>
<!-- Skate -->
<li>
<div class="title">Skate ipsum</div>
<div class="sample" style="color: #385EAE;">
Drop in axle roll-in rail slide noseblunt slide Steve Severin impossible. Darkslide street mute-air bail Independent goofy footed opposite footed. Steps sick lien air hanger.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://skateipsum.com/" target="_blank">Skate ipsum</a>
</div>
</li>
<!-- Lebowskii -->
<li>
<div class="title">Lebowskii ipsum</div>
<div class="sample" style="color: #AE3884;">
I got buddies who died face-down in the mud so you and I could enjoy this family restaurant! Dolor sit amet, consectetur adipiscing elit praesent ac.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.lebowskiipsum.com/" target="_blank">Lebowskii ipsum</a>
</div>
</li>
<!-- Pirate -->
<li>
<div class="title">Pirate ipsum</div>
<div class="sample" style="color: #525353;">
Nipperkin run a rig ballast chase Shiver me timbers Spanish Main driver lass six pounders clipper. Nipperkin yawl Spanish Main crimp Cat o'nine tails jib keelhaul topmast.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://pirateipsum.me/" target="_blank">Pirate ipsum</a>
</div>
</li>
<!-- Vegas -->
<li>
<div class="title">Vegas ipsum</div>
<div class="sample" style="color: #E081DD;">
The palms margaritaville shuffle flush score all in bellagio; fifth street treasure island pot insurance caesar's palace chips. Margaritaville loose hit bust pot payoff treasure island?
</div>
<div class="link">
<span>full text available at</span>
<a href="http://vegasipsum.com/" target="_blank">Vegas ipsum</a>
</div>
</li>
<!-- Beer -->
<li>
<div class="title">Beer ipsum</div>
<div class="sample" style="color: #F5B921;">
Cask length filter pub, conditioning tank. Length crystal malt brew squares additive abbey craft beer biere de garde. Priming mouthfeel krausen wort cold filter bacterial.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://beeripsum.com/" target="_blank">Beer ipsum</a>
</div>
</li>
<!-- Gag -->
<li>
<div class="title">Gag ipsum</div>
<div class="sample" style="color: #BC63D3;">
I Lied on scumbag sandwich friend kitchen woman in nerd angry birds. Unsave face aww yeah geek in class bra if you know what i mean haters gonna hate painfull dad.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://gagipsum.com/" target="_blank">Gag ipsum</a>
</div>
</li>
<!-- Tuna -->
<li>
<div class="title">Tuna ipsum</div>
<div class="sample" style="color: rgb(105, 170, 144);">
European minnow priapumfish mosshead warbonnet shrimpfish bigscale. Cutlassfish porbeagle shark ricefish walking catfish glassfish Black swallower.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://tunaipsum.com/" target="_blank">Tuna ipsum</a>
</div>
</li>
<!-- IT Crowd Ipsum -->
<li>
<div class="title">IT Crowd ipsum</div>
<div class="sample" style="color: rgb(253, 170, 115);">
Oh my God. I didn't even know Smarties made a cereal. They don't. It's just Smarties in a bowl with milk. If anyone was ever rude to me, I used to carry their food around in my trousers.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://itcrowdipsum.com/" target="_blank">IT Crowd ipsum</a>
</div>
</li>
<!-- Bogan -->
<li>
<div class="title">Bogan ipsum</div>
<div class="sample" style="color: #A35219;">
Trent from punchy booze bus with lets throw a amber fluid. As cross as a vb how we're going christmas. As cunning as a sunnies how as stands out like dunny rat.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.boganipsum.com/" target="_blank">Bogan ipsum</a>
</div>
</li>
<!-- Monocle -->
<li>
<div class="title">Monocle ipsum</div>
<div class="sample" style="color: #BB666D;">
Hand-crafted exclusive finest tote bag Ettinger, emerging joy Gaggenau. Melbourne liveable conversation, sophisticated Helsinki smart extraordinary delightful soft power.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.monocleipsum.com/" target="_blank">Monocle ipsum</a>
</div>
</li>
<!-- Charlie Sheen -->
<li>
<div class="title">Sheen ipsum</div>
<div class="sample" style="color: #5AB2D4;">
Clearly, someone who believes he is above the law. Well, you've been warned, dude. Bring it. I am every character in between, save for that little weirdo with his guts strapped in.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://vaticanassass.in/" target="_blank">Sheen ipsum</a>
</div>
</li>
<!-- Riker Ipsum -->
<li>
<div class="title">Riker ipsum</div>
<div class="sample" style="color: #727272;">
I'll be sure to note that in my log. And blowing into maximum warp speed, you appeared for an instant to be in two places at once. How long can two people talk about nothing?
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.rikeripsum.com/" target="_blank">Riker ipsum</a>
</div>
</li>
<!-- Baby Ipsum -->
<li>
<div class="title">Baby ipsum</div>
<div class="sample" style="color: #E272DE;">
Da yaya dada laa laa yaya poo-poo yaya ga laa wuv. Doo gaa doo doo ya doodoo gaagaa doo. Ga goo laa gaagaa goo ya yaya gaagaa. Ga dada ga laa laa laa dada dada doo.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.babyipsum.com/" target="_blank">Baby ipsum</a>
</div>
</li>
<!-- Pahu Ipsum -->
<li>
<div class="title">Pahu ipsum</div>
<div class="sample" style="color: #E08857;">
Ko te moemoea a Maui kia haere ngatahi ai ratou ko ona tuakana ki te hii ika. I te hokinga mai o ona tuakana ki tatahi, ka kii atu a Maui. Engari, ko te whakautu o ona tuakana ki a ia ano.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.pahu.maori.nz/" target="_blank">Pahu ipsum</a>
</div>
</li>
<!-- Halloumi Ipsum -->
<li>
<div class="title">Halloumi ipsum</div>
<div class="sample" style="color: #E0D057;">
Maecenas blandit odio eget massa feugiat vel pulvinar ante fried. Vivamus sollicitudin, mi quis salty dignissim, elit tortor cursus nunc, nec pulvinar neque ante vitae sapien.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://halloumipsum.com/" target="_blank">Halloumi ipsum</a>
</div>
</li>
<!-- Melbourne Ipsum -->
<li>
<div class="title">Melbourne ipsum</div>
<div class="sample" style="color: #4BA4E9;">
North melbourne shinboners the city loop, avalon is so not melb trams formula one grand prix footy south of the river, flemington racecourse world's most liveable city.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.melbourneipsum.com.au/" target="_blank">Melbourne ipsum</a>
</div>
</li>
<!-- Picksum Sheen -->
<li>
<div class="title">Picksum ipsum</div>
<div class="sample" style="color: #9B281E;">
When a naked man's chasing a woman through an alley with a butcher knife and a hard-on, i figure he's not out collecting for the red cross.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.picksumipsum.co.uk/" target="_blank">Picksum ipsum</a>
</div>
</li>
<!-- Alien Ipsum -->
<li>
<div class="title">Alien ipsum</div>
<div class="sample" style="color: #57B446;">
Ancient religions pyramids DNA manipulation flying vessels space time Mahabharata, inter-dimensional mercury Machu Picchu mystery King Soloman, ancient alien worm hole.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://ancientalienipsum.com/" target="_blank">Alien ipsum</a>
</div>
</li>
<!-- Ed Balls Ipsum -->
<li>
<div class="title">Ed balls ipsum</div>
<div class="sample" style="color: #E7657F;">
Ed balls ed balls ed balls ed balls ed balls. Ed balls, ed balls ed balls ed balls ed balls ed balls.Ed balls ed balls, ed balls ed balls ed balls ed balls ed balls.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://edballsipsum.com/" target="_blank">Ed balls ipsum</a>
</div>
</li>
<!-- Metaphor -->
<li>
<div class="title">Metaphor ipsum</div>
<div class="sample" style="color: #7C817B;">
A writer is an eerie plastic. Some assert that they were lost without the unpriced dentist that composed their french. A sailboat is a twelvefold visitor.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://metaphorpsum.com" target="_blank">Metaphor ipsum</a>
</div>
</li>
<!-- Obama Ipsum -->
<li>
<div class="title">Obama ipsum</div>
<div class="sample" style="color: rgb(151, 63, 5);">
It's a journey that takes us back to our nation's founding, when none other than a UCC church inspired the Boston Tea Party and helped bring an Empire to its knees.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://obamaipsum.com/" target="_blank">Obama ipsum</a>
</div>
</li>
<!-- Jony -->
<li>
<div class="title">Jony ipsum</div>
<div class="sample" style="color: #4672B4;">
Mavericks reality distortion gradients attenuation. Thought through and through notifications transparency game center multitasking aluminum advanced desktop operating system genius bar.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://jonyipsum.com/" target="_blank">Jony ipsum</a>
</div>
</li>
<!-- Cajun -->
<li>
<div class="title">Cajun ipsum</div>
<div class="sample" style="color: #F0725A;">
Fishing cayenne bisque cayenne viens ci red beans & rice ca c'est bon merci beaucoup. Boudreaux sauce piquante etoufee yams crawfish po-boy.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://cajunipsum.com/" target="_blank">Cajun ipsum</a>
</div>
</li>
<!-- Space -->
<li>
<div class="title">Space ipsum</div>
<div class="sample" style="color: #3AA3B1;">
The regret on our side is, they used to say years ago, we are reading about you in science class. Now they say, we are reading about you in history class.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://spaceipsum.com/" target="_blank">Space ipsum</a>
</div>
</li>
<!-- Batman -->
<li>
<div class="title">Batman ipsum</div>
<div class="sample" style="color: #252525;">
Breathe in your fears. Face them. To conquer fear, you must become fear. You must bask in the fear of other men. And men fear most what they cannot see. You have to become a terrible thought.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://batman-ipsum.com/" target="_blank">Batman ipsum</a>
</div>
</li>
<!-- Designer -->
<li>
<div class="title">Designer ipsum</div>
<div class="sample" style="color: #FA1B41;">
From hero message modular scale constraints behavior change sketches helvetica. Pencil interaction design rule of thirds figure-ground behavior change vector interactive urbanized bevel.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.designeripsum.com/" target="_blank">Designer Ipsum</a>
</div>
</li>
<!-- Minion -->
<li>
<div class="title">Minion ipsum</div>
<div class="sample" style="color: #FFCB27;">
Daa ti aamoo! Aaaaaah la bodaaa wiiiii uuuhhh po kass. Hana dul sae baboiii jeje gelatooo bappleees BEE DO BEE DO BEE DO poulet tikka masala. Uuuhhh aaaaaah baboiii hahaha hana dul sae.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.minionsipsum.com/" target="_blank">Minion Ipsum</a>
</div>
</li>
<!-- Jamaican -->
<li>
<div class="title">Jamaican ipsum</div>
<div class="sample" style="color: #006837;">
Once upon a time, Brother Anancy and his good friend, Brother Lion were hungry and were in the mood for something tasty to eat. They decided that they wanted to have some chicken at Island Grill.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://jamaicanipsum.com/" target="_blank">Jamaican Ipsum</a>
</div>
</li>
<!-- Chiquito -->
<li>
<div class="title">Chiquito ipsum</div>
<div class="sample" style="color: #AED4DB;">
Ese pedazo de no puedor a peich no te digo trigo por no llamarte Rodrigor papaar papaar llevame al sircoo papaar papaar pecador.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.chiquitoipsum.com/" target="_blank">Chiquito Ipsum</a>
</div>
</li>
<!-- Savage -->
<li>
<div class="title">Savage ipsum</div>
<div class="sample" style="color: #F46E30;">
Vertical suplex diamond dallas page i'm the macho man randy savage snake eyes diving destroy hulkamania ultimate warrior ooooooh yeah!
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.savageipsum.com/" target="_blank">Savage Ipsum</a>
</div>
</li>
<!-- Gosling -->
<li>
<div class="title">Ryan Gosling ipsum</div>
<div class="sample" style="color: #F3D1B8;">
I try not to make to many movies. I was very excited. I think like a girl, I think. I could be fun, if you want. Because for me, they're all me.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://www.rygo-ipsum.com/" target="_blank">Ryan Gosling Ipsum</a>
</div>
</li>
<!-- Horse Ebooks -->
<li>
<div class="title">Horse Ebooks ipsum</div>
<div class="sample" style="color: #333333;">
Space in your house How to sell faster than your neighbors How to make a strategic use. The real goal of any talk or speech. To discourage you by telling
</div>
<div class="link">
<span>full text available at</span>
<a href="http://horseebooksipsum.com/" target="_blank">Horse Ebooks Ipsum</a>
</div>
</li>
<!-- heisenberg -->
<li>
<div class="title">Heisenberg ipsum</div>
<div class="sample" style="color: #4796B8;">
No! You don't even believe that! Gus has cameras everywhere, please. Listen to yourself! No, he has known everything, all along. Where were you today?
</div>
<div class="link">
<span>full text available at</span>
<a href="http://heisenbergipsum.com/" target="_blank">Heisenberg Ipsum</a>
</div>
</li>
<!-- Social Good -->
<li>
<div class="title">Social Good ipsum</div>
<div class="sample" style="color: #ff4e00">
Natural resources economic independence emergency response, civil society save the world Peace Corps readiness vulnerable population human experience. Equal opportunity.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://socialgoodipsum.org/" target="_blank">Social Good Ipsum</a>
</div>
</li>
<!-- Doctor Who -->
<li>
<div class="title">Doctor Who ipsum</div>
<div class="sample" style="color: #102372;">
Come along, Pond. Allons-y! Have a jelly baby. Shut up, K-9! Mmmm, what's that m'boy? That's the trouble with regeneration. You quite never know what you're going to get.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://doctoripsum.com/" target="_blank">Doctor Ipsum</a>
</div>
</li>
<!--Tina Belcher (Bob's Burgers)-->
<li>
<div class="title">Tina Belcher Ipsum</div>
<div class="sample" style="color: #9C76B9;">
I'm no hero. I just put my bra on one boob at a time. Here's a bunch of numbers. They may look random but they're my phone number. She grabbed Jimmy Jr's butt and changed the world.
</div>
<div class="link">
<span>full text available at</span>
<a href="http://tinaipsum.rocks/" target="_blank">Tina Belcher Ipsum</a>
</div>
</li>
</ul>
</section>
<footer>
<div class="logo">
<p class="tagline">
Where all ipsums <span>come together</span>
</p>
<p class="contact">
Have we missed your favorite ipsums? Send it through to
<a href="mailto:[email protected]?subject=Another%20ipsum" target="_blank"> [email protected] </a>
</p>
</div>
<div class="share">
Made for fun by <a href="http://tholman.com" target="_blank"> Tim Holman</a> and <a href="http://www.whydontwetry.com" target="_blank"> Claudio Guglieri</a>
<span class="devide">-</span>
<a href="https://twitter.com/twholman" class="twitter-follow-button" data-show-count="false">Follow @twholman</a>
<a href="https://twitter.com/claudioguglieri" class="twitter-follow-button" data-show-count="false">Follow @claudioguglieri</a>
</div>
</footer>
<!-- JS -->
<script src='js/meet-the-ipsums.js'></script>
<!-- Twitter -->
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
</script>
<!-- Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42405935-1', 'meettheipsums.com');
ga('send', 'pageview');
</script>
</body>
</html>