Skip to content

Commit 20aa6c4

Browse files
author
Arturos Sanchez Pineda
committed
adding related items
1 parent 601902b commit 20aa6c4

17 files changed

+770
-4
lines changed

‎glossaire.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<style>
2+
a:hover {
3+
color: white;
4+
}
5+
p:hover {
6+
background-color: black;
7+
}
8+
</style>
9+
10+
<br>
11+
<div style="margin: 350px 20% 5px 20%;">
12+
<a style="color:white;font-size:210%;">
13+
<b>GLOSSAIRE</b>
14+
</a>
15+
</div>
16+
</br>
17+
18+
<div style="color:white; margin: 15px 20% 10px 20%;">
19+
<p style="font-size:140%; line-height:30px;">
20+
<span>&#8226;</span> Cire Dermatologique
21+
</p>
22+
<br>
23+
<p style="font-size:116%; line-height:30px;">
24+
Les cires dermatologiques font leur apparition au XIXe siècle, avec l’essor de la dermatologie. Là où la gravure, l’aquarelle ou la photographie ne permettent de représenter les maladies de peau qu’en deux dimensions, ces dernières offrent la possibilité d’en montrer de manière extrêmement réaliste les volumes et textures. Elles jouent ainsi un rôle essentiel dans la diffusion des savoirs et le développement des capacités d’observation des médecins et des étudiants en médecine.
25+
</p>
26+
</br>
27+
<p style="font-size:116%; line-height:30px;">
28+
Leur technique de fabrication est la suivante : un patient est amené à l’atelier de l’artisan mouleur (qui peut aussi être médecin), puis la zone à reproduire est enduite d’un corps gras. On y verse ensuite du plâtre, qui formera la matrice à l’intérieur de laquelle une cire couleur chair sera versée. On obtient ainsi une réplique grandeur nature de la maladie. Il faut ajouter à cela un minutieux travail d’observation pour colorer et rendre les textures diverses de la maladie à l’aide de pigments et d’autres matériaux : aspect humide, translucide, croûteux ou purulent, tout est reproduit avec une précision extrême.
29+
</p>
30+
</br>
31+
<p style="font-size:116%; line-height:30px;">
32+
Aujourd’hui encore, la vue de ces moulages provoque souvent une réaction de dégoût tant les pathologies, mais aussi les physionomies des patients, semblent véritables.
33+
</p>
34+
</br>
35+
</div>

‎glossaire.php‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<header>
4+
<?php include('header-glossaire.html'); ?>
5+
</header>
6+
7+
<!-- body -->
8+
<body>
9+
<ul class="bkg">
10+
<!-- <table> -->
11+
<?php include('glossaire.html'); ?>
12+
<!-- </table> -->
13+
</ul>
14+
</body>
15+
<!-- end main body -->
16+
17+
<footer>
18+
<?php include('footer.html'); ?>
19+
</footer>
20+
</html>

‎header-glossaire.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
2+
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
3+
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
4+
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
5+
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
6+
7+
<meta charset="UTF-8" />
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9+
<title>BIHM - notre projet</title>
10+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11+
<meta name="description" content="Thumbnail Proximity Effect with jQuery and CSS3" />
12+
<meta name="keywords" content="thumbnails, jquery, proximity, effect, css3, scale, mouse, hover" />
13+
<meta name="author" content="Codrops" />
14+
<link rel="shortcut icon" href="../favicon.ico">
15+
<link rel="stylesheet" type="text/css" href="css/demo.css" />
16+
<link rel="stylesheet" type="text/css" href="css/style-us.css" />
17+
18+
19+
<style type="text/css">
20+
#first {
21+
width: 280px;
22+
height: 30px;
23+
float:left;
24+
border: 0px;
25+
margin: 20px 5px 10px 10%;
26+
overflow: hidden;
27+
}
28+
#second {
29+
width: 115px;
30+
height: 30px;
31+
float:right;
32+
border: 0px;
33+
overflow: hidden; /* if you don't want #second to wrap below #first */
34+
margin: 20px 10% 10px 20px;
35+
overflow: hidden;
36+
}
37+
</style>
38+
39+
<div>
40+
<div id="first">
41+
<!--title of the project/app -->
42+
<a style="color:white;font-size:190%;" href="./index.php">BIHM: books x objects</a>
43+
</div>
44+
45+
<div id="second">
46+
<!-- Notre projet -->
47+
<a style="color:white;font-size:120%;" href="./us.php">Notre projet</a>
48+
</div>
49+
</div>
50+
51+
<br></br>
52+
<br></br>
53+
54+
<!-- end -->

