webpage fix
- asynchronous load of logo font - fix for high res mobile display
This commit is contained in:
parent
decda23977
commit
11fabd9313
2 changed files with 70 additions and 30 deletions
44
index.html
44
index.html
|
|
@ -11,7 +11,6 @@
|
|||
<meta name="distribution" content="Global" />
|
||||
|
||||
<link rel="icon" type="image/png" href="website/eo_ico.png" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="website/lightblue.css" title="Default" />
|
||||
|
||||
<title>ParadisEO: Fast & full featured optimization heuristics framework</title>
|
||||
|
|
@ -289,7 +288,7 @@
|
|||
|
||||
<p>To give an order of magnitude:
|
||||
<ul>
|
||||
<li>If you use the "official" <em>vanilla implementation of <a href="https://github.com/CMA-ES/pycma">CMA-ES in Python/Numpy</a></em> solving the BBOB problem suite through the <a href="https://github.com/numbbo/coco">COCO plateform</a>, running the whole benchmark will take approximately <em>10 minutes</em> on a single Intel Core i5 @ 2.50GHz with an solid state disk.</li>
|
||||
<li>If you use the "official" <em>vanilla implementation of <a href="https://github.com/CMA-ES/pycma">CMA-ES in Python/Numpy</a></em> solving the BBOB problem suite through the <a href="https://github.com/numbbo/coco">COCO plateform</a>, running the whole benchmark will take approximately <em>10 minutes</em> on a single Intel Core i5 @ 2.50GHz with a colid state disk.</li>
|
||||
<li>The same experiment, running <em>the <em class="logo">Paradis<span class="logo_eo">eo</span></em> implementation</em> using the seamless binding to the <a href="https://iohprofiler.github.io/">IOHprofiler</a> BBOB implementation, will take <em>1 minute</em>.</li>
|
||||
</ul>
|
||||
<em class="excerpt">Thus, you can expect that <em>an algorithm implemented with <em class="logo">Paradis<span class="logo_eo">eo</span></em></em> will be up to <strong>10 times faster</strong> than its (heavily optimized) Python counterpart.</em>
|
||||
|
|
@ -737,7 +736,7 @@
|
|||
<li>
|
||||
<p>The core EO module is described in the following scientific article:
|
||||
<blockquote>M. Keijzer, J.J. Merelo, G. Romero, G., M. Schoenauer,
|
||||
<a href= "http://www.lri.fr/~marc/Paradiseo/Paradiseo-EA01.ps.gz">Evolving
|
||||
<a href= "http://www.lri.fr/~marc/EO/EO-EA01.ps.gz">Evolving
|
||||
objects: A general purpose evolutionary computation
|
||||
library</a>, <i>Artificial Evolution</i>, <b>2310</b>, 829--888 (2002).</blockquote>
|
||||
</p>
|
||||
|
|
@ -756,7 +755,7 @@
|
|||
<font color="#a52a2a">volume</font> = "2310",<br/>
|
||||
<font color="#a52a2a">pages</font> = "829--888",<br/>
|
||||
<font color="#a020f0">keywords</font> = "genetic algorithms, genetic programming, evolutionary computation, metaheuristic, computational intelligence, optimization",<br/>
|
||||
<font color="#a020f0">URL</font> = "<a href="http://www.lri.fr/~marc/Paradiseo/Paradiseo-EA01.ps.gz">http://www.lri.fr/~marc/<em class="logo">Paradis<span class="logo_eo">eo</span></em>/<em class="logo">Paradis<span class="logo_eo">eo</span></em>-EA01.ps.gz</a>",<br/>
|
||||
<font color="#a020f0">URL</font> = "<a href="http://www.lri.fr/~marc/EO/EO-EA01.ps.gz">http://www.lri.fr/~marc/EO/EO-EA01.ps.gz</a>",<br/>
|
||||
<font color="#ff00ff">size</font> = "12 pages",<br/>
|
||||
<!-- <font color="#a020f0">abstract</font> = "This paper presents the evolving objects library<br/> -->
|
||||
<!-- (EOlib), an object-oriented framework for evolutionary<br/> -->
|
||||
|
|
@ -1225,15 +1224,16 @@ undiscovered knowledge.
|
|||
|
||||
</div> <!-- id=main -->
|
||||
|
||||
<!-- Foldable comments -->
|
||||
<script>
|
||||
var coll = document.getElementsByClassName("collapsible");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < coll.length; i++) {
|
||||
for(i = 0; i < coll.length; i++) {
|
||||
coll[i].addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var content = this.nextElementSibling;
|
||||
if (content.style.maxHeight){
|
||||
if(content.style.maxHeight){
|
||||
content.style.maxHeight = null;
|
||||
} else {
|
||||
content.style.maxHeight = content.scrollHeight + "px";
|
||||
|
|
@ -1241,6 +1241,38 @@ undiscovered knowledge.
|
|||
});
|
||||
}
|
||||
</script>
|
||||
<noscript>
|
||||
<style>
|
||||
.details {
|
||||
max-height:100%;
|
||||
}
|
||||
</style>
|
||||
</noscript>
|
||||
|
||||
<!-- Asynchronous load of Google font for the ParadisEO logo -->
|
||||
<!-- Instead of this line in the header:
|
||||
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
-->
|
||||
<script src="https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&display=swap"></script>
|
||||
<script>
|
||||
(function( w ){
|
||||
// if the class is already set, we're good.
|
||||
if( w.document.documentElement.className.indexOf( "fonts-loaded" ) > -1 ){
|
||||
return;
|
||||
}
|
||||
var fontA = new w.FontFaceObserver( "Comfortaa", {
|
||||
weight: 400
|
||||
});
|
||||
var fontB = new w.FontFaceObserver( "Comfortaa", {
|
||||
weight: 700
|
||||
});
|
||||
w.Promise
|
||||
.all([fontA.load(), fontB.load()])
|
||||
.then(function(){
|
||||
w.document.documentElement.className += " fonts-loaded";
|
||||
});
|
||||
}( this ));
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
font-size:1em;
|
||||
color: #333333;
|
||||
font-family:Arial, sans-serif;
|
||||
|
||||
|
|
@ -42,7 +43,7 @@ pre {
|
|||
}
|
||||
|
||||
#alt {
|
||||
font-size:small;
|
||||
font-size:0.75em;
|
||||
float:left;
|
||||
width:20%;
|
||||
max-width:40ch;
|
||||
|
|
@ -68,7 +69,6 @@ pre {
|
|||
|
||||
#slogan {
|
||||
text-align:center;
|
||||
font-size:small;
|
||||
font-weight:normal;
|
||||
font-style:italic;
|
||||
padding:1em;
|
||||
|
|
@ -205,7 +205,7 @@ ul#menu li {
|
|||
|
||||
ul#menu li a {
|
||||
display: block;
|
||||
font-size: small;
|
||||
font-size: 0.75em;
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
|
|
@ -223,12 +223,12 @@ ul#menu a.selected:visited { background: #3366CC; color: #FFFFFF; }
|
|||
color:#36C;
|
||||
cursor: pointer;
|
||||
padding: 0.2em;
|
||||
/* width: 100%; */
|
||||
border: thin solid #ccc;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: small;
|
||||
font-size: 0.75em;
|
||||
margin-left:2em;
|
||||
max-width:50%;
|
||||
}
|
||||
|
||||
.active, .collapsible:hover {
|
||||
|
|
@ -263,15 +263,14 @@ figure {
|
|||
padding:1em;
|
||||
border:thin solid lightgray;
|
||||
box-shadow: 5px 10px 18px #ddd;
|
||||
/* min-width:400px; */
|
||||
max-width: 60%;
|
||||
margin:1em;
|
||||
margin-left:20%
|
||||
}
|
||||
|
||||
figure img {
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: small;
|
||||
font-size: 0.75em;
|
||||
max-width: 90%;
|
||||
margin-left:5%;
|
||||
}
|
||||
|
|
@ -322,7 +321,16 @@ a.comment-indicator:hover + comment { background:#ffd; position:absolute; displa
|
|||
a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em; }
|
||||
comment { display:none; }
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
@media (min-resolution: 192dpi) {
|
||||
body {
|
||||
font-size:1.5em;
|
||||
}
|
||||
#alt {
|
||||
font-size:1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 50em), screen and (min-resolution: 192dpi) and (max-width: 75em) {
|
||||
#alt {
|
||||
clear:left;
|
||||
width:100%;
|
||||
|
|
@ -372,11 +380,11 @@ comment { display:none; }
|
|||
}
|
||||
|
||||
figure {
|
||||
max-width:80%;
|
||||
max-width:90%;
|
||||
margin-left:5%;
|
||||
}
|
||||
|
||||
iframe.table {
|
||||
.table {
|
||||
padding:1em;
|
||||
border:thin solid lightgray;
|
||||
box-shadow: 5px 10px 18px #ddd;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue