UNPKG

leo-vue

Version:

Use the Leo Outlining Editor to Create Vue Web Apps

257 lines (252 loc) 8.73 kB
<!DOCTYPE html> <html> <head> <script> window.lconfig = { showAppTitle: false, showHeader: true, docTitle: 'Research Papers of Jordan B. Peterson', filename: 'static/peterson-full', firstNodeAsTitle: false, itemArrow: "\uf105", // ▹▷▶›>► baseMode: 't', viewTypes: [ {name: 'Outline', type: 't'}, {name: 'Inline', type: 'a'}, {name: 'Graphic Tree', type: 'd'}, {name: 'Dendrogram', type: 'z'}, {name: 'Nested Menu', type: 'n'} ] } </script> <meta charset=utf-8> <title>Jordan Peterson Research</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/leo-vue/dist/static/css/app.css" rel=stylesheet> </head> <body> <div id=app></div> <script type=text/javascript src=https://cdn.jsdelivr.net/npm/leo-vue/dist/static/js/manifest.js></script> <script type=text/javascript src=https://cdn.jsdelivr.net/npm/leo-vue/dist/static/js/vendor.js></script> <script type=text/javascript src=https://cdn.jsdelivr.net/npm/leo-vue@1.19.1/dist/static/js/app.js></script> <!-- built files will be auto injected --> <!-- static footer --> <script type="text/ons-template" id="popover.html"> <ons-popover direction="up down" cancelable> <div style="text-align: center; opacity: 0.7;" id="popover.content.html"> <p>This is a popover!</p> <p> <small>Click the background to remove the popover.</small> </p> </div> </ons-popover> </script> <div id="popup" class="popover" style="display:none"> <div class="arrow"></div> <h3 class="popover-header">Popover Title</h3> <div class="popover-body">Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. </div> </div> <!-- templates --> <script type="text/template" id="rgarticle"> <div class="rg"> <div class="publication-header"> <h1>{{- data.title }}</h1> <div class="publication-meta-text"> <strong> <span> <a target="_blank" href="{{- data.url }}">Article</a> in <a target="_blank" href="//www.researchgate.net/{{- data.journal.href}}">{{- data.journal.text }}</a> </span> </strong> <span> with {{- data.reads }}</span> </div> <div> <ul> {{ data.authors.forEach(author => { }} <li class="publication-author-list__item"> <div> <a target="_blank" href="{{- author.name.href }}">{{- author.name.text }}</a> </div> {{ if (author.rating){ }} <span class="bars-1"/> {{ } }} <span>{{- author.rating }} {{- author.institution }}</span> </li> {{ }) }} </ul> </div> <div class="publication-abstract"> <div> <strong>Abstract</strong> </div> <div>{{- data.abstract }}</div> <div class="references">{{- data.references }} References</div> </div> {{ if (data.correction) { }} <div class="publication-abstract"> <div class="hshim"></div> <div> <strong>Correction</strong> </div> <div>{{- data.correction.text }} <a href="{{- data.correction.href }}">Details</a> </div> </div> {{ } }} <div class="footer"> <a target="_blank" href="{{- data.url }}">See this article on ResearchGate.</a> </div> </div> </div> </script> <script type="text/template" id="rgarticle-brief"> <div class="rg"> <div class="publication-header"> <h1>{{- data.title.text }}</h1> <div class="publication-meta-text"> <span> {{- data['type'].text}}: {{- data.date }} with {{- data.reads }}</span> </div> <div> <ul> {{ data.authors.forEach(author => { }} <li class="publication-author-list__item_brief"> <div> <a target="_blank" href="http://researchget.net/{{- author.author.href }}">{{- author.author.text }}</a> </div> </li> {{ }) }} </ul> </div> <div class="publication-abstract"> <div> <strong>Abstract</strong> </div> <div>{{- data.abstract }}</div> </div> <div class="footer"> <a target="_blank" href="https://www.researchgate.net/{{- data.title.href}}">See this article on ResearchGate.</a> </div> </div> </div> </script> <script type="text/template" id="repec"> <div class="rg"> <div class="publication-header"> <h1>{{- data.bibliographic.name }}</h1> <div> {{- data.author }} </div> <div class="series"> {{- data.series && data.series.name }} ({{- data.bibliographic.creation_date || data.bibliographic.year }}) </div> <div class="publication-abstract"> <div> <strong>Abstract</strong> </div> <div>{{- data.abstract }}</div> </div> <div class="footer"> <a target="_blank" href="{{- data.link}}">See this article on IDEAS.</a> </div> </div> </div> </script> <script type="text/template" id="rgauthor"> <div class="rg"> <h2>Author</h2> <div>{{- data.name}} {{- data.title}}</div> <div> <a target="_blank" href="{{- data.institution.href}}">{{- data.institution.text}}</a> </div> <div> <a target="_blank" href="{{- data.department.href}}">{{- data.department.text}}</a> </div> <h3>ResearchGate Stats</h3> <div>Citations: {{- data.citations}}</div> <div>Reads: {{- data.reads}}</div> <div>Research Items: {{- data.researchItems}}</div> <div><a target="_blank" href="{{- data.url}}">Profile</a></div> </div> </script> <script type="text/template" id="rgarticles"> <div class="table-component"> <table-component @rowClick="this.$parent.dataTableClick" :data="[ {{ data.articles.forEach(article => { }} {{ if (article.type.text === 'Article') { }} { title: '<div>{{- article.title.text}}</div>', date: '<div>{{- moment(article.date).format('YYYY-MM') }}</div>', reads: '{{- article.reads.replace(/[a-zA-Z]/g, '')}}', readNum: {{- article.reads.replace(/[,a-zA-Z]/g, '')}} }, {{ } }} {{ }) }} ]" sort-order="asc" sort-by="readNum"> <table-column show="title" label="Title" header-class="title-cell" cell-class="title-cell"></table-column> <table-column show="date" label="Date" header-class="data-cell" cell-class="data-cell"></table-column> <table-column show="reads" label="Reads" sort-by="readNum" cell-class="right"></table-column> <table-column show="readNum" label="R" data-type="numeric" :hidden="true"></table-column> </table-component> </div> </script> <script type="text/template" id="repec-articles"> <div class="table-component"> <table-component @rowClick="this.$parent.dataTableClick" :data="[ {{ data.articles.forEach(article => { }} { title: '<div>{{- article.bibliographic.name}}</div>', year: '<div>{{- article.bibliographic.creation_date || article.bibliographic.year }}</div>' }, {{ }) }} ]" sort-order="asc"> <table-column show="title" label="Title" header-class="title-cell" cell-class="title-cell"></table-column> <table-column show="year" label="Year" header-class="data-cell" cell-class="data-cell"></table-column> </table-component> </div> </script> <script type="text/template" id="rgcitations"> CITATIONS </script> <!-- End templates --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118289537-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-118289537-1'); </script> <script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script> <script> var scroll = new SmoothScroll('a[href*="#"]'); </script> <style type="text/css"> #app { font-family: Avenir, Nunito, Helvetica, Arial, sans-serif -webkit-font-smoothing: antialiased -moz-osx-font-smoothing: grayscale } H1, H2 { margin-bottom: 1.5rem; } </style> </body> </html>