<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none"><!-- p { margin-top: 0px; margin-bottom: 0px; }--></style>
</head>
<body dir="ltr" style="font-size:12pt;color:#000000;background-color:#FFFFFF;font-family:Calibri,Arial,Helvetica,sans-serif;">
<p>If I hadn't already done other things, I'd have tried the Bootstrap module - it's effective and a great starting point for institutional branding (I put it on a test instance and it just worked).<br>
</p>
<p><br>
</p>
<p>This is an area where bringing render functions out of the core functionality of EPrints would be very useful in enabling people to write effective responsive styles for EPrints - at the moment David's approach in the Bootstrap module is the lightest-weight
way of achieving a mobile-friendly EPrints that I'm aware of.<br>
</p>
<p><br>
</p>
<p>Lizz<br>
</p>
<div id="Signature">
<div name="divtagdefaultwrapper" style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:; margin:0">
<pre style="color:rgb(33,33,33); font-size:15px; margin-top:14pt; margin-bottom:14pt"><font face="Calibri, Arial, Helvetica, sans-serif">--</font></pre>
<pre style="color:rgb(33,33,33); font-size:15px; margin-top:14pt; margin-bottom:14pt"><font face="Calibri, Arial, Helvetica, sans-serif">Lizz Jennings BA MSc ACLIP MCLIP (Revalidated 2015)</font></pre>
<pre style="color:rgb(33,33,33); font-size:15px; margin-top:14pt; margin-bottom:14pt"><font face="Calibri, Arial, Helvetica, sans-serif">Technical Data Officer</font></pre>
<pre style="color:rgb(33,33,33); font-size:15px; margin-top:14pt; margin-bottom:14pt"><font face="Calibri, Arial, Helvetica, sans-serif">The Library 4.10, University of Bath, Bath, BA2 7AY UK</font></pre>
<pre style="color:rgb(33,33,33); font-size:15px; margin-top:14pt; margin-bottom:14pt"><font face="Calibri, Arial, Helvetica, sans-serif">Ext. 3570 (External 01225 383570)</font></pre>
<pre style="color:rgb(33,33,33); font-size:15px; margin-top:14pt; margin-bottom:14pt"><font face="Calibri, Arial, Helvetica, sans-serif"><a tabindex="0" href="mailto:E.Jennings@bath.ac.uk" target="_blank" id="NoLP">E.Jennings@bath.ac.uk</a></font></pre>
</div>
</div>
<div style="color: rgb(33, 33, 33);">
<hr tabindex="-1" style="display:inline-block; width:98%">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" color="#000000" style="font-size:11pt"><b>From:</b> eprints-tech-bounces@ecs.soton.ac.uk <eprints-tech-bounces@ecs.soton.ac.uk> on behalf of Denis Pitzalis <denis.pitzalis@gmail.com><br>
<b>Sent:</b> 14 January 2016 14:50<br>
<b>To:</b> Eprints Tech Mailing List<br>
<b>Subject:</b> [EP-tech] Re: EPrints and mobile?</font>
<div> </div>
</div>
<div>
<div dir="ltr">
<div>
<div>Hei guys,<br>
<br>
</div>
the results using bootstrap module are not bad at all. I have a couple of repositories already running. A public one is here:
<a href="http://en.unesco.org/esd-repo/">http://en.unesco.org/esd-repo/</a><br>
<br>
</div>
Denis<br>
<div><br>
</div>
</div>
<div class="gmail_extra"><br>
<div class="gmail_quote">On Thu, Jan 14, 2016 at 3:45 PM, Andrew Hercules <span dir="ltr">
<<a href="mailto:Andrew.Hercules@ulcc.ac.uk" target="_blank">Andrew.Hercules@ulcc.ac.uk</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex; border-left:1px #ccc solid; padding-left:1ex">
<div dir="ltr">
<div style="font-size:12pt; color:#000000; background-color:#ffffff; font-family:Calibri,Arial,Helvetica,sans-serif">
<p>Hi Nick,</p>
<p><span style="font-size:12pt"><br>
</span></p>
<p><span style="font-size:12pt">Unfortunately, an "out-of-the-box" EPrints instance is not optimised for mobile. The UI is not responsive and in order to make EPrints mobile-friendly, you need to use a responsive framework like Bootstrap, Foundation, or Skeleton. There
is an EPrints Boostrap theme available, which you can download <a href="https://github.com/eprintsug/bootstrap" target="_blank">here</a> - conversely, you can also enable it via the EPrints bazaar.</span><br>
</p>
<p><span style="font-size:12pt"><br>
</span></p>
<p><span style="font-size:12pt">Having worked with the Bootstrap theme before, you will likely want to customise it further as many of the elements have the traditional Bootstrap look and may not be in line with your institution's branding. Also, because some
of the changes made by the theme rely on JavaScript manipulating HTML elements and CSS, there is a risk that it could cause a mobile browser to slow down.</span><br>
</p>
<p><span style="font-size:12pt"><br>
</span></p>
<p>I hope this helps - feel free to get in touch if you have any other questions.<br>
</p>
<p><br>
</p>
<p>Thanks!<br>
</p>
<p><br>
</p>
<p>Cheers,<br>
</p>
<p><br>
Andrew<br>
</p>
<p><br>
</p>
<div>
<div style="font-size:12pt; color:#000000; background-color:#ffffff; font-family:Calibri,Arial,Helvetica,sans-serif">
<p></p>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">--</span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif"><strong>Andrew Hercules</strong></span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">Developer & UX Strategist</span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">Digital Archives & Research Technologies</span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">University of London Computer Centre</span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">Senate House, Malet Street, London WC1E 7HU</span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">T: <a href="tel:%2B44%20%280%2920%207863%201342" value="+442078631342" target="_blank">
+44 (0)20 7863 1342</a></span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">E: <a href="mailto:andrew.hercules@ulcc.ac.uk" target="_blank">
andrew.hercules@ulcc.ac.uk</a> </span></div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif">W: <a href="http://www.ulcc.ac.uk/" target="_blank">
http://www.ulcc.ac.uk/</a></span></div>
<div><br style="font-family:Calibri,Arial,Helvetica,sans-serif">
</div>
<div><span style="font-family:Calibri,Arial,Helvetica,sans-serif; font-size:10pt"><em>The University of London is an exempt charity in England and Wales. We are committed to achieving a 20% cut in emissions from University buildings by 2015. Please think before
you print.</em></span></div>
<p></p>
<p></p>
</div>
</div>
<br>
<br>
<div style="color:rgb(0,0,0)">
<hr style="display:inline-block; width:98%">
<div dir="ltr"><font face="Calibri, sans-serif" color="#000000" style="font-size:11pt"><b>From:</b>
<a href="mailto:eprints-tech-bounces@ecs.soton.ac.uk" target="_blank">eprints-tech-bounces@ecs.soton.ac.uk</a> <<a href="mailto:eprints-tech-bounces@ecs.soton.ac.uk" target="_blank">eprints-tech-bounces@ecs.soton.ac.uk</a>> on behalf of Sheppard, Nick <<a href="mailto:N.E.Sheppard@leedsbeckett.ac.uk" target="_blank">N.E.Sheppard@leedsbeckett.ac.uk</a>><br>
<b>Sent:</b> 14 January 2016 13:01<br>
<b>To:</b> <a href="mailto:eprints-tech@ecs.soton.ac.uk" target="_blank">eprints-tech@ecs.soton.ac.uk</a><br>
<b>Subject:</b> [EP-tech] EPrints and mobile?</font>
<div> </div>
</div>
<div>
<div class="h5">
<div>
<div>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
I’m sure it is, but I’ve been asked to comment on whether EPrints is optimised for mobile. Is anyone able to comment?</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
Thanks</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
Nick</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
<table border="0" cellpadding="0" cellspacing="0" width="600" style="width:450.0pt">
<tbody>
<tr style="height:15.0pt">
<td rowspan="10" valign="top" width="180" style="width:135.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:12.0pt; font-family:"Times New Roman",serif"><img alt="http://www.leedsbeckett.ac.uk/assets/emails/beckett-signatures/img/badge-tag.jpg" height="190" width="180" src="cid:image001.jpg@01D14ECB.B0B9CFB0"></span></p>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<b><span style="font-size:12.0pt; font-family:"Arial",sans-serif; color:#3c3c3c">Nick Sheppard,</span></b><span style="font-size:12.0pt; font-family:"Arial",sans-serif; color:#3c3c3c"> Research Services Advisor</span></p>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<b><span style="font-size:12.0pt; font-family:"Arial",sans-serif; color:#3c3c3c">Libraries & Learning Innovation</span></b><span style="font-size:12.0pt; font-family:"Arial",sans-serif; color:#3c3c3c"></span></p>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:9.0pt; font-family:"Arial",sans-serif">Leeds Beckett University, JG134, Headingley Campus, Leeds, LS6 3QS, United Kingdom</span></p>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<div align="center" style="text-align:center; margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:12.0pt; font-family:"Times New Roman",serif">
<hr align="center" size="2" width="100%">
</span></div>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:9.0pt; font-family:"Arial",sans-serif">Tel: <a href="tel:%2B44%20%280%29113%20812%204731" value="+441138124731" target="_blank">
+44 (0)113 812 4731</a> | Email: <a href="mailto:n.e.sheppard@leedsbeckett.ac.uk" target="_blank" style="color:rgb(5,99,193); text-decoration:underline">
<span style="color:blue">n.e.sheppard@leedsbeckett.ac.uk</span></a></span></p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:9.0pt; font-family:"Arial",sans-serif">Twitter: <a href="https://twitter.com/BeckettResearch" target="_blank" style="color:rgb(5,99,193); text-decoration:underline">
<span style="color:blue">@BeckettResearch</span></a> | <a href="http://openaccess.leedsbeckett.ac.uk/" target="_blank" style="color:rgb(5,99,193); text-decoration:underline">
<span style="color:blue">http://openaccess.leedsbeckett.ac.uk</span></a></span></p>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
<div align="center" style="text-align:center; margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:12.0pt; font-family:"Times New Roman",serif">
<hr align="center" size="2" width="100%">
</span></div>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<i><span style="font-size:10.0pt; font-family:"Arial",sans-serif; color:#1f4e79">"to be eligible for submission to the post-2014 REF, authors’ final peer-reviewed manuscripts must have been deposited in an institutional or subject repository on acceptance for
publication"</span></i><span style="font-size:10.0pt; font-family:"Arial",sans-serif; color:#1f4e79"></span></p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:9.0pt; font-family:"Arial",sans-serif"> </span></p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:9.0pt; font-family:"Arial",sans-serif"> </span></p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span style="font-size:9.0pt; font-family:"Arial",sans-serif"> </span></p>
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
<tr style="height:15.0pt">
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="380" style="width:285.0pt; background:white; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
<td valign="top" width="20" style="width:15.0pt; padding:0cm 0cm 0cm 0cm; height:15.0pt">
</td>
</tr>
</tbody>
</table>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
<span> </span></p>
<p style="margin:0cm 0cm 0.0001pt; font-size:11pt; font-family:Calibri,sans-serif">
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
*** Options: <a href="http://mailman.ecs.soton.ac.uk/mailman/listinfo/eprints-tech" rel="noreferrer" target="_blank">
http://mailman.ecs.soton.ac.uk/mailman/listinfo/eprints-tech</a><br>
*** Archive: <a href="http://www.eprints.org/tech.php/" rel="noreferrer" target="_blank">
http://www.eprints.org/tech.php/</a><br>
*** EPrints community wiki: <a href="http://wiki.eprints.org/" rel="noreferrer" target="_blank">
http://wiki.eprints.org/</a><br>
*** EPrints developers Forum: <a href="http://forum.eprints.org/" rel="noreferrer" target="_blank">
http://forum.eprints.org/</a><br>
<br>
</blockquote>
</div>
<br>
<br clear="all">
<br>
-- <br>
<div class="gmail_signature">
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
<div><b><a href="mailto:d.pitzalis@unesco.org" target="_blank" style="border:none; text-decoration:none; color:#049cdb"><span style="color:#049cdb">Denis Pitzalis, PhD</span></a></b><br>
<a href="http://www.unesco.org" target="_blank" style="border:none; text-decoration:none; color:#b0b0b0"><span style="color:#b0b0b0">Web Architect/Lead Developer</span></a>
<a href="http://www.unesco.org" target="_blank" style="border:none; text-decoration:none; color:#b0b0b0">
</a><br>
<br>
<a href="http://www.unesco.org" target="_blank" style="border:none; text-decoration:none; color:#b0b0b0"><span style="color:#b0b0b0">ERI/DPI/WEB</span></a><br>
<a href="https://goo.gl/maps/U2TEZ2x14MM2" target="_blank" style="border:none; text-decoration:none; color:#b0b0b0"><span style="color:#b0b0b0">7, place de Fontenoy<br>
75007 <span style="color:#e0e0e0">•</span> Paris <span style="color:#e0e0e0">•</span> France</span></a>
<br>
<span style="color:#b0b0b0">Tel. +33 (0) 1 45 68 18 16</span> <a href="http://www.unesco.org" target="_blank" style="border:none; text-decoration:none; color:#b0b0b0">
</a><br>
<br>
<a href="http://www.unesco.org" target="_blank" style="border:none; text-decoration:none; color:#b0b0b0"><span style="color:#b0b0b0">http://www.unesco.org</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>