/
samples.html
executable file
·122 lines (103 loc) · 4.51 KB
/
samples.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
<script>
ref={
title:"",
author:"<li><strong>Author</strong>: ",
email:"",
object:"<li><strong>Objects</strong>: ",
description:"<li><strong>Description</strong>: ",
dim:"<li><strong>Dimentions</strong>: ",
thumbnail:"",
link:""
};
collects = [];
collects[0]={
title:"<i>S. aureus</i>",
author:"Q. Geissmann",
email:"mailto:opencfu@gmail.com",
object:"<i>Staphilococcus aureus</i> colonies on LB agar plates. Bright background.",
description: "The high quality pictures used in the PLoS paper.",
dim:"1538x1536",
thumbnail:"./img/plosPicHQThumb.jpg",
link:"http://sourceforge.net/projects/opencfu/files/samples/plosPicHQ.zip"
};
collects[1]={
title:"Mammalian cells",
author:"Magdalena Waggoner",
email:"mailto:mwaggoner2@kumc.edu",
object:"Mammalian cells colonies on six-well plates.",
description: "",
dim:"1488x1111",
thumbnail:"./img/maggie.jpg",
link:"http://sourceforge.net/projects/opencfu/files/samples/MagdalenaWaggoner.zip"
};
collects[2]={
title:"<i>Staphylococcus epidermis</i>",
author:"Guadalupe García",
email:"mailto:guadalupegarcia.sro@gmail.com",
object:"<i>Staphilococcus epidermis</i> on Baird Parker agar.",
description: "",
dim:"variable",
thumbnail:"./img/guada.jpg",
link:"http://sourceforge.net/projects/opencfu/files/samples/Guadalupe-Garcia.zip"
};
collects[3]={
title:"<i>S. aureus</i> webcam",
author:"Q. Geissmann",
email:"mailto:opencfu@gmail.com",
object:"<i>Staphilococcus aureus</i> colonies on LB agar plates. Bright background.",
description: "The low quality pictures used in the PLoS paper (taken by a cheap webcam).",
dim:"1000x1000",
thumbnail:"./img/plosPicLQThumb.jpg",
link:"http://sourceforge.net/projects/opencfu/files/samples/plosPicLQ.zip"
};
collects[4]={
title:"RFP/GFP <i>E. coli</i>",
author:"Rob Egbert",
email:"http://depts.washington.edu/soslab/mw/index.php?title=User:Egbert",
object:"Fluorescent <i>E. coli</i> colonies on agar. Dark background",
description: "This is a collection of fluorescence images of <i>E. coli</i> colonies transformed with a bistable switch circuit, resulting in colonies expressing either RFP or GFP. The images were captured on a blue light transilluminator (Clare Chemical) using an acrylic filter from the same manufacturer.",
dim:"2592x1944",
thumbnail:"./img/EcoliRobEgbertPicThumb.jpg",
link:"http://sourceforge.net/projects/opencfu/files/samples/EcoliRobEgbert.zip"
};
collects[5]={
title:"<i>E. coli</i>",
author:"Peter Galajda",
email:"http://www.brc.mta.hu/personal_page.php?id=bf_gap%C3%A9",
object:"<i>E. coli</i> colonies on agar. Light background",
description: "This a representative collection of images used by Felix J. H. Hol <i>et al.</i> in <a href='http://www.plosone.org/article/info:doi/10.1371/journal.pone.0077042'>their PLoS ONE paper</a>.",
dim:"around 2000x2000",
thumbnail:"./img/EcoliPeterGalajda.jpg",
link:"http://sourceforge.net/projects/opencfu/files/samples/PeterGalajdaPLoS2013.zip"
};
function makeSampleThumb(){
final_str="<div id = 'thumbnails'>";
for(i=0;i<collects.length;i++){
tmp_str = "<div class='imgCollection'>"
//~ tmp_str = "<div id=\'" + collects[i].id + "\'class='imgCollection'>"
tmp_str +="<h1><a href='"+ collects[i].link + "'>"+collects[i].title+ "</a></h1>";
tmp_str =tmp_str+"<div class=imgCollectThumb> <a href='" + collects[i].link + "'style='background:url("+ collects[i].thumbnail +") no-repeat 0 0;background-size: contain'></a></div>";
tmp_str += "<div class='imgCollectText'><ul>";
tmp_str += ref.object + " " + collects[i].object;
tmp_str += ref.description + " " + collects[i].description;
tmp_str += ref.dim + " " + collects[i].dim;
tmp_str += ref.author + "<a href='" + collects[i].email +"'>" + collects[i].author+"</a>";
tmp_str += "</ul></div><div class='clear'></div></div>";
final_str += tmp_str;
}
final_str += "</div>";
$('#thumbnails').html(final_str);
var cw = $('.imgCollectThumb a').width();
$('.imgCollectThumb a').css({'height':cw+'px'});
}
</script>
<div class="content_item">
<h1>Image Samples</h1>
<p>This section contains a modest collection of images that you can use to try OpenCFU and practice.
Unless stated otherwise, you can share and reuse these images under the conditions of a <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons License (by-sa)</a>.
I would be very grateful if you could <a href="mailto:opencfu@gmail.com">send me your own pictures</a> to enrich this library.</p>
<h2 id="plosPaperHD"></h2>
<div id = "thumbnails">
</div>
<script>makeSampleThumb();</script>
</div>