Bold Systems v4

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Bold Systems v4</title>  <meta name="google-site-verification" content="uRckq-bA-UcPUbGczsTmqU6C8FkvlYxDgJSkwnYJdKU" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link rel="apple-touch-icon" href="/favicons/apple-icon.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" /> <link href="/libhtml_v4/css/bootstrap.css" rel="stylesheet" /> <link href="/libhtml_v4/css/style.css" rel="stylesheet" /> <link href="/libhtml_v4/css/animate.css" rel="stylesheet" /> <link href="/libhtml_v4/css/ionicons.min.css" rel="stylesheet" /> <link href="/libhtml_v4/css/font-awesome.min.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&subset=latin,latin-ext" rel="stylesheet" /> <script src="/libhtml_v4/js/modernizr-custom.min.js"></script> <script src="/libhtml_v4/js/jquery-2.1.0.min.js"></script> <script src="/libhtml_v4/js/bootstrap.js"></script> <script src="/libhtml_v4/js/countUp.min.js"></script> <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-372370-4', 'auto'); ga('send', 'pageview'); </script> <style> /* Testing cw*/ .row-center { text-align: center; } .col-center { display: inline-block; float: none; } </style> <script language="javascript"> // Loading page complete $(window).load(function() { checkHero(); // Check hero height is correct animateWhenVisible(); // Activate animation when visible }); // Window resize $(window).resize(function() { $('.hero').css('height', getHeroHeight() + 'px'); // Refresh hero height }); // Get Hero Height function getHeroHeight() { var H = $(window).height(); // Window height if (H < heroBodyH) // If window height is less than content height { H = heroBodyH + 100; } return H } // Check hero height function checkHero() { if ($('#hero-bloc').length) { P = parseInt($('.hero-nav').css('padding-top')) * 2 window.heroBodyH = $('.hero-nav').outerHeight() + P + $('.vc-content').outerHeight() + 50; // Set hero body height $('.hero').css('height', getHeroHeight() + 'px'); // Set hero to fill page height } } // Scroll to target function scrollToTarget(D) { if (D == 1) // Top of page { D = 0; } else if (D == 2) // Bottom of page { D = $(document).height(); } else // Specific Bloc { D = $(D).offset().top; if ($('.sticky-nav').length) // Sticky Nav in use { D = D - 100; } } $('html,body').animate({ scrollTop: D }, 'slow'); } // Initial tooltips $(function() { $('[data-toggle="tooltip"]').tooltip() }) // Animate when visible function animateWhenVisible() { hideAll(); // Hide all animation elements inViewCheck(); // Initail check on page load $(window).scroll(function() { inViewCheck(); // Check object visability on page scroll scrollToTopView(); // ScrollToTop button visability toggle stickyNavToggle(); // Sticky nav toggle }); }; // Hide all animation elements function stickyNavToggle() { var V = 0; // offset Value var C = "sticky"; // Classes if ($('.sticky-nav').parent().is('#hero-bloc')) // If nav is in hero animate in { V = $('.sticky-nav').height(); C = "sticky animated fadeInDown"; } if ($(window).scrollTop() > V) { $('.sticky-nav').addClass(C); if (C == "sticky") { $('.page-container').css('padding-top', $('.sticky-nav').height()); } } else { $('.sticky-nav').removeClass(C); $('.page-container').removeAttr('style'); } } // Hide all animation elements function hideAll() { $('.animated').each(function(i) { if (!$(this).closest('.hero').length) // Dont hide hero object { $(this).removeClass('animated').addClass('hideMe'); } }); } // Check if object is inView function inViewCheck() { $($(".hideMe").get().reverse()).each(function(i) { var target = jQuery(this); var a = target.offset().top + target.height(); var b = $(window).scrollTop() + $(window).height(); if (target.height() > $(window).height()) // If object height is greater than window height { a = target.offset().top; } if (a < b) { var objectClass = target.attr('class').replace('hideMe', 'animated'); target.css('visibility', 'hidden').removeAttr('class'); setTimeout(function() { target.attr('class', objectClass).css('visibility', 'visible'); }, 0.01); } }); }; // ScrollToTop button toggle function scrollToTopView() { if ($(window).scrollTop() > $(window).height() / 3) { if (!$('.scrollToTop').hasClass('showScrollTop')) { $('.scrollToTop').addClass('showScrollTop'); } } else { $('.scrollToTop').removeClass('showScrollTop'); } }; // Light box support function setUpLightBox() { window.targetLightbox; $(document).on('click', '[data-lightbox]', function(e) // Create Lightbox Modal { e.preventDefault(); targetLightbox = $(this); var captionData = '<p class="lightbox-caption">' + $(this).attr('data-caption') + '</p>'; if (!$(this).attr('data-caption')) // No caption caption data { captionData = ''; } var customModal = $('<div id="lightbox-modal" class="modal fade"><div class="modal-dialog"><div class="modal-content ' + $(this).attr('data-frame') + '"><button type="button" class="close close-lightbox" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="modal-body"><a href="#" class="prev-lightbox" aria-label="prev"></a><a href="#" class="next-lightbox" aria-label="next"></a><img id="lightbox-image" class="img-responsive" src="' + $(this).attr('data-lightbox') + '">' + captionData + '</div></div></div></div>'); $('body').append(customModal); $('#lightbox-modal').modal('show'); // Handle navigation buttons (next - prev) if ($('a[data-lightbox]').index(targetLightbox) == 0) { $('.prev-lightbox').hide(); } if ($('a[data-lightbox]').index(targetLightbox) == $('a[data-lightbox]').length - 1) { $('.next-lightbox').hide(); } } ).on('hidden.bs.modal', '#lightbox-modal', function() // Handle destroy modal { $('#lightbox-modal').remove(); }) $(document).on('click', '.next-lightbox, .prev-lightbox', function(e) { e.preventDefault(); var idx = $('a[data-lightbox]').index(targetLightbox); var next = $('a[data-lightbox]').eq(idx + 1) // Next if ($(this).hasClass('prev-lightbox')) { next = $('a[data-lightbox]').eq(idx - 1) // Prev } $('#lightbox-image').attr('src', next.attr('data-lightbox')); $('.lightbox-caption').html(next.attr('data-caption')); targetLightbox = next; // Handle navigation buttons (next - prev) $('.next-lightbox, .prev-lightbox').hide(); if ($('a[data-lightbox]').index(next) != $('a[data-lightbox]').length - 1) { $('.next-lightbox').show(); } if ($('a[data-lightbox]').index(next) > 0) { $('.prev-lightbox').show(); } }); } </script> </head> <body> <div class="page-container"> <div class="bloc sticky-nav bgc-dark-jungle-green d-bloc"> <div class="container bloc-xs"> <nav class="navbar row"> <div class="navbar-header"> <a class="navbar-brand" href="index.php"> <img src="/libhtml_v4/images/BOLDlogo.png" alt="logo" /> </a> <button id="nav-toggle" type="button" class="ui-navbar-toggle navbar-toggle" data-toggle="collapse" data-target=".navbar-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="search-toggle" data-toggle="collapse" data-target=".search-wrap"> <span class="fa fa-search fa-lg"></span> </a> </div> <div class="collapse navbar-collapse navbar-1"> <ul class="site-navigation nav navbar-nav">  <li><a href="/index.php/IDS_OpenIdEngine">Identification v4</a></li> <li><a href="/index.php/TaxBrowser_Home">Taxonomy</a></li> <li><a href="/index.php/MAS_Management_UserConsole">Workbench</a></li>  <li><a href="/index.php/Login/page?destination=MAS_Management_UserConsole" >Login</a></li> <li class="nav-search"> <a href="#" data-toggle="collapse" data-target=".search-wrap"> <span class="fa fa-search icon-sm"></span> </a> </li> </ul> </div> </nav> </div> <div class="search-wrap collapse"> <form id="site-search" name="searchForm"> <div class="col-sm-3 col-md-2"> <label class="sr-only" for="search_type">Type</label> <select id="search_type" class="form-control" name="searchMenu"> <option value="taxonomy">Taxonomy</option> <option value="records">Public Data</option> <option value="bins">BINs</option> </select> </div> <div class="col-sm-9 col-md-10"> <label class="sr-only" for="search_keyword">Keyword</label> <input id="query" class="form-control" name="query" placeholder="Search" /> <input type="hidden" name="taxon" /> </div> </form> </div> </div> <div class="bloc bg-header-map3 b-parallax bgc-dark-electric-blue d-bloc bg-t-edge" id="promo">  <div class="container bloc-lg" style="padding-top:60px"> <div class="row"> <div class="col-sm-12"> <h1 class="mg-md text-center">BARCODE OF LIFE DATA SYSTEM <sup style="color:#F90; font-size:26px"> v4 </sup></h1> <p class="text-center">Advancing biodiversity science through DNA-based species identification.</p> <div class="hero-buttons">  <a href="/index.php/Public_BINSearch?searchtype=records" class="btn btn-lg btn-carrot-orange btn-sq">EXPLORE THE DATA</a> </div> </div> </div> </div> </div> <div class="bloc l-bloc bgc-white" id="intro"> <div class="container bloc-sm"> <div class="row"> <div class="col-sm-12"> <h3 class="mg-md text-center">DESIGNED TO SUPPORT THE GENERATION & APPLICATION OF DNA BARCODE DATA</h3> <p class="text-center">BOLD is a cloud-based data storage and analysis platform developed at the Centre for Biodiversity Genomics in Canada. It consists of four main modules, a data portal, an educational portal, a registry of BINs (putative species), and a data collection and analysis workbench.</p> </div> </div> </div> </div> <div class="bloc l-bloc bgc-white" id="featuresone"> <div class="container bloc-md"> <div class="row"> <div class="col-sm-3"> <div class="text-center"> <a href="/index.php/Public_BINSearch?searchtype=records"><span class="ion ion-android-download icon-md icon-round icon-carrot-orange animated zoomIn animDelay02"></span></a> </div> <h3 class="text-center mg-md">DATA PORTAL</h3> <p class="text-center">A data retrieval interface that allows for searching over 16.1M public records in BOLD using multiple search criteria including, but not limited to, geography, taxonomy, and depository.</p> </div> <div class="col-sm-3"> <div class="text-center"> <a href="/edu"><span class="ion ion-university icon-presentation icon-md icon-carrot-orange icon-round animated zoomIn animDelay04"></span></a> </div> <h3 class="mg-md text-center">EDUCATION PORTAL</h3> <p class="text-center">A custom platform for educators and students to explore barcode data and contribute novel barcodes to the BOLD database.</p> </div> <div class="col-sm-3"> <div class="text-center"> <a href="/index.php/Public_BarcodeIndexNumber_Home"><span class="fa fa-barcode icon-presentation icon-md icon-carrot-orange icon-round animated zoomIn animDelay04"></span></a> </div> <h3 class="mg-md text-center">BIN DATABASE</h3> <p class="text-center">A searchable database of Barcode Index Numbers (BINs), sequence clusters that closely approximate species.</p> </div> <div class="col-sm-3"> <div class="text-center"> <a href="/index.php/Login/page?destination=MAS_Management_UserConsole"><span class="fa fa-codepen icon-md icon-carrot-orange icon-round animated zoomIn animDelay06"></span></a> </div> <h3 class="mg-md text-center">WORKBENCH</h3> <p class="text-center">A data collection and analysis environment that supports the assembly and validation of DNA barcodes and other sequences.</p> </div> </div> </div> </div> <script> // Page ready $(document).ready(function() { if (Modernizr.mq('(min-width: 768px)')) { $('#promo').animate({ height: '408px' }, 600); $('#lead-in').animate({ height: '220px' }, 800); } new CountUp("count-barcodes", 0.00, 19843).start(); new CountUp("count-bins", 0, 1186).start(); new CountUp("count-animals", 0, 259).start(); new CountUp("count-plants", 0, 72).start(); new CountUp("count-fungi", 0, 25).start(); $('.hero').css('height', $(window).height() + 'px'); // Set initial hero height $('#scroll-hero').click(function() { $('html,body').animate({ scrollTop: $("#hero-bloc").height() }, 'slow'); }); setUpLightBox(); // Add lightbox Support $('form[name="searchForm"]').submit(function(e) { if (document.searchForm.searchMenu.value == "taxonomy") { document.searchForm.taxon.value = document.searchForm.query.value; //temp fix for now. document.searchForm.action = "/index.php/Taxbrowser_Taxonpage?taxon=" + document.searchForm.query.value + "&debug=1"; } else if (document.searchForm.searchMenu.value == "records") { document.searchForm.action = "/index.php/Public_SearchTerms?"; } else if (document.searchForm.searchMenu.value == "bins") { document.searchForm.action = "/index.php/Public_BINSearch?"; } }); }); </script> <div class="bloc-group"> <div class="bloc bloc-tile-3 bgc-dark-electric-blue d-bloc" id="statsone"> <div class="container bloc-sm"> <div class="row animated zoomIn animDelay02"> <div class="col-sm-12"> <h3 class="text-center"><span id="count-barcodes" style="font-size:32px">19843</span><span style="font-size:32px">K</span></h3> <p class="text-center">Barcodes</p> </div> </div> </div> </div> <div class="bloc bloc-tile-3 bgc-charcoal d-bloc" id="statstwo"> <div class="container bloc-sm"> <div class="row animated zoomIn animDelay04"> <div class="col-sm-12"> <h3 class="text-center"><span id="count-bins" style="font-size:32px">1186</span><span style="font-size:32px">K</span></h3> <p class="text-center">BINs</p> </div> </div> </div> </div> <div class="bloc bloc-tile-3 bgc-cadet-blue d-bloc" id="statsthree"> <div class="container bloc-sm"> <div class="row animated zoomIn animDelay06"> <div class="col-sm-12"> <h3 class="text-center"><span id="count-animals" style="font-size:32px">259</span><span style="font-size:32px">K</span></h3> <p class="text-center">Animal Species</p> </div> </div> </div> </div> <div class="bloc bloc-tile-3 bgc-charcoal d-bloc" id="statsfour"> <div class="container bloc-sm"> <div class="row animated zoomIn animDelay08"> <div class="col-sm-12"> <h3 class="text-center"><span id="count-plants" style="font-size:32px">72</span><span style="font-size:32px">K</span></h3> <p class="text-center">Plant Species</p> </div> </div> </div> </div> <div class="bloc bloc-tile-3 bgc-dark-electric-blue d-bloc" id="statsfive"> <div class="container bloc-sm"> <div class="row animated zoomIn animDelay08"> <div class="col-sm-12"> <h3 class="text-center"><span id="count-fungi" style="font-size:32px">25</span><span style="font-size:32px">K</span></h3> <p class="text-center">Fungi & Other Species</p> </div> </div> </div> </div> </div> <div class="bloc l-bloc bgc-white" id="overview"> <div class="container bloc-lg"> <div class="row"> <div class="col-sm-12"> <p class="text-center">The Barcode of Life Data System (BOLD) is an online workbench and database that supports the assembly and use of DNA barcode data. It is a collaborative hub for the scientific community and a public resource for citizens at large.</p> </div> </div> </div> </div> <div class="bloc bgc-carrot-orange bg-animalia d-bloc b-parallax" id="details"> <div class="container bloc-md"> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-sm-6"> <h3>Overview</h3> <p>DNA barcoding is a taxonomic method, that uses one or more standardized short genetic markers in an organism’s DNA to identify it as belonging to a particular species. Through this method unknown DNA samples are identified to registered species based on comparison to a reference library.</p>  </div> <div class="col-sm-6 feature-list"> <h3> <span class="fa fa-cogs"></span> Built for Research </h3> <p>BOLD was built by members of the barcoding community to solve the bioinformatics chasm that many researchers face.</p> <h3> <span class="fa fa-database"></span> Data Preservation </h3> <p>Primers, Electropherograms, Images and Sequences – every digital element of laboratory data has a place in BOLD.</p> </div> </div> </div> </div> </div> </div> <div class="bloc l-bloc bgc-white" id="featurestwo"> <div class="container bloc-lg"> <div class="row"> <div class="col-sm-3"> <div class="text-center"> <span class="ion ion-key icon-md icon-round icon-dark-electric-blue animated zoomIn animDelay02"></span> </div> <h3 class="text-center mg-md">ACCESS FOR ALL</h3> <p class="text-center">BOLD is freely available to anyone with interests in DNA barcoding, anywhere, anytime</p> </div> <div class="col-sm-3"> <div class="text-center"> <span class="fa fa-bar-chart icon-presentation icon-md icon-dark-electric-blue icon-round animated zoomIn animDelay04"></span> </div> <h3 class="text-center mg-md">FACILITATING RESEARCH</h3> <p class="text-center">BOLD aids the assembly of records that meet the BARCODE standards set out by the global community</p> </div> <div class="col-sm-3"> <div class="text-center"> <span class="ion ion-android-globe icon-md icon-dark-electric-blue icon-round animated zoomIn animDelay06"></span> </div> <h3 class="text-center mg-md">GLOBAL COLLABORATION</h3> <p class="text-center"> BOLD’s web-based delivery and flexible data security model make it well positioned to support projects that involve broad research alliances </p> </div> <div class="col-sm-3"> <div class="text-center"> <span class="ion ion-lock-combination icon-md icon-dark-electric-blue icon-round animated zoomIn animDelay08"></span> </div> <h3 class="text-center mg-md">SECURITY</h3> <p class="text-center">BOLD keeps submitted data password protected until it is ready for publication.</p> </div> </div> </div> </div>  <a class="bloc-button btn btn-d scrollToTop" onClick="scrollToTarget('1')"> <span class="fa fa-chevron-up"></span> </a> <div class="bloc bgc-platinum l-bloc" id="footer"> <div class="container bloc-md"> <div class="row">                    <div class="col-sm-3"> <h3 class="mg-md">Organization</h3> <ul class="list-unstyled"> <li><a href="/index.php/Resources/whatIsBOLD">About Us</a></li> <li><a href="/index.php/Resources/ContactUs">Contact Us</a></li> <li><a href="/index.php/NewsFeed">News & Events</a></li> </ul> </div> <div class="col-sm-3"> <h3 class="mg-md">Partners</h3> <ul class="list-unstyled"> <li><a href="http://www.ibol.org">iBOL</a></li> <li><a href="http://biodiversitygenomics.net/">CBG</a></li> <li><a href="http://ccdb.ca">CCDB</a></li> <li><a href="http://www.ncbi.nlm.nih.gov">GenBank</a></li> <li><a href="http://www.eol.org">EOL</a></li> <li><a href="http://www.gbif.org">GBIF</a></li> </ul> </div> </div> </div> </div> <div class="bloc bgc-floral-white l-bloc" id="affiliates"> <div class="container bloc-md"> <div class="row"> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/ibol-50v.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/CFREF.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" src="/libhtml_v4/img/MRI_logo.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/CFINN.png"/> </div> <div class="col-sm-2"> <img class="img-responsive center-block" style="margin-top:20px" src="/libhtml_v4/img/NSERC.png" /> </div> <div class="col-sm-2"> <img class="img-responsive center-block" src="/libhtml_v4/img/UoGuelph_image18-100x100.png" /> </div> </div> <div class="row"> <div class="col-xs-12"><br/><h5><small><strong>Copyright</strong> BOLD © 2014-2024</small></h5></div> </div> </div> </div> </div> </body> </html>

CINXE.COM

Bold Systems v4