‎photos/head.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,3 +8,4 @@
88
<link rel="stylesheet" type="text/css" href="css/component.css" />
99
<link rel="stylesheet" type="text/css" href="css/demo.css" />
1010
<script src="js/modernizr.custom.js"></script>
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

‎photos/photo.php‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
<?php
1111
$photos = array(1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.8, 1.9, 1.10, 2.1, 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, 2.8, 2.9, 2.10, 3.1, 3.2, 3.3, 3.4, 3.5, 3.6, 3.7, 3.8, 3.9, 3.10, 4.1, 4.2, 4.3, 4.4, 4.5, 4.6, 4.7, 4.8, 4.9, 4.10, 5.1, 5.2, 5.3, 5.4, 5.5, 5.6, 5.7, 5.8, 5.9, 5.10, 6.1, 6.2, 6.3, 6.4, 6.5, 6.6, 6.7, 6.8, 6.9, 6.10, 7.1, 7.2, 7.3, 7.4, 7.5, 7.6, 7.7, 7.8, 7.9, 7.10);
12-
12+
1313
if (in_array($_GET["photo"],$photos))
1414
{
1515
/* good - continue */
@@ -27,11 +27,19 @@
2727
<div class="left">
2828
<a href="#"> <!-- it goes to the link in Wikidata -->
2929
<?php echo "<img src=\"images/photo/" . $_GET["photo"] . ".jpg\" width=\"100%\">"; ?>
30+
<?php
31+
$cires = array(1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 1.8);
32+
33+
if (in_array($_GET["photo"],$cires))
34+
{
35+
echo "<a style=\"color:white;font-size:150%;padding: 0px 0px 0px 7px;\" class=\"fa\" href=\"../glossaire.php\">&#xf05a;</a>";
36+
}
37+
?>
3038
</a>
3139
</div>
3240
<div class="right">
3341
<!-- related Books -->
34-
<?php include("books/books-matrix-" . $_GET["photo"] . ".html"); ?> <!-- books-matrix-" . $_GET["photo"] . ".html"); ?> -->
42+
<?php include("books/books-matrix-" . $_GET["photo"] . ".html"); ?>
3543
<!-- end related Books -->
3644
</div>
3745
<div class="middle">
@@ -49,14 +57,14 @@
4957
echo "<p style=\"padding: 0px 0px 0px 10%; color:white;\">";
5058
echo "<b>$data[3]</b>";
5159
echo"<br>$data[5]</br>";
52-
echo "<a href=\"https://creativecommons.org/licenses/by-sa/4.0\" title=\"Creative Commons Attribution-Share Alike 4.0\">CC BY-SA 4.0</a>";
60+
echo "<a href=\"https://creativecommons.org/licenses/by-sa/4.0\" target=\"_blank\" title=\"Creative Commons Attribution-Share Alike 4.0\" >CC BY-SA 4.0</a>";
5361
echo "</p>";
5462
?>
5563
<!-- end legend under the picture -->
5664
</div>
5765
<div class="below">
5866
<!-- related photos -->
59-
<?php include("relates/related-books-" . $_GET["photo"] . ".html"); ?> <!-- related-books.html"); ?> -->
67+
<?php include("relates/related-books-" . $_GET["photo"] . ".html"); ?>
6068
<!-- end related photos -->
6169
</div>
6270
</div>

‎photos/relates/related-books-3.10.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<div class="component">
2+
<div class="container demo-3">
3+
<p align="left" style="padding: 60px 0px 10px 132px; color:rgb(255,255,255);""><b>En lien avec cet objet</b></p>
4+
<!-- Top Navigation -->
5+
<ul class="grid cs-style-4">
6+
7+
<li>
8+
<figure>
9+
<div><img src="../images/small-pics/4.7.jpg"></div>
10+
<figcaption>
11+
<h3>CHIRURGIE</h3>
12+
<span>Stéthoscope monaural</span>
13+
<a href="../photos/photo.php?photo=4.7">Afficher</a>
14+
</figcaption>
15+
</figure>
16+
</li>
17+
18+
<li>
19+
<figure>
20+
<div><img src="../images/small-pics/4.5.jpg"></div>
21+
<figcaption>
22+
<h3>CHIRURGIE</h3>
23+
<span>Pince pour préhension de l'intestin</span>
24+
<a href="../photos/photo.php?photo=4.5">Afficher</a>
25+
</figcaption>
26+
</figure>
27+
</li>
28+
29+
<li>
30+
<figure>
31+
<div><img src="../images/small-pics/4.6.jpg"></div>
32+
<figcaption>
33+
<h3>CHIRURGIE</h3>
34+
<span>Lithotome à écartement</span>
35+
<a href="../photos/photo.php?photo=4.6">Afficher</a>
36+
</figcaption>
37+
</figure>
38+
</li>
39+
40+
<li>
41+
<figure>
42+
<div><img src="../images/small-pics/4.2.jpg"></div>
43+
<figcaption>
44+
<h3>CHIRURGIE</h3>
45+
<span>Scie chirurgicale</span>
46+
<a href="../photos/photo.php?photo=4.2">Afficher</a>
47+
</figcaption>
48+
</figure>
49+
</li>
50+
51+
</ul>
52+
</div><!-- /container -->
53+
<script src="js/toucheffects.js"></script>
54+
</div>

‎photos/relates/related-books-3.6.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<div class="component">
2+
<div class="container demo-3">
3+
<p align="left" style="padding: 60px 0px 10px 132px; color:rgb(255,255,255);""><b>En lien avec cet objet</b></p>
4+
<!-- Top Navigation -->
5+
<ul class="grid cs-style-4">
6+
7+
<li>
8+
<figure>
9+
<div><img src="../images/small-pics/3.9.jpg"></div>
10+
<figcaption>
11+
<h3>ANESTHÉSIOLOGIE</h3>
12+
<span>Masque d'anesthésie</span>
13+
<a href="../photos/photo.php?photo=3.9">Afficher</a>
14+
</figcaption>
15+
</figure>
16+
</li>
17+
18+
<li>
19+
<figure>
20+
<div><img src="../images/small-pics/3.8.jpg"></div>
21+
<figcaption>
22+
<h3>ANESTHÉSIOLOGIE</h3>
23+
<span>Flacon à chloroforme</span>
24+
<a href="../photos/photo.php?photo=3.8">Afficher</a>
25+
</figcaption>
26+
</figure>
27+
</li>
28+
29+
<li>
30+
<figure>
31+
<div><img src="../images/small-pics/3.7.jpg"></div>
32+
<figcaption>
33+
<h3>ANESTHÉSIOLOGIE</h3>
34+
<span>Masque d'Ombredanne pour anesthésie</span>
35+
<a href="../photos/photo.php?photo=3.7">Afficher</a>
36+
</figcaption>
37+
</figure>
38+
</li>
39+
40+
<li>
41+
<figure>
42+
<div><img src="../images/small-pics/4.4.jpg"></div>
43+
<figcaption>
44+
<h3>INCONNU</h3>
45+
<span>Instrument de chirurgie ?</span>
46+
<a href="../photos/photo.php?photo=4.4">Afficher</a>
47+
</figcaption>
48+
</figure>
49+
</li>
50+
51+
</ul>
52+
</div><!-- /container -->
53+
<script src="js/toucheffects.js"></script>
54+
</div>

‎photos/relates/related-books-3.7.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<div class="component">
2+
<div class="container demo-3">
3+
<p align="left" style="padding: 60px 0px 10px 132px; color:rgb(255,255,255);""><b>En lien avec cet objet</b></p>
4+
<!-- Top Navigation -->
5+
<ul class="grid cs-style-4">
6+
7+
<li>
8+
<figure>
9+
<div><img src="../images/small-pics/4.4.jpg"></div>
10+
<figcaption>
11+
<h3>INCONNU</h3>
12+
<span>Instrument de chirurgie ?</span>
13+
<a href="../photos/photo.php?photo=4.4">Afficher</a>
14+
</figcaption>
15+
</figure>
16+
</li>
17+
18+
<li>
19+
<figure>
20+
<div><img src="../images/small-pics/3.8.jpg"></div>
21+
<figcaption>
22+
<h3>ANESTHÉSIOLOGIE</h3>
23+
<span>Flacon à chloroforme</span>
24+
<a href="../photos/photo.php?photo=3.8">Afficher</a>
25+
</figcaption>
26+
</figure>
27+
</li>
28+
29+
<li>
30+
<figure>
31+
<div><img src="../images/small-pics/3.6.jpg"></div>
32+
<figcaption>
33+
<h3>ANESTHÉSIOLOGIE</h3>
34+
<span>Masque d'anesthésie</span>
35+
<a href="../photos/photo.php?photo=3.6">Afficher</a>
36+
</figcaption>
37+
</figure>
38+
</li>
39+
40+
<li>
41+
<figure>
42+
<div><img src="../images/small-pics/3.9.jpg"></div>
43+
<figcaption>
44+
<h3>ANESTHÉSIOLOGIE</h3>
45+
<span>Masque d'anesthésie</span>
46+
<a href="../photos/photo.php?photo=3.9">Afficher</a>
47+
</figcaption>
48+
</figure>
49+
</li>
50+
51+
</ul>
52+
</div><!-- /container -->
53+
<script src="js/toucheffects.js"></script>
54+
</div>

‎photos/relates/related-books-3.8.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<div class="component">
2+
<div class="container demo-3">
3+
<p align="left" style="padding: 60px 0px 10px 132px; color:rgb(255,255,255);""><b>En lien avec cet objet</b></p>
4+
<!-- Top Navigation -->
5+
<ul class="grid cs-style-4">
6+
7+
<li>
8+
<figure>
9+
<div><img src="../images/small-pics/3.7.jpg"></div>
10+
<figcaption>
11+
<h3>ANESTHÉSIOLOGIE</h3>
12+
<span>Flacon à chloroforme</span>
13+
<a href="../photos/photo.php?photo=3.7">Afficher</a>
14+
</figcaption>
15+
</figure>
16+
</li>
17+
18+
<li>
19+
<figure>
20+
<div><img src="../images/small-pics/4.4.jpg"></div>
21+
<figcaption>
22+
<h3>INCONNU</h3>
23+
<span>Instrument de chirurgie ?</span>
24+
<a href="../photos/photo.php?photo=4.4">Afficher</a>
25+
</figcaption>
26+
</figure>
27+
</li>
28+
29+
<li>
30+
<figure>
31+
<div><img src="../images/small-pics/3.9.jpg"></div>
32+
<figcaption>
33+
<h3>ANESTHÉSIOLOGIE</h3>
34+
<span>Masque d'anesthésie</span>
35+
<a href="../photos/photo.php?photo=3.9">Afficher</a>
36+
</figcaption>
37+
</figure>
38+
</li>
39+
40+
<li>
41+
<figure>
42+
<div><img src="../images/small-pics/3.6.jpg"></div>
43+
<figcaption>
44+
<h3>ANESTHÉSIOLOGIE</h3>
45+
<span>Masque d'anesthésie</span>
46+
<a href="../photos/photo.php?photo=3.6">Afficher</a>
47+
</figcaption>
48+
</figure>
49+
</li>
50+
51+
</ul>
52+
</div><!-- /container -->
53+
<script src="js/toucheffects.js"></script>
54+
</div>

0 commit comments

Comments
 (0)