CINXE.COM
VIDEO: Character and Agency - UCTV - University of California Television
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-4789603-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-4789603-3'); </script> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@uctelevision" /> <meta name="twitter:creator" content="@uctelevision" /> <title>VIDEO: Character and Agency - UCTV - University of California Television</title> <!-- Other Meta Tags --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta property="og:title" content="VIDEO: Character and Agency" /> <meta property="og:description" content=" Recorded on 10/09/2024." /> <meta property="og:image" content="https://www.uctv.tv/images/default/40221.jpg" /> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="650"> <meta property="og:image:height" content="366"> <link rel="icon" type="image/png" href="/images/UCTV-icon.png"> <meta name="description" content="University of California Television provides informational, educational, and enrichment television programming to the public and draws upon the vast intellectual, scientific, and creative talents of the University of California." /> <meta http-equiv="imagetoolbar" content="false" /> <meta name="robots" content="all" /> <meta name="author" content="UCTV, University of California Television - https://www.uctv.tv" /> <meta name="keywords" content=", , Psychology, 40221, , , ,, UCTV, university of california television, public television, satellite, television, tv, san diego, arts, education, science, humanities, public affairs, health, medicine" /> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-metro.css"> <!-- Tweet Code --> <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> <!-- Must Have Scripts --> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/css/boots.css?i=v4" media="screen" /> <style type="text/css"> .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .video-responsive video{ left:0; top:0; height:100%; width:100%; position:absolute; } .video-responsive soon{ left:0; top:0; height:100%; width:100%; position:absolute; } #grad1 { height: 200px; background-color: LightGray; /* For browsers that do not support gradients */ background-image: linear-gradient(to bottom right, rgba(238, 238, 238, 1.0), rgba(212, 212, 212, 1.0)); /* Standard syntax (must be last) */ } #myDIV { padding: 20px; text-align: center; background-color: #f4f4f4; margin-top: 20px; } #myTVDIV { width: 100%; padding: 0px; text-align: center; background-color: #f4f4f4; margin-top: 20px; padding: 0; } ol#tv_schedule { margin: 0; padding: 20px; } ol#tv_schedule li{ margin-bottom: 0 !important; list-style-type:none; } #tv_schedule li { padding: 5px; margin: 0; font-size: 11px; color: #333; background-color: #f4f4f4; list-style-type:none } #tv_schedule li.odd { background-color: White; list-style-type:none } #tv_schedule span { } #relatedSpeaker ul { list-style: none; padding-left: 0; list-style-position: inside; } #relatedSpeaker ul li { list-style: none; padding-left: 0; list-style-position: inside; } #relatedSpeaker li { margin-left: 0; padding-left: 0; list-style-type:none; margin-left: -40px; } .btn { color: #0066cc; text-decoration: none; } .btn:hover { color: DarkBlue; text-decoration: none; } </style> </head> <body> <!-- UCTV, GLOBAL LINKS & SEARCH FIELD --> <div class="container-fluid"> <!-- begin header row --> <div class="row" style=""> <div class="col hero-image"> <nav class="navbar navbar-expand-xl navbar-dark text-light"> <div class="d-none d-sm-block"><a class="navbar-brand" href="/"> <img src="/images/UCTV-logo-header.png" alt="" class="image-fluid" style="width: 100%; max-width: 350px;"> </a></div><div class="d-block d-sm-none"><a class="navbar-brand" href="/"> <img src="/images/UCTV-logo-header-medium.png" alt="" class="image-fluid" style="width: 100%; max-width: 180px;"> </a></div> <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <!--<span class="navbar-toggler-icon " style="background-image: url(/images/magnifier-4.svg);"></span>--> <span class="navbar-toggler-icon " style="background-image: url(/images/nav-icon-magnifier4.png);"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent" style=""> <ul class="navbar-nav mr-4 float-lg-right "> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle text-light" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> EXPLORE </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="font-size: .85em; padding: 10px; line-height: 2.0em; margin-top: 0;" > <a class="dropdown-item" href="/topics/" style=""><div style="font-weight: bold;">Topics / Subjects</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Programs filtered by subjects<br />and categories</div></a> <a class="dropdown-item" href="/playlists/" ><div style="font-weight: bold;" style="font-weight: bold;">Series / Playlists</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Curated collections of programs</div></a> <a class="dropdown-item" href="/channels/"><div style="font-weight: bold;">Channels</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Themed channels that explore the<br /> research interests of UC partners</div></a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/teachers/" ><div style="font-weight: bold;">Teacher's Resources</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Videos aimed at providing resources<br />for teachers in the classroom</div></a> <a class="dropdown-item" href="/meded/" ><div style="font-weight: bold;">MedEd Resources</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Medical programs targeted for medical<br />professionals to increase their knowledge</div></a> <a class="dropdown-item" href="/campuses/" ><div style="font-weight: bold;">UC Campuses</div> <div class="d-none d-lg-block" style="line-height: 1.5em; color: #999999; font-size: .9em;">Programs by University of California<br />campuses, labs and research centers</div></a> <a class="dropdown-item" href="/speakers/"><div style="font-weight: bold;">Speakers</div></a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/spanish/"><div style="font-weight: bold;">Spanish Language</div></a> <a class="dropdown-item" href="/portuguese/"><div style="font-weight: bold;">Portuguese Language</div></a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/search/"><div style="font-weight: bold;">All Videos</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Complete, searchable UCTV video archive</div></a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle text-light" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> WHERE TO WATCH </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="font-size: .85em; padding: 10px; line-height: 2.0em; margin-top: 0;"> <a class="dropdown-item" href="/watch/"><div style="font-weight: bold;">Live Stream & Schedule</div> <div class="d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Watch UCTV live online and<br />browse the broadcast schedule</div></a> <div class="dropdown-divider"></div> <div class="dropdown-header d-none d-lg-block" style=" line-height: 1.5em; color: #999999; font-size: .9em;">Explore the many ways to watch<br />UCTV programs live and ondemand:</div> <a class="dropdown-item" href="https://www.youtube.com/uctv" target="_blank"><div style="font-weight: bold;">YouTube</div></a> <a class="dropdown-item" href="/rss"><div style="font-weight: bold;">Podcasts & RSS Feeds</div></a> <a class="dropdown-item" href="/roku/"><div style="font-weight: bold;">Roku</div></a> <a class="dropdown-item" href="https://apps.apple.com/us/app/uctv-videos-and-podcasts/id515973422" target="_blank"><div style="font-weight: bold;">iPhone App</div></a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle text-light" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > ABOUT </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="font-size: .85em; padding: 10px; line-height: 2.0em; margin-top: 0;"> <a class="dropdown-item" href="/about/"><div style="font-weight: bold;">About UCTV</div></a> <a class="dropdown-item" href="https://myuctv.tv/" target="_blank"><div style="font-weight: bold;">UCTV Blog</div></a> <a class="dropdown-item" href="/contributors/"><div style="font-weight: bold;">Program Contributors</div></a> <a class="dropdown-item" href="/support/" target="_blank"><div style="font-weight: bold;">Support (Donate)</div></a> <a class="dropdown-item" href="https://www.universityofcalifornia.edu" target="_blank"><div style="font-weight: bold;">University of California</div></a> </div> </li> </ul> <form method="get" action="/search/" class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="text" name="keyword" size="20" class="inputText" value="search" alt="Search Box" onfocus="if(this.value == 'search') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'search'; }" /> <button class="btn btn-outline-light my-2 my-sm-0" type="submit" style="color: white;">Search</button> </form> </div> </nav> </div> <!-- end header column --> </div> <!-- end header row --> </div> <div class="container-fluid"> <!-- begin bottom row/column with padding--> <div class="row" style="background-color: White;margin-top: 20px;"> <div class="col-xl-10 offset-xl-1" style="background-color: White;"> <!-- begin bottom row --> <div class="row" style=""> <!-- begin left column --> <div class="col-sm-8" style=""> <div id="movie-player" class=""> <!-- YOUTUBE VIDEO PLAYER --> <!-- LOCAL VIDEO PLAYER --> <!-- COMING SOON / BROADCAST SCHEDULE, ETC --> <div id="upRM" class="" style="background-image:url(/images//widescreen/40221.jpg);"> <div id="grad1" style="text-align: center;padding: 40px;" > <div style="font-size: 1.5em;margin-bottom: 20px;">COMING SOON</div> Bookmark this page and come back soon<br />to watch this program online. </div> </div> </div> <!-- END movieplayer --> <h2 style="margin-top: 20px;font-weight: bolder;">Character and Agency</h2> <h5 style="margin: 20px 0;"><div class="">11/26/2024; 77 minutes</div></h5> <div class="row"> <div class="col-sm-8" style="line-height: 1.8em;"><p class=""><span style="" > Recorded on 10/09/2024.</span> (#40221)</p></div> <!-- begin Gray Embed/Podcast/TV Sched box --> <div class="col-sm-4" style=""> <!-- YouTube Embed Code --> <div id="myDIV" class="rounded" style="display: none; margin-bottom: 20px; font-size: .9em;"> Copy the following code and paste it into your web page to embed this video:<br><br> <textarea class="form-control" rows="5" style="font-size: .9em;"><iframe width="" height="100%" src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe></textarea> </div> <script> function myFunction() { var x = document.getElementById("myDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <!-- TV Schedule Code --> <div id="myTVDIV" class="rounded" style="display: none; margin-bottom: 20px;"> <div class="" style="width: 100%; text-align: center; padding-top: 15px;">Upcoming TV Schedule:</div> <a name="schedule"></a> <ol id="tv_schedule"> <li class="odd"><span>12/2/2024</span> <span>12:00 AM pacific</span></li> <li class="even"><span>12/3/2024</span> <span>6:00 AM pacific</span></li> <li class="odd"><span>12/4/2024</span> <span>1:00 PM pacific</span></li> <li class="even"><span>12/5/2024</span> <span>5:00 PM pacific</span></li> <li class="odd"><span>12/5/2024</span> <span>8:00 PM pacific</span></li> <li class="even"><span>12/6/2024</span> <span>9:00 AM pacific</span></li> <li class="odd"><span>12/7/2024</span> <span>3:00 AM pacific</span></li> <li class="even"><span>12/8/2024</span> <span>1:30 AM pacific</span></li> <li class="odd"><span>12/8/2024</span> <span>9:30 AM pacific</span></li> <li class="even"><span>12/8/2024</span> <span>5:30 PM pacific</span></li> </ol> </div> <script> function myTVFunction() { var x = document.getElementById("myTVDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <div class="rounded" style="background: #f4f4f4; text-align: center; padding: 15px; line-height: 1.7em; "><small><span id="MoviePodcasts"><button type="button" class="btn btn-link btn-sm" onclick="myTVFunction()" style="text-decoration: none; ">TV SCHED</button></span></small></div> </div> <!-- end gray embed box --> </div> <div class="rounded" style="background-image: linear-gradient(#fdfaf1, #fae9b9); margin-top: 15px; text-align: center; padding: 10px; line-height: 1.7em; "> <h5><b>Like what you learn?</b><br /><br />Donate to UCTV to support informative & inspiring programming.</h5> <div class="w3-container mt-4" style=""><p><a href="/donate"><button class="w3-button w3-small w3-blue w3-round " style="" >DONATE</button></a></p></div> </div> <!-- LINKS & RESOURCES --> <a name="links"></a> <div style="margin-top: 50px; border-bottom: 1px solid #333; margin-bottom: 30px; font-weight: bold;"><h4 style="font-weight: bold;">Links & Resources</h4></div> <div style="padding-left: 0"> <a name="links" target=_blank></a> <ul id="" style="padding-left: 0;"><li class="" style="list-style-type:none"><div style="margin-top: 30px;"><h5>Campus Web Site(s):</h5></div><ul style="padding-left: 0;"><li class="" style="list-style-type:none; margin-top: 10px;"><a href="https://www.berkeley.edu/" class="nounderline" target=_blank><span style="" >UC Berkeley</span></a> </li></ul></li> <li class="" style="list-style-type:none"><div style="margin-top: 30px;"><h5>Related Series:</h5></div><ul style="padding-left: 0;"><li class="" style="list-style-type:none; margin-top: 10px;"><a href="https://www.uctv.tv/cwh/" class="nounderline" target=_blank><span style="" >See many of these speakers as guests on our Conversations With History series</span></a> </li></ul></li> <li class="" style="list-style-type:none"><div style="margin-top: 30px;"><h5>Sponsor(s):</h5></div><ul style="padding-left: 0"><li class="" style="list-style-type:none; margin-top: 10px;"><a href="https://gradlectures.berkeley.edu/" class="nounderline" target=_blank><span style="" >UC Berkeley Graduate Lectures</span></a> </li></ul></li></ul></div> <!-- MORE PROGRAMS WITH SPEAKERS --> <span id="MorePrograms"></span> <div id="resource-list"><span id="MoreResourceList" class="pagelinks"></span> </div> <!-- BEGIN INVISIBLE STUFF. KEEP - IF YOU DELETE, THE CODE BREAKS --> <div id="movie-resources" > <span id="Message"></span> </div> <!-- END INVISIBLE STUFF --> </div> <!-- end left column --> <!-- begin sidebar column --> <div class="col-sm-4" style="background: #f4f4f4;"> <div style="margin-top: 15px; text-align: center;"><h5><small>Explore more in this series:</br><a href="/grad-council" class=""> UC Berkeley Graduate Lectures</a></small></h5></div> <span id="SeriesGraphic"><div style="margin-top: 12px;"><a href="/grad-council" class="promos"><img src="/images//series/widescreen/206.jpg" alt="UC Berkeley Graduate Lectures" width="100%" border="0" style="padding:2px;" /></div></a></span> <span id="lblSeriesURL"></span> <span></span> <div class="col" style="text-align: right;margin-top: 15px;" ><h5><small><a href="/grad-council" class="">> see more</a></small></h5></div> <!-- RELATED PROGRAMS AUTO --> <div id="RelatedShowsAutoPanel"> <span id="RelatedShowBlocks_GotRelated"><div class="" style="margin: 30px 0 20px 0; border-top: 1px solid Gray;"><h4 style="font-weight: bold;">Related Programs</h4></div></span> <h4 style=""><small>Psychology</small></h4> <div class="container-fluid;"> <div class="row" style="margin-top: 15px;"> <div class="col col-md-12 col-lg-12 col-xl-6" style="display:inline-block !important; "><a href="../search-details.aspx?showID=39240"><img src="/images//rokupicts/39240.jpg" style="width:100%;" /></a></div> <div class="col col-md-12 col-lg-12 col-xl-6" style="display:inline-block !important; margin-left: -10px; margin-top: -15px;"><h5><small><a href="search-details.aspx?showID=39240" style=" font-weight: light;"><span style="" >'I' and Self-Consciousness</span></a></small></h5></div> </div> <div class="row" style="margin-top: 15px;"> <div class="col col-md-12 col-lg-12 col-xl-6" style="display:inline-block !important; "><a href="../search-details.aspx?showID=36518"><img src="/images//rokupicts/36518.jpg" style="width:100%;" /></a></div> <div class="col col-md-12 col-lg-12 col-xl-6" style="display:inline-block !important; margin-left: -10px; margin-top: -15px;"><h5><small><a href="search-details.aspx?showID=36518" style=" font-weight: light;"><span style="" >Modeling Mating: Human Mate Choice in Evolutionary and Computational Perspective</span></a></small></h5></div> </div> <div class="row" style="margin-top: 15px;"> <div class="col col-md-12 col-lg-12 col-xl-6" style="display:inline-block !important; "><a href="../search-details.aspx?showID=34248"><img src="/images//rokupicts/34248.jpg" style="width:100%;" /></a></div> <div class="col col-md-12 col-lg-12 col-xl-6" style="display:inline-block !important; margin-left: -10px; margin-top: -15px;"><h5><small><a href="search-details.aspx?showID=34248" style=" font-weight: light;"><span style="" >Enlightenment Now: The Future of Progress with Steven Pinker</span></a></small></h5></div> </div> </div> <div class="col" style="text-align: right;" > <div> <div class="" style="margin-top: 15px;"> <h5><small><a class="" href="/search-moreresults.aspx?catSubID=162" >> see more</a></small></h5></div> </div> </div> <div style="clear:both;border: solid #666666; border-width: 0 0 1px 0;margin-bottom: 20px;padding-top:20px;" ></div> </div> <div style="height: 50px;"> </div> </div> <!-- end right column --> </div> <!-- end inner row --> </div> <!-- end outline column --> </div> <!-- end outline row --> </div> <!-- end container fluid --> <div style="height: 60px;"> </div> <div class="container-fluid" style="background: #f4f4f4; line-height: 1.8em;"> <div class="row pb-5" > <div class="col-md p-md-5 p-sm-3 mt-0" style="text-align: center; border-right: 1px solid Gray;"> <img src="/images/uctv-logo.png" height="50px;" style=" margin-bottom: 20px;"> <br clear="all"/> <b>SIGN UP FOR EMAIL UPDATES</b> <div style="line-height: 1.5em; margin-top: 15px; margin-bottom: 15px;"> Subscribe to receive email notifications about featured videos. </div> <div class="w3-container mt-4" style="text-align: center;"><p><a href="https://app.e2ma.net/app2/audience/signup/1934560/1924659/"><button class="w3-button w3-medium w3-blue w3-round " style="" >Click to Subscribe</button></a></p></div> </div> <div class="col-md mt-5 ml-md-5 ml-sm-3"><div style="margin-bottom: 15px;">EXPLORE </div> <ul class="nav flex-column"> <li class="nav-item"><a class="nav-link" href="/search/">Videos</a></li> <li class="nav-item"><a class="nav-link" href="/topics/">Topics / Subjects</a></li> <li class="nav-item"><a class="nav-link" href="/playlists/">Series / Playlists</a></li> <li class="nav-item"><a class="nav-link" href="/channels/">Channels</a></li> <li class="nav-item"><a class="nav-link" href="/watch/">Live Stream</a></li> <li class="nav-item"><a class="nav-link" href="/wheretowatch/">Where to Watch</a></li> <li class="nav-item"><a class="nav-link" href="/retransmission/">Retransmission</a></li> <li class="nav-item"><a class="nav-link" href="/search/">Search</a></li> </ul> </div> <div class="col-md mt-5"><div style="margin-bottom: 15px;">LEARN MORE </div> <ul class="nav flex-column"> <li class="nav-item"><a class="nav-link" href="/about/">About UCTV</a></li> <li class="nav-item"><a class="nav-link" href="https://myuctv.tv/">UCTV Blog</a></li> <li class="nav-item"><a class="nav-link" href="/contributors/">Program Contributors</a></li> <li class="nav-item"><a class="nav-link" href="/support/">Support</a></li> <li class="nav-item"><a class="nav-link" href="https://universityofcalifornia.edu/" target="_blank">University of California</a></li> </ul> </div> <div class="col-md mt-5"><div style="margin-bottom: 15px;">CONNECT </div> <ul class="nav flex-column" style="line-height: .7em;"> <li class="nav-item" style="line-height: 1.5em;"><a class="nav-link" href="/contact/">Contact UCTV</a></li> <li class="nav-item" style="line-height: 1.5em; margin-bottom: 10px;"><a class="nav-link" href="/forms/feedback.aspx">Feedback</a></li> <li class="nav-item" style=""><div style="float: left;"><img src="/images/social/facebook.png" height="30px;" style="padding-right: 15px;"></div><div><a class="nav-link" href="https://www.facebook.com/uctelevision" style="" target="_blank">Facebook</a></div></li> <li class="nav-item" style=""><div style="float: left;"><img src="/images/social/youtube.png" height="30px;" style="padding-right: 15px;"></div><div><a class="nav-link" href="https://www.youtube.com/uctv" style="" target="_blank">YouTube</a></div></li> <li class="nav-item" style=""><div style="float: left;"><img src="/images/social/podcasts.png" height="30px;" style="padding-right: 15px;"></div><div><a class="nav-link" href="https://podcasts.apple.com/us/artist/uctv/1280664208?mt=2" style="" target="_blank">Apple Podcasts</a></div></li> </ul> </div> </div> <div class="row"> <div class="col-sm float-sm-right" style=""> <h6><small>(c)2020 Regents of the University of California. All right reserved. <a href="https://www.ucop.edu/terms/" target="_blank">Terms and Conditions of Use.</a></small></h6> </div> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <!-- Bootstrap JS local fallback --> <script>if(typeof($.fn.modal) === 'undefined') {document.write('<script src="../bootstrap/js/bootstrap.min.js"><\/script>')}</script> <!-- Bootstrap CSS local fallback --> <div id="bootstrapCssTest" class="hidden"></div> <script> $(function() { if ($('#bootstrapCssTest').is(':visible')) { $("head").prepend('<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">'); } }); </script> </body> </html>