PubliG - embed publication lists in your website

About

Our "PubliG" wizard helps you to generate lists of publications for

• people
• organizational entities like chairs, departments or faculties
• working groups or research projects, e.g. DFG-projects

<div data-ub-widget-id="Identifier"></div>
<script src="https://hochschulbibliographie.uni-wh.de/static/js/publig.js"></script>

How to use "PubliG"

Please note: you need to sign in before using "PubliG", otherwise you won’t be able to save your lists!

1. Use "PubliG" to customize your list of publications and check the results by clicking the "Preview" button anytime.
2. Save your list via "Save new list of publications". It is now stored in your profile under a unique identifier; you can access it by clicking on "Your Lists".
3. Choose "embed" to copy the JavaScript object to clipboard.
4. Insert the JavaScript object into your HTML page.

Tips

Behind the in PubliG you can find more information on the different features and filters.

We use the Zotero Style Repository as a basis for our citation styles. Beside the suggested styles, you are free to use any Zotero style you wish.

You can view, edit and safe your configurated list list – either with the same ID ("Save changes") or as an edited copy with a new ID ("Save new list of publications") – on your profile page under "List(s) of Publications".

To adjust the look of a list that has already been embedded in your website, simply edit the list in question with PubliG, and save it under the same ID.

If you want to embed several lists of publications in one HTML page (e.g. your own works and PhD-theses you supervised), you can do so by adding more identifiers:

<div data-ub-widget-id="Identifier1"></div>
<div data-ub-widget-id="Identifier2"></div>
<script src="https://hochschulbibliographie.uni-wh.de/static/js/publig.js"></script>

Layout

Once you have embedded the JavaScript object into your HTML page, you can tweak the look of your list by adding CSS code. As the object always inherits the CSS formatting of the page it is embedded in, the code snippet shown below may be used as a starting point for customization.

<style type="text/css">
.ub-widget {color: #003560; font-family: Arial, Helvetica, sans-serif; }
.ub-widget a {color: #003560; font-weight: bold; }
.ub-widget h1 {font-size: 150%; }
.ub-widget h2 {font-size: 120%; color: #8dae10; text-transform: uppercase;  font-weight: bold; margin-top: 2em; }
.ub-widget h3 {font-size: 120%;  }
.ub-widget h4 {font-size: 100%; color: #707070; font-weight: bold; margin-bottom: -1em; margin-top: 2em;}
.linked-csl-entry {}
.csl-toc {}
.csl-bib-body {margin-bottom: 2em;}
.csl-entry {margin-top: 2em; margin-bottom: 1em;}
.csl-left-margin {display: inline; font-weight: bold;}
.csl-right-inline {display: inline; margin-left: 1em;}
.ext-bib-links {margin-top: -0.5em;}
.ub-widget li + li::before {content: " ";}
.ub-widget ul li {display: inline; margin-left: 0em; line-height: 200% }
.ub-widget ul li a {background-color: #003560; color: #fff; padding: 0.25em 0.5em; text-decoration: none; }
.ub-widget ul {margin-left: -2.5em; font-size: 100%; margin-bottom: 0em;}
.toc_return {margin-top: 0em; font-size: 90%;}
</style>