List of collections :: UC Irvine, UCI Open

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>List of collections :: UC Irvine, UCI Open</title> <meta name="keywords" content="University, California, Irvine, UCI Open, research, education" /> <meta property="og:type" content="website" /> <meta property="og:title" content="List of collections" /> <meta property="og:url" content="http://open.uci.edu/collections" /> <meta property="og:description" content="List of collections :: UC Irvine, UCI Open" /> <meta name="description" content="List of collections :: UC Irvine, UCI Open" /> <meta name="twitter:card" value="summary"> <meta property="og:image" content="http://open.uci.edu/frontend/img/fb-logo.jpg">  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap_material/css/bootstrap-material-design.css" rel="stylesheet"> <link href="frontend/css/style.css" media="screen" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script src="bootstrap_material/js/material.min.js"></script> <script src="https://rawgit.com/bbClassic/YRSS/master/yrss.min.js"></script> <script src="frontend/js/jquery.expander.min.js"></script> <script src="frontend/js/testimonials.js"></script>  </head> <body> <nav aria-label="Skip to" id="skip-to"> <div class="container"> <div class="row"> <div class="col-xs-12"> <a class="sr-only sr-only-focusable btn-default" "https://open.uci.edu/href" onclick="jumper('maincontent');return false;">Skip to main content</a> </div> </div> </div> </nav> <div id="topcontainer" class="container"> <div class="row topbckgr"> <div class="col-sm-12 col-md-12" id="header"></div> </div> <div class="row"> <div class="col-sm-12 col-md-12" id="navi"> <div class="navbar navbar-default"> <div class="navbar-inner" id="nav" style="position: static; top: 0px; width: 100%; max-height: 40px"> <div class="bs-component"> <div class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  </div> <div class="navbar-collapse collapse navbar-responsive-collapse"> <ul class="nav navbar-nav"> <li ><a href="index.html">Home</a></li> <li class="dropdown"> <a href="collections.html#" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Collections <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="collections.html">What are Collections?</a></li> <li class="divider"></li> <li><a href="collections/open_chemistry.html">Open Chemistry</a></li> </ul> </li> <li ><a href="courses.html">Courses</a></li> <li ><a href="lectures.html">Lectures</a></li> </ul> <ul class="nav navbar-nav navbar-right"> </div> </ul> </div> </div> </div> </div> </div>   <div id="search-aux" style="display: none"></div> <script> $(document).ready(function(){ $('#frmsrch').on('submit', function(e){ e.preventDefault(); var sstr = $('#keyword').val(); $('#search-aux').text(sstr); $('#keyword').val( $('#search-aux').html() ); this.submit(); }); }); </script> </div> </div>  <div class="col-sm-12 col-md-12"> <ul class="breadcrumb"> <li> <a href="index.html"> Home </a> <span class="divider"></span> </li> <li class="active"> Collections </li> </ul> </div> <main role="document"> <h1 id="maincontent" tabindex="0" class="sr-only">Home</h1>  <style>  </style> <div class="col-sm-12 col-md-12" id="content"> <div class=" col-sm-11 col-md-11" id="content_left"> <h2>What is a Collection?</h2> <p>A <strong>collection </strong>is a curated set of instructional materials and videos from seminars, lecture series and classes. To view a collection, click on the collection name below followed by <em>View Collection,</em> or use the <em>Collections</em> dropdown menu from the navigation bar at the top of the page. The collection\'s home page will have links to the collection\'s contents.</p> <h2>Current Collections</h2>   <div class="panel-group" id="current-collections"> <div class="well panel panel-default"> <div class="panel-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#current-collections" href="collections.html#open_chemistry-acc-2304"> <h3>Open Chemistry</h3> </a> </div> <div id="open_chemistry-acc-2304" class="accordion-body collapse"> <div class="panel-body"> <div class="media"> <img class="pull-left img128 pop-preview" data-container="body" rel="popover" data-toggle="popover" data-trigger="hover" data-placement="right" data-html="true" data-content="<img style='max-width:250px;' src='http://ocw.uci.edu/upload/images/openchem_collage.png'>" src="http://ocw.uci.edu/upload/images/openchem_collage.png"> <div class="media-body"> <p><div class="expand"><p>Open Chemistry (OpenChem) provides a full curriculum of recorded lectures covering undergraduate chemistry plus selected graduate topics. Through lecture videos and ancillary materials, anyone in the world can effectively sit alongside UCI Irvine students and view complete undergraduate core and elective course lectures delivered by top faculty members. UCI's goal is to provide resources not only for learners, but for instructors, as well. Any of our OpenChem materials are immediately available for use by institutions or individual professors teaching their own courses.</p></div></p> <a href="collections/open_chemistry.html"><button class="btn btn-raised btn-primary btn-block pull-right">View Collection</button></a> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $('#myTabs a').click(function (e) { $('#preMessage').hide(); }); loadAds(); }); function loadAds(){ var ads = ''; if(ads.length > 1){ data = $.parseJSON(ads); images = new Array; links = new Array; $.each(data, function(ind, obj){ images[ind] = obj.adsImageURL; links[ind] = obj.adsRedirectURL; }); if(images.length > 1){ $('#img_url').html('<a href="https://open.uci.edu/'+ links[0] +'"><img src="https://open.uci.edu/'+ images[0] +'" class="img-responsive" style="border: 0px;"></a>'); $('#img_url1').html('<a href="https://open.uci.edu/'+ links[1] +'"><img src="https://open.uci.edu/'+ images[1] +'" class="img-responsive" style="border: 0px;"></a>'); }else{ $('#img_url').html('<a href="https://open.uci.edu/'+ links[0] +'"><img src="https://open.uci.edu/'+ images[0] +'" class="img-responsive" style="border: 0px;"></a>'); } } } </script> </main> </div> </div> <br> <footer id="footer-head" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-12"> <p></p> </div> <div class="col-sm-1 col-md-1"></div> <div id="footer_container"> </div> <div class="col-sm-1 col-md-1"></div> </div> </div> </footer> </body> <script type="text/javascript"> var strcont = ''; var promoloc = ''; var fooDesign = ''; var headDesign = ''; $.ajax({ url: "/default/frontend/getfooterdesign", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { fooDesign = datos; }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $.ajax({ url: "/default/frontend/getheaderdesign", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { headDesign = datos; }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $.ajax({ url: "/default/frontend/getfooterdata", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { var fooAdd = new Array(); var areaAnterior = ''; var areaSequenceAnterior = ''; var ii=0; for (data in datos) { if(datos[data]['fooArea']!=areaAnterior) { if(areaAnterior != '') { fooAdd[areaSequenceAnterior] += '</ul>'; fooAdd[areaSequenceAnterior] += '</div>'; } if(fooDesign!='3'&&fooDesign!='4') fooAdd[datos[data]['areaSequence']] = '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-0'+ii+'">'; else fooAdd[datos[data]['areaSequence']] = '<div>'; if(datos[data]['idArea']!=1) { fooAdd[datos[data]['areaSequence']] += '<p>' + datos[data]['fooArea'] + '</p>'; fooAdd[datos[data]['areaSequence']] += '<ul>'; } } if(datos[data]['idArea']==1) { fooAdd[datos[data]['areaSequence']] += '<p>' if(datos[data]['fooDescription']!="") { fooAdd[datos[data]['areaSequence']] += datos[data]['fooDescription']; } if(datos[data]['fooImageUrl']!="") { fooAdd[datos[data]['areaSequence']] += '<a href="https://open.uci.edu/'+datos[data]['fooUrl']+'"><img src="https://open.uci.edu/'+datos[data]['fooImageUrl']+'" style="max-width: 150px" alt="' + strip_tags(datos[data]['fooDescription']) + '"></a>'; } fooAdd[datos[data]['areaSequence']] += '</p>'; if(datos[data]['fooImageUrl'].indexOf("donate")!=-1) { fooAdd[datos[data]['areaSequence']] += '</div>'; if(fooDesign!='3'&&fooDesign!='4') fooAdd[datos[data]['areaSequence']] += '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-1'+ii+'">'; else fooAdd[datos[data]['areaSequence']] += '<div>'; //fooAdd[datos[data]['areaSequence']] += '<div class="span2" id="sitemap">'; } }else { fooAdd[datos[data]['areaSequence']] += '<li><a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '" alt="' + strip_tags(datos[data]['fooDescription']) + '">' + datos[data]['fooDescription'] + '</a></li>'; } areaAnterior = datos[data]['fooArea']; areaSequenceAnterior = datos[data]['areaSequence']; ii++; } fooAdd[areaSequenceAnterior] += '</div>'; switch (fooDesign){ case '1': $("#footer_container").html(fooAdd.filter(Boolean)); break; case '2': $("#footer_container").html(fooAdd.sort(function(a, b){return b-a})); break; case '3': var container = '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-2">'; var i=1; for(foo in fooAdd){ container += fooAdd[foo]; if(i % 2 == 0){ container += '</div>'; container += '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-3">'; } i++; } container += '</div>'; $("#footer_container").html(container); document.getElementById('footer_container').style='padding-left: 24%;'; break; case '4': var container = '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-4">'; var i=1; for(foo in fooAdd.sort(function(a, b){return b-a})){ container += fooAdd[foo]; if(i % 2 != 0){ container += '</div>'; container += '<div class="stl-sitemap col-sm-2 col-md-2" id="sitemap-5">'; } i++; } container += '</div>'; $("#footer_container").html(container); document.getElementById('footer_container').style='padding-left: 30%;'; break; default: $("#footer_container").html(fooAdd.filter(Boolean)); break; } }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $.ajax({ url: "/default/frontend/getheaderdata", data: {}, dataType: "json", global: true, cache: false, ifModified: false, processData: true, success: function (datos) { var headAdd = new Array(); var areaAnterior = ''; var areaSequenceAnterior = ''; headAdd[1]=''; headAdd[2]=''; for (data in datos) { if ((datos[data]['fooDescription']).toUpperCase() == 'logo'.toUpperCase()) { headAdd[1] = '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img class="logo" src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" alt="' + strip_tags(datos[data]['fooDescription']) + '"></a>'; } else { if(headAdd[2]==''||headAdd[2]==null) if(datos[data]['idArea']==4) headAdd[2] = '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:32px;height:32px;"></a>'; else headAdd[2] = '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:90px;height:32px;"></a>'; else headAdd[2] += '<a href="https://open.uci.edu/' + datos[data]['fooUrl'] + '"><img src="https://open.uci.edu/' + datos[data]['fooImageUrl'] + '" id="" alt="' + strip_tags(datos[data]['fooDescription']) + '" style="margin-top:35px;width:32px;height:32px;"></a>'; } } var span_right = '<span style="float:right; margin-right:10px;">'; var span_left = '<span style="float:left; margin-left:10px;">'; var close_span = '</span>'; switch (headDesign){ case '1': $("#header").html(headAdd[1]+span_right+headAdd[2]+close_span); break; case '2': $("#header").html(span_left+headAdd[2]+close_span+span_right+headAdd[1]+close_span); break; case '3': $("#header").html(headAdd[1]); document.getElementById('header').style='text-align:center;'; break; default: $("#header").html(headAdd[1]+span_right+headAdd[2]+close_span); break; } }, error: function (request, status, error) { mensaje = request.responseText != '' ? request.responseText : 'Timed out or interrupted session, you may be having problems in the network' ; $('#acceptbox div').html(mensaje); $('#acceptbox').css('background-color', '#E8747D'); }, timeout: 20000, type: "POST" }); $(function() { $("iframe[src^='http://www.youtube.com'], iframe[src^='//www.youtube.com']" ).each(function(){ var url = $(this).attr("src"); var char = "?"; if(url.indexOf("?") != -1){ var char = "&"; } $(this).attr("src",url+char+"wmode=opaque"); }); // resize videos $("object, embed, iframe[src^='//www.youtube.com'],iframe[src^='http://www.youtube.com']").each(function() { var orig = $(this); var ratio = orig.attr("height") / orig.attr("width"); var parWidth = orig.parent().width(); if(parWidth > 0) { if(orig.attr("width")> parWidth) { orig .attr("width", parWidth) .attr("height", (parWidth * ratio)); } } }); $('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show'); }); $("[rel='popover']").popover(); }); $(document).ready(function() { $('.expand').expander({ slicePoint: 350, expandText: ' Read more', userCollapseText: ' Less' }); //Arbitrary content generation if(strcont.length > 58){ var arrcont = JSON.parse( strcont ); $.each(arrcont.AC , function( side, sideval ) { $.each(sideval, function( i, acitem ) { if(acitem){ $.each(acitem, function( actype, acsrc ){ insertArbitraryContent(side, actype, acsrc); }); } }); }); } relocatePromotions(); $('#accept').click(function(e){ e.preventDefault(); saveOCW(); }); var menu = $('.navbar-inner'); var origOffsetY = menu.offset().top; function scroll() { if ( $(window).scrollTop() > origOffsetY ) { $('.navbar-inner').css({ "position": "fixed", "width": "1170px" }); $('.navbar-inner').addClass( "nbfixed" ); } else { $('.navbar-inner').removeClass( "nbfixed" ); $('.navbar-inner').css({ "position": "static", "width": "100%" }); } } document.onscroll = scroll; }); function insertArbitraryContent(side, actype, acsrc){ var side_secc = $("#side"+side); // Sino existe la columna especificada utiliza la central if(side_secc.length == 0) side_secc = $("#sidec"); // Usa la columna central var add_id = 'ac'+side+'_'+side_secc.children().length; var add; if( actype == 'vid' ){ add = '<div id="'+add_id+'" class="well-sm acont-pub centrme" style="margin-bottom: 20px;padding: 0;"><iframe src="https://open.uci.edu/'+acsrc+'" frameborder="0" allowfullscreen="" width="100%"></iframe></div>'; } else if( actype == 'img' ){ add = '<div id="'+add_id+'" class="well-sm acont-pub centrme" style="margin-bottom: 20px;padding: 0;"><img src="https://open.uci.edu/'+acsrc+'" class="img-polaroid img-responsive" alt="Illustrative image" style="border: 0;padding: 2px;"></div>'; } else if( actype == 'txt' ){ add = '<div id="'+add_id+'" class="well-sm acont-pub" style="margin-bottom: 20px;padding: 0;"><div class="well editor" style="padding: 10px;">'+acsrc+'</div></div>'; } side_secc.append(add); if(side=='c' && !!$('.testimbox').length) $('.testimbox').appendTo($("#sidec")); //Scale aspect ratio player if( actype == 'vid' ){ var height = parseInt( $("#"+add_id+" iframe").width()/1.333 ); $("#"+add_id+" iframe").prop("height", height+'px'); } } function relocatePromotions(){ if(!!$('#sidel .promobox').length){ if(promoloc=='1') $('.promobox').prependTo('#sidel'); else $('.promobox').appendTo('#sidel'); } if(!!$('#sider .promobox').length){ if(promoloc=='1') $('.promobox').prependTo('#sider'); else $('.promobox').appendTo('#sider'); } } function jump(h){ var top = document.getElementById(h).offsetTop; window.scrollTo(0, top); document.getElementById(h).focus(); } function strip_tags(html) { var tmp = document.createElement("DIV"); tmp.innerHTML = html; //return tmp.textContent || tmp.innerText || ""; var strpd = tmp.textContent || tmp.innerText || ""; return strpd.replace(/['"]+/g, ''); } function jumper(h){ var top = document.querySelector('#'+h).offsetTop; window.scrollTo(0, top); document.querySelector('#'+h).focus(); } </script> </html>

CINXE.COM

List of collections :: UC Irvine, UCI Open