aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html225
1 files changed, 152 insertions, 73 deletions
diff --git a/index.html b/index.html
index eebd02d..e955876 100644
--- a/index.html
+++ b/index.html
@@ -5,90 +5,119 @@
<style>
*{box-sizing: border-box;}
body {font-family: "Lato", sans-serif;}
-/* Style the tab */
-div.tab {
- float: left;
- border: 1px solid #ccc;
- background-color: #f1f1f1;
- width: 20%;
- height: 250px;
-}
-/* Style the buttons inside the tab */
-div.tab button {
- display: block;
- background-color: inherit;
- color: black;
- padding: 22px 16px;
- width: 100%;
- border: none;
- outline: none;
- text-align: left;
- cursor: pointer;
- transition: 0.3s;
- font-size: 17px;
+/* Menu Styles */
+.third-level-menu
+{
+ position: absolute;
+ top: 0;
+ right: -150px;
+ width: 150px;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ display: none;
}
-/* Change background color of buttons on hover */
-div.tab button:hover {
- background-color: #ddd;
-}
-/* Create an active/current "tab button" class */
-div.tab button.active {
- background-color: #1acefc;
+
+.third-level-menu > li
+{
+ height: 30px;
+ background: #ddd;
}
-/* Style the tab content */
-.tabcontent {
- float: left;
- padding: 0px 12px;
- border: 1px solid #ccc;
- width: 80%;
- min-height: 250px;
+.third-level-menu > li:hover { background: #1acefc; }
+
+.second-level-menu
+{
+ position: absolute;
+ top: 30px;
+ left: 0;
+ width: 150px;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ display: none;
}
-#carousel{
- overflow: hidden;
- width: 500px;
- height: 333px;
- border: 1px solid #333;
+
+.second-level-menu > li
+{
+ position: relative;
+ height: 30px;
+ background: #ddd;
}
+.second-level-menu > li:hover { background: #1acefc; }
-.panels{
- margin: 0;
- padding: 0;
+.top-level-menu
+{
+ list-style: none;
+ padding: 0;
+ margin: 0;
}
-.panel{
- float: left;
- list-style: none;
- margin: 0;
- padding: 0;
+.top-level-menu > li
+{
+ position: relative;
+ float: left;
+ height: 30px;
+ width: 150px;
+ background: #ddd;
}
-.panel img{
+.top-level-menu > li:hover { background: #1acefc; }
+
+.top-level-menu li:hover > ul
+{
+ /* On hover, display the next level's menu */
+ display: inline;
}
-figure {
- float: right;
- width: 30%;
- text-align: center;
- font-size: smaller;
- text-indent: 0;
- margin: 0.5em;
- padding: 0.5em;
+
+/* Menu Link Styles */
+
+.top-level-menu a /* Apply to all links inside the multi-level menu */
+{
+ font: bold 14px Arial, Helvetica, sans-serif;
+ color: black;
+ text-decoration: none;
+ padding: 0 0 0 10px;
+
+ /* Make the link cover the entire list item-container */
+ display: block;
+ line-height: 30px;
}
-img.scaled {
- width: 100%;
+.top-level-menu a:hover { color: black; }
+
+.tabcontent {
+ float: left;
+ padding: 0px 12px;
+ border: 1px solid #ccc;
+ width: 100%;
+ min-height: 250px;
}
</style>
</head>
-<body>
+
<p>Welcome to CRESSdna.org</p>
-<div class="tab">
- <button class="tablinks" onclick="openTab(event, 'Home')" id="defaultOpen"class>Home</button>
- <button class="tablinks" onclick="openTab(event, 'Circoviridae')"><i>Circoviridae</i></button>
- <button class="tablinks" onclick="openTab(event, 'Classifier')">Classifier</button>
- <button class="tablinks" onclick="openTab(event, 'Contact')">Contact</button>
- <button class="tablinks" onclick="openTab(event, 'Results')">Results</button>
-</div>
+<ul class="top-level-menu">
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Home')" id="defaultOpen">Home</a></li>
+ <li>
+ <a href="#">Taxonomy</a>
+ <ul class="second-level-menu">
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Circoviridae')">Circoviridae</a></li>
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Nanoviridae')">Nanoviridae</a></li>
+ <li><a href="#"><i>more on the way</i></a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">Classifier</a>
+ <ul class="second-level-menu">
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Classifier')">Run the classifier</a></li>
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Results')" id="defaultOpen">Results</a></li>
+ </ul>
+ </li>
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Contributers')">Contributers</a></li>
+ <li><a href="#" class="tablinks" onclick="openTab(event, 'Contact')">Contact</a></li>
+
+</ul>
<div id="Home" class="tabcontent">
<h3>Home</h3>
@@ -101,7 +130,6 @@ img.scaled {
<h3><i>Circoviridae</i></h3>
<p>
-<br>
Many animal-infecting CRESS-DNA viruses are classified into the <a href="http://jgv.microbiologyresearch.org/content/journal/jgv/10.1099/jgv.0.000871"><i>Circoviridae</i> family</a>. There are two genera within the group, the older <i>Circovirus</i> and the more recently codified <i>Cyclovirus</i>, but both are well represented. At least one disease of economic importance is associated with circovirus infections: <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3652492/">post-weaning maturation wasting syndrome</a> in pigs (caused in part by porcine circovirus 2, which is now largely controlled through <a hfref="https://www.ncbi.nlm.nih.gov/pubmed/27769529">vaccination in commercial hog production</a>). However, several worldwide veterinary diseases are due to circoviruses, including <a href="https://en.wikipedia.org/wiki/Psittacine_beak_and_feather_disease">beak and feather disease</a> and <a href="https://www.ncbi.nlm.nih.gov/pubmed/28242782">fatal acute diarrhea</a> in dogs.
</p>
@@ -120,7 +148,7 @@ While some of the environmental isolates assigned to <i>Circoviridae</i> have ge
</p>
<p>
-Both cycloviruses and circoviruses have non-enveloped, icosahedral virions of 15-25nm encapsidating their circular, ssDNA genomes, but while members of <i>Circovirus</i> are found infecting or associated with mammals, birds and fish, cycloviruses have been found infecting or associated with mammals, birds and insects. Sequences assigned to <i>Circovirus</i> have ambisense genomes, with the Rep gene in sense, sequences in Cyclovirus typically are ambisense in the opposite orientation (Rep gene in anti-senese).
+Both cycloviruses and circoviruses have non-enveloped, icosahedral virions of 15-25nm encapsidating their circular, ssDNA genomes, but while members of <i>Circovirus</i> are found infecting or associated with mammals, birds and fish, cycloviruses have been found infecting or associated with mammals, birds and insects. Sequences assigned to <i>Circovirus</i> have ambisense genomes, with the Rep gene in sense, sequences in Cyclovirus typically are ambisense in the opposite orientation (Rep gene in anti-sense).
</p>
<p>
@@ -130,20 +158,66 @@ A great <a href="http://jgv.microbiologyresearch.org/content/journal/jgv/10.1099
<p>
For more information about <i>Circovirus</i>:
<br>
-<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/659/genus-circovirus">ICTV report</a> on circovirus<br>
+<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/659/genus-circovirus">ICTV report</a> on circovirus
+<br>
<a href="https://viralzone.expasy.org/118">ExPASy ViralZone summary of circovirus</a>
+<br>
Type species: <i>Porcine circovirus</i> 1 (<a href="https://www.ncbi.nlm.nih.gov/nuccore/12280941">NC_001792.2</a>)
</p>
<p>
-FOr more information about <i>Cyclovirus</i>:
+For more information about <i>Cyclovirus</i>:
+<br>
+<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/660/genus-cyclovirus">ICTV report</a> on cyclovirus
<br>
-<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/660/genus-cyclovirus">ICTV report</a> on cyclovirus<br>
<a href="https://viralzone.expasy.org/7296">ExPASy ViralZone summary of cyclovirus</a>
+<br>
Type species: <i>Human-associated cyclovirus 8</i> (<a href="https://www.ncbi.nlm.nih.gov/nuccore/KF031466">KF031466</a>)
+</div>
+<div id="Nanoviridae" class="tabcontent">
+<h3><i>Nanoviridae</i></h3>
+<p>
+The plant infecting CRESS-DNA viruses with more than two genomic segments belong in the family <a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae"><i>Nanoviridae</i></a>,
+which includes the genera <i>Babuvirus</i> and <i>Nanovirus</i>. One of the most economically important species in the family <i>Nanoviridae</i> is Banana bunchy top virus (BBTV), the type species of babuvirus. BBTV causes
+<a href="http://www.promusa.org/Bunchy+top">banana bunchy top disease</a>, which is common in banana growing areas such as Southeast Asia, the South Pacific, India and Africa. This virus is transmitted by the banana aphid and causes
+<a href="http://www.musarama.org/en/image/bunchy-top-symptom-81.html">plant crumpling, shrinking and chlorosis</a>, which may develop into necrosis.
+<br>
+<figure>
+ <img class=scaled src="../bbv.jpg", alt='missing', width="512", height="384"/>
+ <figcaption>Banana bunchy top, caused by Banana bunchy top virus (BBTV). CC-BY Scott Nelson 2014.</figcaption>
+</figure>
+<p>
+Viruses in the family Nanoviridae have <a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae">multipartite genomes</a>
+consisting of 6 to 8 ~1000 nucleotide segments of circular ssDNA. Five of these DNA components are shared between babuviruses and nanoviruses.
+<a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/150/nanoviridae-figures">(DNA-R, -N, -S, -C and –M)</a>.
+ Nanoviruses infect <a href="http://theseedsite.co.uk/monocots2.html">dicots</a>, have 8 genomic DNAs and may include three other DNA components with functions
+ that have yet to be determined (DNA-U1, -U2 and –U4). Babuviruses infect <a href="http://theseedsite.co.uk/monocots2.html">monocots</a>, have 6 genomic DNAs
+ and may include another DNA component with an unknown function (DNA-U4). Each of these components encode a single ORF that is transcribed in one direction,
+ though a second putative ORF has been identified on one segment of BBTV (DNA-R). The virions of these viruses are non-enveloped, sized 17-20nm in diameter
+ and have one CP (coat protein). Additional DNA segments (alphasatellites) are also associated with many viruses in the family and can alter disease symptoms.
-</div>
+</p>
+<p>
+For more information about Nanovirus:
+<br>
+<a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae">ICTV report</a> on nanovirus.
+<br>
+<a href="https://viralzone.expasy.org/565?outline=all_by_species">ExPASy ViralZone summary of nanovirus</a>
+<br>
+Type Species: <i>Subterranean clover stunt virus</i> (<a href="https://www.ncbi.nlm.nih.gov/nuccore/NC_003818.1">NC_003818.1</a>)
+</p>
+
+<p>
+For more information about Babuvirus:
+<br>
+<a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae">ICTV report</a> on babuvirus.
+<br>
+<a href="https://viralzone.expasy.org/564?outline=all_by_species">ExPASy ViralZone summary of babuvirus</a>
+<br>
+Type Species: <i>Banana bunchy top virus</i> (<a href="https://www.ncbi.nlm.nih.gov/nuccore/NC_003479.1">NC_003479.1</a>)
+</p>
+</div>
<div id="Classifier" class="tabcontent">
<h3>Classifier</h3>
@@ -197,6 +271,11 @@ MPSKKSGPQPHKRWVFTLNNPSEEEKNKIRELPISLFDYFVCGEEGLEEGRTAHLQGFANFAKKQTFNKVKWYFGARCHI
</ul> </p>
</div>
+<div id="Contributers" class="tabcontent">
+ <h3>Contributers</h3>
+ <p>This site is under construction</p>
+ <p>Please be patient while we tidy up a bit!</p>
+</div>
<div id="Contact" class="tabcontent">
<h3>Contact</h3>