Collaborama About Help Contact Anonymous [login] Source: site.view [edit] Function name: home2 Arguments: Description: Page type: html Render function: Module: adam Page source: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW"> <title>Adam Cheyer</title> <link rel="shortcut icon" href="favicon.ico"> <!-- Google Font--> <link href='http://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700,900,900italic,700italic%7COswald:400,300,700' rel='stylesheet' type='text/css'> <!-- Design Style --> <link rel="stylesheet" type="text/css" href="/css/scroll.css" /> <link rel="stylesheet" type="text/css" href="/css/style.css" /> <!-- Icon --> <!-- link rel="stylesheet" type="text/css" href="css/font-awesome.css" / --> <script src="https://kit.fontawesome.com/d3f81c979b.js" crossorigin="anonymous"></script> <!-- Portfolio Thumbnail / Slider --> <link rel="stylesheet" type="text/css" href="/css/portfolio.css" /> <link rel="stylesheet" type="text/css" href="/css/carousel.css"> <!-- Responsive --> <link rel="stylesheet" type="text/css" href="/css/responsive.css" /> <!-- Progressbar / Skills--> <script type="text/javascript" src="/js/progressbar.js"></script> <!-- Portfolio--> <script src="/js/modernizr.custom.js"></script> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script> <!-- AG-GRID --> <script type="text/javascript" language="javascript" src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.js"></script> <link rel="stylesheet" type="text/css" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css"> <link rel="stylesheet" type="text/css" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine-dark.css"> <style type="text/css"> .cell-wrap-text { white-space: normal !important; } </style> <script type="text/javascript" class="init"> // cell renderer class function HTMLCellRenderer() { } // init method gets the details of the cell to be renderer HTMLCellRenderer.prototype.init = function(params) { this.eGui = document.createElement('div'); this.eGui.innerHTML = params.value; }; HTMLCellRenderer.prototype.getGui = function() { return this.eGui; }; var defaultColDefs = { sortable: true, resizable: false, suppressCellSelection: true }; // specify the columns var pubsColDefs = [ {headerName: "Year", field: "year", width:87, sort: 'desc'}, {headerName: 'Publication', colId: 'publication', flex:1, cellClass: 'cell-wrap-text', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { return '<b>' + params.data.title + '</b><ul>' + params.data.authors + '<br>' + params.data.where + ". " + params.data.when + '.</ul>'; }}, {headerName: "Title", field:"title", hide:true}, {headerName: "Authors", field:"authors", hide:true}, {headerName: "Where", field:"where", hide:true}, {headerName: "When", field: "when", hide:true}, {headerName: "Url", field: "url", width:60, sortable: false, pinned: 'right', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { if (params.data.url != "") { return " <span><a id='myBtn'><i class='fas fa-chevron-circle-up'></i></a><span class='hidden modelData'><h4>" + params.data.title+"</h4><iframe width='100%' height='90%' src='" + params.data.url + "'></iframe></span></span>" } else { return ' '; }; }}, {headerName: "Tags", field: "tags", hide:true} ]; // let the grid know which columns to use var pubsOptions = { columnDefs: pubsColDefs, defaultColDef: defaultColDefs, components: {'htmlCellRenderer': HTMLCellRenderer }, pagination: true, paginationPageSize: 5, getRowHeight: function(params) { return 40 + Math.ceil((params.data.title).length / 64) * 40 + Math.ceil((params.data.authors).length / 68) * 40 + Math.ceil((params.data.where + ". " + params.data.when + '.').length / 68) * 40; } }; // specify the columns var patsColDefs = [ {headerName: "Date", field: "date", width:120, sort: 'desc'}, {headerName: "Number", field:"num", width:110}, {headerName: 'Patent', colId: 'patent', flex:1, cellClass: 'cell-wrap-text', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { return '<b>' + params.data.title + '</b><ul><i> Inventor(s)</i>: ' + params.data.authors + '</ul>'; }}, {headerName: "Title", field:"title", hide:true}, {headerName: "Authors", field:"authors", hide:true}, {headerName: "Url", field: "url", width:60, sortable: false, pinned: 'right', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { if (params.data.url != "") { return " <span><a id='myBtn'><i class='fas fa-chevron-circle-up'></i></a><span class='hidden modelData'><h4>Patent #" + params.data.num + ": " + params.data.title+"</h4><iframe width='100%' height='90%' src='" + params.data.url + "'></iframe>" +"</span></span>" } else { return ' '; }; }}, {headerName: "Tags", field: "tags", hide:true} ]; // let the grid know which columns to use var patsOptions = { columnDefs: patsColDefs, defaultColDef: defaultColDefs, components: {'htmlCellRenderer': HTMLCellRenderer }, pagination: true, paginationPageSize: 5, getRowHeight: function(params) { return 40 + Math.ceil((params.data.title).length / 43) * 40 + Math.ceil((params.data.authors + "Inventor(s): ").length / 47) * 40; } }; // specify the columns var projColDefs = [ {headerName: "Year", field: "year", width:87, sort: 'desc'}, {headerName: "Image", field:"image", width:150, sortable: false, cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { if (params.data.image != "") { return "<img width='150' src='" + params.data.image + "' alt='' />"; } else { return ' '; }; }}, {headerName: 'Project', field: 'title', flex:1,cellClass: 'cell-wrap-text', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { return '<span class="rowText">' + params.data.title + '</span>'; }}, {headerName: "Desc", field: "html", width:75, sortable: false, pinned: 'right', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { if (params.data.html.trim() != "") { return " <span><a id='myBtn'><i class='fas fa-chevron-circle-up'></i></a><span class='rowText'><span class='hidden modelData'>"+params.data.html +"</span></span>" } else { return ' '; }; } } ]; // let the grid know which columns to use var projOptions = { columnDefs: projColDefs, defaultColDef: defaultColDefs, components: {'htmlCellRenderer': HTMLCellRenderer }, getRowHeight: function(params) { var n = 40 + Math.ceil(params.data.title.length / 40) * 40; if ((params.data.image != "") && (n < 120)) { n = 120; } return n; }, pagination: true, paginationPageSize: 5 }; // specify the columns var newsColDefs = [ {headerName: "Date", field: "date", width:120, sort: 'desc'}, {headerName: "News Item", colId: 'publication', flex:1,cellClass: 'cell-wrap-text', cellRenderer: 'htmlCellRenderer', valueGetter: function(params) { return "<span class='rowText'>" + params.data.title + "</span><p>" + (params.data.image == "" ? "" : "<img src='" + params.data.image + "'><p>") + (params.data.desc == "" ? "" :params.data.desc) + "<p>" + (params.data.html == "" ? "" : params.data.html) + "<p>"; }}, {headerName: 'Title', field: 'title', hide:true}, {headerName: 'Image', field: 'image', hide:true}, {headerName: 'Desc', field: 'desc', hide:true}, {headerName: 'Html', field: 'html', hide:true}, ]; var newsOptions = { getRowHeight: function(params) { var n = 40 + Math.ceil((params.data.title).length / 70) * 40; if ((params.data.image.trim() != "")) { n = n + 300; } if ((params.data.desc.trim() != "")) { n = n + Math.ceil((params.data.desc).length / 72) * 40; } if ((params.data.html.trim() != "")) { n = n + Math.ceil((params.data.html).length / 72) * 40; } return n; }, columnDefs: newsColDefs, defaultColDef: defaultColDefs, components: {'htmlCellRenderer': HTMLCellRenderer }, pagination: true, paginationPageSize: 2, }; function onColumnResized(params) { params.api.resetRowHeights(); } function runFilterPubs (term) { pubsOptions.api.setQuickFilter(term); } function runFilterPats (term) { patsOptions.api.setQuickFilter(term); } function runFilterProj (term) { projOptions.api.setQuickFilter(term); } function runFilterNews (term) { newsOptions.api.setQuickFilter(term); } // document.addEventListener('DOMContentLoaded', function() { $(document).ready(function () { // lookup the container we want the Grid to use var ePubsDiv = document.querySelector('#pubsGrid'); var ePatsDiv = document.querySelector('#patsGrid'); var eProjDiv = document.querySelector('#projGrid'); var eNewsDiv = document.querySelector('#newsGrid'); // create the grid passing in the div to use together with the columns & data we want to use new agGrid.Grid(ePubsDiv, pubsOptions); new agGrid.Grid(ePatsDiv, patsOptions); new agGrid.Grid(eProjDiv, projOptions); new agGrid.Grid(eNewsDiv, newsOptions); agGrid.simpleHttpRequest({url: '/data/publications.txt'}).then(function(data) { pubsOptions.api.setRowData(data.data); }); agGrid.simpleHttpRequest({url: '/data/patents.txt'}).then(function(data) { patsOptions.api.setRowData(data.data); }); agGrid.simpleHttpRequest({url: '/data/projects.txt'}).then(function(data) { projOptions.api.setRowData(data.data); }); agGrid.simpleHttpRequest({url: '/data/news.txt'}).then(function(data) { newsOptions.api.setRowData(data.data); }); var carousel = $("#owl-demo"); carousel.owlCarousel({stopOnHover: true,pagination: true, autoPlay: false,navigation: false,paginationSpeed : 500,singleItem:true,}); carousel.trigger('owl.goTo', Math.floor(Math.random() * 2)); var modal = $("#myModal"); // Get the button that opens the modal // When the user clicks on the button, open the modal $(document).on('click', '#myBtn', function () { $(".modelContent").html($(this).parent().find('.modelData').html()); modal.css('display', "block"); }); // When the user clicks on <span> (x), close the modal $(document).on('click', '.close', function () { modal.css('display', "none"); }); // When the user clicks anywhere outside of the modal, close it $(window).click(function (event) { if (event.target == modal) { modal.css('display', "none"); } }); }); </script> </head> <body> <div id="container" class="container"> <!-- Left Menu / Logo--> <aside class="menu" id="menu"> <div class="logo"> <!-- Logo image--> <a href="/site/home2?page=introduction"> <img src="/images/logo.png" width="140" height="140" alt=""/> </a> <!-- Logo name--> <span>Adam Cheyer</span> </div> <!-- Mobile Navigation--> <a href="#menu1" class="menu-link"></a> <!-- Left Navigation--> <nav id="menu1" role="navigation"> <a href="#chapterintroduction"><span id="link_introduction" class="active">Home</span></a> <a href="#chapterabout"><span id="link_about">About</span></a> <a href="#chapterpublications"><span id="link_publications">Publications</span></a> <a href="#chapterpatents"><span id="link_patents">Patents</span></a> <a href="#chapterprojects"><span id="link_projects">Projects & Demos</span></a> <a href="#chaptermagic"><span id="link_magic">Magic</span></a> <a href="#chaptercontact"><span id="link_contact">Contact</span></a> <a href="#chapternews"><span id="link_news">News</span></a> </nav> <div class="social"> <a href="https://www.linkedin.com/in/adamcheyer/" target="_blank" class="linkedin"><i class="fa fa-linkedin"></i></a> <a href="https://www.facebook.com/acheyer" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/acheyer" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a> </div> <div class="copyright"> © Adam Cheyer<br> All Rights Reserved. </div> </aside> <!-- Left Menu / Logo Ends --> <!-- Go to top link for mobile device --> <a href="#menu" class="totop-link">Go to the top</a> <div class="content-scroller"> <div class="content-wrapper"> <!-- Introduction --> <article class="content introduction noscroll" id="chapterintroduction"> <div class="inner"> <h2>Adam Cheyer</h2> <span class="title">Artificial Intelligence / Human Computer Interaction</span> </div> <div id="owl-demo" class="owl-carousel"> <div class="item"> <img src="/images/homepage.jpg" alt="" /> </div> <div class="item"> <img src="/images/stadium.jpg" alt="" /> </div> </div> </article> <!-- About --> <article class="content about white-bg" id="chapterabout"> <div class="inner"> <h2>About</h2> <div class="title-divider"></div> <div class="floatPic"> <a id='myBtn' class="button"><img src="/images/AdamCheyer-122-rect.jpg" width="140" height="140" alt=""/></a> <span class='hidden modelData'><webl>WubCall("adam.headshots", [])</webl></span> </div> <div class="about-con"> <p>Adam Cheyer is an inventor, entrepreneur, engineering executive, and a pioneer <br> in AI and computer human interfaces.</p> <p>Adam has been a co-founder or founding member of four successful startups, including <a target="_blank" href="http://www.siri.com">Siri</a> (sold to <a target="_blank" href="http://www.apple.com">Apple</a>, where he led server-side engineering and AI for the Siri assistant), <a target="_blank" href="http://www.change.org">Change.org</a> (the world's largest petition platform), <a target="_blank" href="http://www.viv.ai">Viv Labs</a> (sold to <a target="_blank" href="http://www.samsung.com">Samsung</a>, where as VP R&D, Adam leads product engineering and developer relations for Samsungs voice assistant), and <a target="_blank" href="https://www.cognizant.com/ai/evolutionary-ai">Sentient</a> (massively distributed machine learning, sold to <a target="_blank" href="http://www.cognizant.com">Cognizant</a>).</p> <p>Previously, Adam was VP Engineering at Verticalnet (enterprise software) and Dejima (mobile software). Adam also spent more than a decade at <a target="_blank" href="http://www.ai.sri.com/people/cheyer">SRI International</a>, where his most recent role was as Chief Architect of CALO/PAL, the U.S. government's largest funded AI project.</p> <p>In addition to his technology work, Adam is an award-winning magician. He has performed in stadiums for thousands, on TV for millions (including on the well-known <a target="_blank" href="https://www.youtube.com/watch?v=4DV8nCVEih4">Penn and Teller Fool Us</a> show), entertained heads of state and presidents, and fooled some of the top pros in the business.</p> <p><div>Adam has authored more than 60 publications and 37 patents and served on numerous <a id='myBtn'>advisory boards and committees</a> <span class='hidden modelData'><webl>WubCall("adam.boards", [])</webl></span>. He graduated with highest honors from <a target="_blank" href="https://www.brandeis.edu">Brandeis University</a> and received the Outstanding Masters Student award from <a target="_blank" href="https://samueli.ucla.edu/">UCLAs School of Engineering</a>.</div></p> <a target="_blank" href="https://www.linkedin.com/in/adamcheyer" class="button">See details on LinkedIn</a> <span><a id='myBtn' class="button">Awards</a> <span class='hidden modelData'><webl>WubCall("adam.awards", [])</webl></span></span> <a target="_blank" href="https://www.bigspeak.com/speakers/adam-cheyer" class="button">Book As A Speaker</a> </div> </div> </article> <!-- Publications --> <article class="content publications gray-bg" id="chapterpublications"> <div class="inner"> <!-- <img src="/images/article.png" width="115" height="115" alt=""/> --> <h2>Publications</h2> <div class="title-divider"></div> <p>Adam has been author or co-author on 61 peer-reviewed publications in the areas of<br> artificial intelligence, human computer interfaces, distributed computing, machine learning, conversational assistants, collective intelligence, and more.</p> <div style="text-align: right;"> <label for="pubsearch" style="color:white;">Search:</label> <input id="pubsearch" oninput="runFilterPubs(this.value)"> </div> <p> <div id="pubsGrid" style="width: 100%; height: 1000px;" class="ag-theme-alpine-dark"></div> </div> </article> <!-- Patents --> <article class="content patents grey-bg" id="chapterpatents"> <div class="inner"> <!-- <img src="/images/patent.jpg" width="115" height="115" alt=""/> --> <h2>Patents</h2> <div class="title-divider"></div> <p>Adam has been author or co-author on 37 granted patents in the areas of<br> artificial intelligence, human computer interfaces, distributed computing, machine learning, conversational assistants, collective intelligence, and more.</p> <div style="text-align: right;"> <label for="patsearch" style="color:white;">Search:</label> <input id="patsearch" oninput="runFilterPats(this.value)"> </div> <p> <div id="patsGrid" style="width: 100%; height: 1010px;" class="ag-theme-alpine-dark"></div> </div> </article> <!-- Projects & Demos --> <article class="content projects gray-bg" id="chapterprojects"> <div class="inner"> <h2>Projects & Demos</h2> <div class="title-divider"></div> <p>This section highlights many of the systems and projects that Adam has worked on over the years. Click on a <i style="color:white;" class='fas fa-chevron-circle-up'></i> to see details, related papers, video demonstrations, and more.</p> <div style="text-align: right;"> <label for="projsearch" style="color:white;">Search:</label> <input id="projsearch" oninput="runFilterProj(this.value)"> </div> <p> <div id="projGrid" style="width: 100%; height: 700px;" class="ag-theme-alpine-dark"></div> </div> </article> <!-- Magic --> <article class="content magic white-bg" id="chaptermagic"> <div class="inner"> <h2>Magic</h2> <div class="title-divider"></div> <p>In addition to his technology work, Adam is an award-winning magician. He is a member of the prestigious Magic Castle in Los Angeles, the Academy of Magical Arts (AMA), and the International Brotherhood of Magicians (IBM). He has performed on stage in front of thousands, on TV for millions (including on the well-known Penn and Teller Fool Us show), entertained heads of state and presidents, and fooled some of the top pros in the business.</p> <div class="porfolio-con"> <div class="container-sub margin-top50"> <div class="row"> <div id="grid-gallery" class="grid-gallery"> <section class="grid-wrap"> <ul class="grid"> <li> <figure> <img src="/images/penn-teller-dl.jpg" alt="Penn and Teller Fool Us"/> <figcaption> <div class="figcaption-details"> <img src="/images/icon-plus.png" height="82" width="82" alt="" /> <h3>Penn and Teller Fool Us</h3> <span>Adam Cheyer: How I Created Siri</span> </div> </figcaption> </figure> </li> <li> <figure> <img src="/images/SiriTeaches.jpg" alt="Siri Teaches Siri Co-Founder A Magic Trick"/> <figcaption> <div class="figcaption-details"> <img src="/images/icon-plus.png" height="82" width="82" alt="" /> <h3>The Hofburg Imperial Palace</h3> <span>Siri Teaches Siri Co-Founder A Magic Trick</span> </div> </figcaption> </figure> </li> <li> <figure> <img src="/images/firstPlace.jpg" alt="Oakland Magic Circle Closeup Competition"/> <figcaption> <div class="figcaption-details"> <img src="/images/icon-plus.png" height="82" width="82" alt="" /> <h3>Oakland Magic Circle Closeup Competition</h3> <span>First Place Award, 2019</span> </div> </figcaption> </figure> </li> <li> <figure> <img src="/images/zoe.jpg" alt="Fool Us: Zoe Lafleur"/> <figcaption> <div class="figcaption-details"> <img src="/images/icon-plus.png" height="82" width="82" alt="" /> <h3>Fool Us: Zoe Lafleur</h3> <span>Adam taught his 10 year old niece a magic trick</span> </div> </figcaption> </figure> </li> </ul> </section> <!-- Lightbox Popup --> <section class="slideshow"> <ul> <li> <figure> <figcaption> <h3>Penn and Teller Fool Us</h3> <span>Adam Cheyer: How I Created Siri</span> <p>In this episode, Adam uses a magic trick to teach a lesson in entrepreneurship: how to have a great idea, and built a prototype to prove it is better than the competition.</p> </figcaption> <div id="owl-demo1" class="owl-carousel"> <div class="item"> <iframe width="560" height="315" src="https://www.youtube.com/embed/4DV8nCVEih4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div class="item"><img src="http://placehold.it/700x475" alt="" /></div> <div class="item"><img src="http://placehold.it/700x475" alt="" /></div> <div class="item"><img src="http://placehold.it/700x475" alt="" /></div> <div class="item"><img src="http://placehold.it/700x475" alt="" /></div> </div> </figure> </li> <li> <figure> <figcaption> <h3>The Hofburg Imperial Palace</h3> <span>Siri Teaches Siri Co-Founder A Magic Trick</span> <p>Siri has a hard time understanding Adam, but manages to teach him a magic trick nonetheless.</p> </figcaption> <iframe width="560" height="315" src="https://www.youtube.com/embed/y6zwr0AyXLE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </figure> </li> <li> <figure> <figcaption> <h3>Oakland Magic Circle Closeup Competition</h3> <span>First Place Award, 2019</span> <p>Adam won the 1st Place trophy and a cash prize at the Oakland Magic Circle's 2019 Lloyd Jones Closeup Competition, performing a 10 minute routine about the Best and Worst of Magic. The Oakland Magic Circle was established in 1925, making the OMC the oldest continuously operating independent magic club west of the Mississippi.</p> </figcaption> <iframe width="560" height="315" src="https://www.youtube.com/embed/XspKK9drij4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </figure> </li> <li> <figure> <figcaption> <h3>Fool Us: Zoe Lafleur</h3> <span>Adam taught his 10 year old niece a magic trick</span> <p>When Adam performed on Penn and Teller's Fool Us, his ten year old niece was in the audience. She said, "I want to do that". After Adam taught Zoe one card trick, she beat out 850 professional magicians for a spot on the show the following season...</p> </figcaption> <iframe width="560" height="315" src="https://www.youtube.com/embed/xLyEDe43WE4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </figure> </li> </ul> <nav> <span class="fa nav-prev"></span> <span class="fa nav-next"></span> <span class="fa nav-close"></span> </nav> </section> </div> </div> </div> </div> </div> </article> <!-- Contact --> <article class="content contact gray-bg" id="chaptercontact"> <div class="inner"> <h2>Contact</h2> <div class="title-divider"></div> <p> To book me for speaking engagements, please contact <a target="_blank" href="https://www.bigspeak.com/speakers/adam-cheyer">BigSpeak, Inc</a>. </p> <div class="full-divider"></div> <div class="contact-con margin-top50"> <div class="container-sub"> <div class="row"> <div class="contact-details"> <div class="col-6"> <div class="contact-text"> <div class="col-2 icon-block phone"><i class="fa fa-phone"></i></div> <div class="flot-left"> <strong>Phone</strong><br> (510) 388-2121 </div> </div> <div class="contact-text"> <div class="col-2 icon-block email"><i class="fa fa-envelope"></i></div> <div class="flot-left"> <strong>Email</strong><br> <a href="mailto:adam@cheyer.com">adam@cheyer.com</a> </div> </div> </div> <div class="col-6 m-margin-top30"> <h3>I'm also on Social Networks</h3> <div class="contact-social margin-top30"> <div class="col-2 icon-block social-linkedin"> <a href="https://www.linkedin.com/in/adamcheyer/" target="_blank"><i class="fa fa-linkedin"></i></a> </div> <div class="col-2 icon-block social-facebook"> <a href="https://www.facebook.com/acheyer" target="_blank"><i class="fa fa-facebook"></i></a> </div> <div class="col-2 icon-block social-twitter"> <a href="https://twitter.com/acheyer" target="_blank"><i class="fa fa-twitter"></i></a> </div> </div> </div> </div> </div> </div> <!-- div class="full-divider"></div> <div class="container-sub"> <div class="row"> <div class="contact-form"> <h3>Drop Me a Line</h3> <form id="form1" name="form1" method="post" > <input name="name" type="text" id="name" placeholder="Your Name..." /> <input name="email" type="text" id="email" placeholder="Your Email..." /> <textarea name="message" id="message" cols="45" rows="5" placeholder="Your Message..."></textarea> <input type="submit" name="button" id="button" value="say hello!" > <div id="successmsg" ></div> </form> </div> </div> </div> </div --> </div> </article> <!-- News --> <article class="content news black-bg" id="chapternews"> <div class="inner"> <!-- <img src="/images/patent.jpg" width="115" height="115" alt=""/> --> <h2>News</h2> <div class="title-divider"></div> <div style="text-align: right;"> <label for="newssearch" style="color:white;">Search:</label> <input id="newssearch" oninput="runFilterNews(this.value)"> </div> <p> <div id="newsGrid" style="width: 100%; height: 1150px;" class="ag-theme-alpine-dark"></div> </div> </article> <!-- Introduction --> <article class="content introduction-end" id="chapterthankyou"> <div class="inner"> <div class="introduction-end-con margin-top50"> <h3><strong>Adam Cheyer</strong></h3> <div id="rotate" class="rotate"> <div><span>awesome.</span></div> <div><span>invincible.</span></div> <div><span>unbeatable.</span></div> <div><span>indestructible.</span></div> </div> </div> </div> </article> </div> <!-- content-wrapper --> </div> <!-- content-scroller --> </div> <!-- The Modal --> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="modelContent"></span> </div> <span class="close">×</span> </div> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/head.min.js"></script> <!-- Portfolio Thumbnail --> <script type="text/javascript" src="/js/imagesloaded.min.js"></script> <script type="text/javascript" src="/js/masonry.min.js"></script> <script type="text/javascript" src="/js/class_helper.js"></script> <script type="text/javascript" src="/js/grid_gallery.js"></script> <!-- Portfolio Grid --> <script> new CBPGridGallery( document.getElementById( 'grid-gallery' ) ); </script> <!-- Portfolio Slider--> <script type="text/javascript" src="/js/carousel.js"></script> <script type="text/javascript" src="/js/jquery.easypiechart.js"></script> <script type="text/javascript" src="/js/text.rotator.js"></script> <!-- Page Scrolling --> <script> head.js( { mousewheel : "/js/jquery.mousewheel.js" }, { mwheelIntent : "/js/mwheelIntent.js" }, { jScrollPane : "/js/jquery.jscrollpane.min.js" }, { history : "/js/jquery.history.js" }, { stringLib : "/js/core.string.js" }, { easing : "/js/jquery.easing.1.3.js" }, { smartresize : "/js/jquery.smartresize.js" }, { page : "/js/jquery.page.js" } ); </script> <!-- Fit Video --> <script type="text/javascript" src="/js/jquery.fitvids.js"></script> <!-- All Javascript Component--> <script src="/js/settings.js"></script> </body> </html>
Collaborama