0
Under review

images missing

rhaynes74 3 months ago updated by Christian Fritz 3 months ago 7

Hi folks, first time user.  When I embed into my webpage using the javascript option there is no styling and images present. 

For example the bibbase logo is missing.  And there is no grey background in the rows which indicate each year.  So it looks very very plain.   Is there something I am missing. 

Under review

Hi! Could you send me a link to your page so I can take a look?

Thanks - I have attached a screenshot as it is a new webpage I am building and it is not currently on an outward facing server.   Does that help? 

Image 190

Sorry, no, I can't debug it based on a screenshot.

I guess the one thing I can suggest is to try a different browser. This looks a bit like an issue with your privacy settings in your browser.

Hi - I have pasted the output from view source (if that helps) below.

value="6">
<!DOCTYPE html>
<!--
Plain-Academic by Vasilios Mavroudis
Released under the Simplified BSD License/FreeBSD (2-clause) License.
https://github.com/mavroudisv/plain-academic
-->
<html lang="en">
<head>
<title>Ronald D. Haynes</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
</head>
<body>

<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#Projects">Projects</a></li>
<li><a href="#publications">Publications</a></li>
<li><a href="#CV">CV</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">

<div class="row">

<!-- Entries Column -->
<div class="col-md-8" style="height: 70vh;">
<!-- Main Image -->
<img class="img-responsive" src="me.png" width="400px" alt=""><br>
<div style="margin-top:3%; text-align:justify;">
<p> Some stuff</p>
</div>
</div>

<!-- Contact Info on the Sidebar -->
<div class="col-md-4">
<div style="font-family: 'Oswald', sans-serif; font-size: 32px;"><b>Ronald D. Haynes (PhD)</b></div><br>
<p><b>rhaynes at mun.ca</b><br>
<p>Department of Mathematics and Statistics<br>
Memorial University of Newfoundland<br>
St. John's, Newfoundland <br>
Canada<br>
</p>
</div>
<!-- Links on the Sidebar -->
<div class="col-md-4" style="margin-top:2%">
<dd><a href="#">Google Scholar</a></dd>
<dd><a href="#">LinkedIn</a></dd>
<dd><a href="#">Orcid</a></dd>
</div>
<!-- Publications -->
<div class="col-md-8" style="height: 70vh;">
<h2 id="publications">Publications</h2>
<script src="https://bibbase.org/show?bib=https%3A%2F%2Fbibbase.org%2Fnetwork%2Ffiles%2FbyMa9kBbtAfaxfM5v&noBootstrap=1&jsonp=1"></script>
<strong>Peer-reviewed</strong><br/>
<ul>
<li class="paper" words="add, your, keywords, here"><a href="#">Full title</a> Names of the authors</li>
</ul>
<strong>Submitted and Under Revision</strong><br/>
<ul>
<li class="paper" words="add, your, keywords, here"><a href="#">Full title</a>. Details of the report</li>
</ul>

<strong>In Preparation and Preprints</strong><br/>
<ul>
<li class="paper" words="add, your, keywords, here"><a href="#">Full title</a>. Details of the report</li>
</ul>

</div>
</div>

</div>
<!-- /.container -->
<!-- Other people may like it too! -->
<a style="color:#b5bec9;font-size:0.8em; float:right;" href="https://github.com/mavroudisv/plain-academic">Plain Academic</a>
</body>

</html>

I place the javascript method in an old outward facing webpage, click here, now the styling is ok, but I am getting strange rendering of some characters in the entries.