no jira: more improvements to CallForLogo
diff --git a/CallForLogo.html b/CallForLogo.html
index 7a2a5ac..fa08286 100644
--- a/CallForLogo.html
+++ b/CallForLogo.html
@@ -3,7 +3,7 @@
<!doctype html>
<!--
- Generated by Apache Maven Doxia at 2020-10-11 Rendered using Reflow Maven Skin 2.3.0 (http://devacfr.github.io/reflow-maven-skin)
+ Generated by Apache Maven Doxia at 2020-10-13 Rendered using Reflow Maven Skin 2.3.0 (http://devacfr.github.io/reflow-maven-skin)
-->
<html xml:lang="en" lang="en">
<head>
@@ -214,7 +214,7 @@
<main class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-8" role="main">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
- <li class="publishDate version-date"> Last Published: 2020-10-11</li>
+ <li class="publishDate version-date"> Last Published: 2020-10-13</li>
</ol>
</nav>
<section>
@@ -223,10 +223,12 @@
</div>
<p> As you may know, Apache Openmeetings is part of the Apache Software Foundation, which is a non-profit organization. In order to celebrate The Apache Software Foundation's 15th Anniversary and promote the ASF's more than 200 projects, Apache has launched an effort to get folks who use Apache projects to note that by including one or more of the newly-designed "Powered By Apache" logos on their websites, documentation, marketing materials, etc.<br><br> Guidelines for use are available here: <a class="externalLink" href="http://apache.org/foundation/press/kit/">http://apache.org/foundation/press/kit</a><br><br> Unfortunately we have no suitable logo for this :(<br><br> This page is designed to test all proposed logo and choose the best one </p>
<p> Please send your logos and opinions to <a href="mailing-lists.html">user@ mail list</a> (you need to subscribe first)<br> Thanks in advance :) </p>
+ <div id="before-preview"></div>
</section>
<section>
<h2 id="preview1">Preview</h2>
<div class="powered-preview">
+ <div class="powered-preview-logo"></div>
</div>
</section>
<section>
@@ -522,15 +524,10 @@
$(window).scrollTop(0);
}
function applyLogoSmall() {
- var pp = $('.powered-preview');
- var l = pp.children('.powered-preview-logo');
- if (!l.length) {
- l = $("<div class='powered-preview-logo'></div>");
- pp.append(l);
- }
+ var l = $('.powered-preview .powered-preview-logo');
var ib = $(this).closest('table').find('.logo-square');
l.css('background-image', 'url(' + ib.attr('src') + ')');
- $('#_toc_preview')[0].scrollIntoView();
+ $('#before-preview')[0].scrollIntoView();
}
document.addEventListener("DOMContentLoaded", function() {
$('.btn-logo-big').click(applyLogoBig);
diff --git a/css/site.css b/css/site.css
index 24a3a57..29052c3 100644
--- a/css/site.css
+++ b/css/site.css
@@ -33,7 +33,7 @@
background-repeat: no-repeat;
background-image: url('../images/logos/pb.png');
background-position: 0 0;
- background-size: 200px 200px;
+ background-size: 200px;
width: 200px;
height: 200px;
position: relative;
@@ -41,12 +41,12 @@
.powered-preview-logo {
background-repeat: no-repeat;
background-position: 0 0;
- background-size: 70px 70px;
+ background-size: 130px;
position: absolute;
- height: 70px;
- width: 70px;
- top: 65px;
- left: 65px;
+ height: 130px;
+ width: 130px;
+ top: 37px;
+ left: 37px;
}
.example-image-link {
display: block;
