Skip to content

Instantly share code, notes, and snippets.

@s5bug

s5bug/science.html

Created February 1, 2018 01:36
Show Gist options
  • Save s5bug/177b8acb8981e5fb5572f483b7cfa2b9 to your computer and use it in GitHub Desktop.
Save s5bug/177b8acb8981e5fb5572f483b7cfa2b9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
science.html
<html>
<head>
<title>Ch14 concept map</title>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<style>
#main {
margin: auto;
text-align: center;
font-family: 'Ubuntu', sans-serif;
}
.group {
margin: 4px;
padding: 4px;
border: 1px solid black;
background: rgba(0, 0, 0, 0.05);
border-radius: 8px;
display: inline-block;
}
.end {
max-width: 50%;
}
.children {
padding: 8px;
}
</style>
</head>
<body>
<div id="main">
<div class="group">
Chromosomal Disorders
<div class="children">
<div class="group">
Autosomal
<div class="children">
<div class="group">
Dominant
<div class="children">
<div class="group end">
Achondroplasia
<hr />
<div class="description">
Dwarfism (One form)
</div>
</div>
<div class="group end">
Huntington's disease
<hr />
<div class="description">
Mental deterioration abd uncontrollable movements; symptoms usually appear in middle age
</div>
</div>
<div class="group end">
Hypercholesterolemia
<hr />
<div class="description">
Excess cholesterol in blood; heart disease
</div>
</div>
</div>
</div>
<div class="group">
Recessive
<div class="children">
<div class="group end">
Albinism
<hr />
<div class="description">
Lack of pigment in skin, hair, and eyes
</div>
</div>
<div class="group end">
Cystic fibrosis
<hr />
<div class="description">
Excess mucus in lungs, digestive tract, liver; increased susceptibility to infections
</div>
</div>
<div class="group end">
Galactosemia
<hr />
<div class="description">
Accumulation of galactose (a sugar) in tissues; mental retardation; eye and liver damage
</div>
</div>
<div class="group end">
Phenylketonuria
<hr />
<div class="description">
Accumulation of phenylalanine in tissues; lack of normal skin pigment; mental retardation
</div>
</div>
<div class="group end">
Tay-Sachs disease
<hr />
<div class="description">
Lipid accumulation in brain cells; mental deficiency; blindness; death in early childhood
</div>
</div>
</div>
</div>
<div class="group">
Co-dominant
<div class="children">
<div class="group end">
Sickle-Cell Anemia
<hr />
<div class="description">
Misshapen, or sickled, red blood cells; damage to many tissues
</div>
</div>
</div>
</div>
</div>
</div>
<div class="group">
Sex-Linked
<div class="children">
<div class="group end">
Colorblindness
<hr />
<div class="description">
A gene found in the X chromosome determining if color channels are fused
</div>
</div>
<div class="group end">
Hemophilia
<hr />
<div class="description">
A gene found in the X chromosome that can slow normal blood clotting
</div>
</div>
<div class="group end">
Duchenne Muscular Dystrophy
<hr />
<div class="description">
A gene found in the X chromosome that causes you to lose muscle over time
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment