Issue27 - Updated the layout of Logo and Artwork Page
Signed-off-by: Zhou Fang <zhou.fang@eclipse-foundation.org>
Change-Id: I05b99d04509353779887af5931aa0c81977247a9
diff --git a/artwork/content/en_index.php b/artwork/content/en_index.php
index c2498ae..eac53aa 100644
--- a/artwork/content/en_index.php
+++ b/artwork/content/en_index.php
@@ -1,4 +1,5 @@
<?php
+
/**
* Copyright (c) 2014, 2018 Eclipse Foundation and others.
*
@@ -15,303 +16,346 @@
?>
- <h1><?php print $pageTitle; ?></h1>
- <p>We are providing copies of the Eclipse logo so our community can use it to show their support of Eclipse and link back to our community.
- These logos are the intellectual property of the Eclipse
- Foundation and cannot be altered without Eclipse’s permission. They are provided for use under the <a href="http://www.eclipse.org/legal/logo_guidelines.php">Eclipse logo and
- trademark guidelines.</a>
- </p>
- <div id="eclipse_logo_artworks">
- <h2 class="top-level-heading margin-top-0" id="ef-logos">Eclipse Foundation Logos</h2>
- <div class="row margin-bottom-20 text-center">
- <div class="col-sm-8">
- <div style="background-color:#fff;" class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/eclipse_foundation_logo.jpg" alt="Eclipse Foundation logo" width="180" class="margin-bottom-10" />
- </div>
- <p class="text-right"><a href="zip_files/eclipse_foundation_logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Foundation logo">Download</a></p>
- </div>
- <div class="col-sm-8">
- <div style="background-color:#404040;" class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/eclipse_foundation_logo_wo.png" alt="Eclipse Foundation white & orange logo" width="180" class="margin-bottom-10" />
- </div>
- <p class="text-right"><a href="zip_files/eclipse_foundation_logo_wo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Foundation white/orange logo">Download</a></p>
- </div>
- <div class="col-sm-8">
- <div style="background-color:#404040;" class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/eclipse_foundation_logo_bw.png" alt="Eclipse Foundation white logo" width="180" class="margin-bottom-10"/>
- </div>
- <p class="text-right"><a href="zip_files/eclipse_foundation_logo_bw.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Foundation white logo">Download</a></p>
- </div>
+<h1><?php print $pageTitle; ?></h1>
+<p>We are providing copies of the Eclipse logo so our community can use it to show their support of Eclipse and link back to our community.
+ These logos are the intellectual property of the Eclipse Foundation and cannot be altered without Eclipse's permission. They are provided for use under the <a href="http://www.eclipse.org/legal/logo_guidelines.php">Eclipse Foundation Trademark Usage Policy</a>.
+</p>
+<div class="logo-catalog margin-bottom-40 margin-top-40">
+ <a href="#ef-logos">Eclipse Foundation Logos</a>
+ <span>|</span>
+ <a href="#ef-member-logos">Eclipse Foundation Member Logos</a>
+ <span>|</span>
+ <a href="#eclipse-ide-logos">Eclipse IDE Logos</a>
+ <span>|</span>
+ <a href="#incubation">Eclipse Incubation Logo</a>
+ <span>|</span>
+ <a href="#wg-logos">Working Groups Logos</a>
+</div>
+
+<!-- Eclipse Foundation logo-->
+<div id="eclipse_logo_artworks">
+ <h2 class="logo-group-title" id="ef-logos">Eclipse Foundation Logos</h2>
+ <div class="logo-row">
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE FOUNDATION</p>
</div>
- <!-- END #eclipse_logo_artworks_mp -->
- <h2 class="top-level-heading margin-top-0" id="ef-member-logos">Eclipse Foundation Member Logos</h2>
- <div class="row margin-bottom-20 text-center">
- <div class="col-sm-8">
- <div style="background-color:#fff;" class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/EF_Associate_Member_PNG.png" alt="Eclipse Foundation logo" width="180" class="margin-bottom-10" />
- </div>
- <p class="text-right"><a href="images/EF_Associate_Member_PNG.png" download="images/EF_Associate_Member_PNG.png" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Foundation Associate Memberlogo">Download</a></p>
- </div>
- <div class="col-sm-8">
- <div style="background-color:#fff;" class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/EF_Solutions_Member_PNG.png" alt="Eclipse Foundation white & orange logo" width="180" class="margin-bottom-10" />
- </div>
- <p class="text-right"><a href="images/EF_Solutions_Member_PNG.png" download="images/EF_Solutions_Member_PNG.png" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Foundation Solutions Member logo">Download</a></p>
- </div>
- <div class="col-sm-8">
- <div style="background-color:#fff;" class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/EF_Strategic_Member_PNG.png" alt="Eclipse Foundation white logo" width="180" class="margin-bottom-10"/>
- </div>
- <p class="text-right"><a href="images/EF_Strategic_Member_PNG.png" download="images/EF_Strategic_Member_PNG.png" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Foundation Strategic Member logo">Download</a></p>
- </div>
- </div>
- <!-- END #eclipse_logo_artworks_mp -->
- <h2 class="top-level-heading margin-top-0" id="eclipse-ide-logos">Eclipse IDE Logos</h2>
- <div class="row text-center">
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border middle text-center">
- <img class="margin-auto img-responsive" src="images/eclipse_ide_logo.png" alt="Eclipse color logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/eclipse_Logov2.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse logo">Download</a></p>
- </div>
- <div class="col-sm-12 main-logo-contrast">
- <div class="box match-height-item-by-row background-orange border-reset text-center">
- <img class="margin-auto img-responsive" src="images/eclipse_ide_logo_white.png" alt="Eclipse black & white logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/eclipse_Logov2_bw.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse black/white logo">Download</a></p>
- </div>
- </div>
- <!-- END #eclipse_logo_artworks_logo -->
- <div class="row text-center">
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/eclipse_builton.png" alt="Built on Eclipse" width="128" class="margin-bottom-10" />
- </div>
- <p class="text-right"><a href="zip_files/eclipse_builton.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Built on Eclipse logo">Download</a></p>
- </div>
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/eclipse_ready.png" alt="Eclipse Ready" width="130" class="margin-bottom-10" />
- </div>
- <p class="text-right"><a href="zip_files/eclipse_ready.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse Ready logo">Download</a></p>
- </div>
- </div>
- <!-- END #eclipse_logo_artworks_mp -->
- <h2 class="top-level-heading" id="jakarta-ee-logos">Jakarta EE Logos</h2>
- <!-- Jakarta EE color logo -->
- <div class="row margin-bottom-20 text-center" id="jakarta-ee-wg">
- <h4>Working Group Logos</h4>
- <!-- Jakarta EE logo -->
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/jakartaee_c.png" alt="Jakarta EE logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/jakartaee_color.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Jakarta EE logo">Download</a></p>
- </div>
- <!-- Jakarta EE bw logo -->
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/jakartaee_b.png" alt="Jakarta EE logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/jakartaee_bw.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Jakarta EE logo">Download</a></p>
- </div>
- </div>
- <div class="row margin-bottom-20 text-center" id="jakarta-ee-compatibility">
- <h4>Jakarta EE Compatibility Logo</h4>
- <!-- Jakarta EE logo compatible-->
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/jakarta-comp-c.svg" alt="Jakarta EE logo" width="170"/>
- </div>
- <p class="text-right"><a href="zip_files/jakarta-compatible-color.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Jakarta EE logo">Download</a></p>
- </div>
- <!-- Jakarta EE compatible bw logo -->
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/jakarta_comp_b.svg" alt="Jakarta EE logo" width="170"/>
- </div>
- <p class="text-right"><a href="zip_files/jakarta-compatible-black-white.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Jakarta EE logo">Download</a></p>
- </div>
- </div>
- <div class="row margin-bottom-20 text-center" id="jakarta-ee-member">
- <h4>Jakarta EE Member Logo</h4>
- <!-- Jakarta EE logo Member-->
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/jakarta-member-c.svg" alt="Jakarta EE logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/jakarta-member-color.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Jakarta EE logo">Download</a></p>
- </div>
- <!-- Jakarta EE Member bw logo -->
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/jakarta-member-b.svg" alt="Jakarta EE logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/jakarta-member-black-white.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Jakarta EE logo">Download</a></p>
- </div>
- </div>
- <!-- end of .col-sm-18 -->
- <h2 class="top-level-heading" id="wg-logos">Working Groups Logos</h2>
- <div class="row margin-bottom-20 text-center">
- <!-- Adoptium Logo -->
- <div class="col-sm-12" id="adoptium">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-adoptium-logo.svg" alt="Adoptium logo" height="110"/>
- </div>
- <p class="text-right"><a href="zip_files/adoptium-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Adoptium Tools logo">Download</a></p>
- </div>
- <!-- AsciiDoc Logo -->
- <div class="col-sm-12" id="asciidoc">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg_asciidoc-logo.svg" alt="AsciiDoc logo" width="300"/>
- </div>
- <p class="text-right"><a href="zip_files/asciidoc_logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download AsciiDoc logo">Download</a></p>
- </div>
- <!-- ECD Logo -->
- <div class="col-sm-12" id="ecd">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-ecd-tools-logo.svg" alt="ECD Tools logo" width="370"/>
- </div>
- <p class="text-right"><a href="zip_files/ecd-tools-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download ECD Tools logo">Download</a></p>
- </div>
- <!-- Edge Native Logo -->
- <div class="col-sm-12" id="edge-native">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-edgenative-logo.svg" alt="Edge Native logo" width="370" height="110"/>
- </div>
- <p class="text-right"><a href="zip_files/edge-native-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Edge Native logo">Download</a></p>
- </div>
- <!-- Gemoc Logo -->
- <div class="col-sm-12" id="gemoc">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/gemoc-logo.svg" alt="Gemoc logo" width="160"/>
- </div>
- <p class="text-right"><a href="zip_files/Gemoc-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Gemoc logo">Download</a></p>
- </div>
- <!-- IoT Logo -->
- <div class="col-sm-12" id="iot">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/new_iot_logo_clr.svg" alt="IoT logo" width="120"/>
- </div>
- <p class="text-right"><a href="zip_files/iot-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download IoT logo">Download</a></p>
- </div>
- <!-- LTS logo -->
- <div class="col-sm-12" id="lts">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/lts-logo.png" alt="LTS logo" width="60"/>
- </div>
- <p class="text-right"><a href="zip_files/lts-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download LTS logo">Download</a></p>
- </div>
- <!-- MicroProfile logo -->
- <div class="col-sm-12" id="microprofile">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-microprofile-logo.svg" alt="MicroProfile logo" width="360"/>
- </div>
- <p class="text-right"><a href="zip_files/microprofile-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download MicroProfile logo">Download</a></p>
- </div>
- <!-- Oniro logo -->
- <div class="col-sm-12" id="oniro">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-oniro-logo.svg" alt="Oniro logo" width="240"/>
- </div>
- <p class="text-right"><a href="zip_files/oniro-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenADx logo">Download</a></p>
- </div>
- <!-- OpenADx -->
- <div class="col-sm-12" id="Openadx">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-openadx-logo.svg" alt="OpenADx logo" width="190"/>
- </div>
- <p class="text-right"><a href="zip_files/open-adx-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenADx logo">Download</a></p>
- </div>
- <!-- OpenHW -->
- <div class="col-sm-12" id="openhw">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg_openhw.svg" alt="OpenHW logo" width="360"/>
- </div>
- <p class="text-right"><a href="zip_files/OpenHW-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenHW logo">Download</a></p>
- </div>
- <!-- OpenHW Asia -->
- <div class="col-sm-12" id="openhw-asia">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-openhw-asia-logo.svg" alt="OpenHW Asia logo" width="360"/>
- </div>
- <p class="text-right"><a href="zip_files/openhw-asia-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenHW Asia logo">Download</a></p>
- </div>
- <!-- OpenHW Europe-->
- <div class="col-sm-12" id="openhw-europe">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-openhw-europe-logo.svg" alt="OpenHW Europe logo" width="360"/>
- </div>
- <p class="text-right"><a href="zip_files/openhw-europe-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenHW Europe logo">Download</a></p>
- </div>
- <!-- OpenMDM -->
- <div class="col-sm-12" id="open-mdm">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/openmdm-logo.png" alt="OpenMDM logo" width="150"/>
- </div>
- <p class="text-right"><a href="zip_files/openmdm-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenMDM logo">Download</a></p>
- </div>
- <!-- OpenMobility -->
- <div class="col-sm-12" id="open-mobility">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-openmobility-logo.svg" alt="OpenMobility logo" width="300"/>
- </div>
- <p class="text-right"><a href="zip_files/open-mobility-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenMobility logo">Download</a></p>
- </div>
- <!-- OpenPASS -->
- <div class="col-sm-12" id="open-pass">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-openpass-logo.svg" alt="OpenPASS logo" width="240"/>
- </div>
- <p class="text-right"><a href="zip_files/openpass-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OpenPASS logo">Download</a></p>
- </div>
- <!-- OSGI -->
- <div class="col-sm-12" id="osgi">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-osgi-logo.svg" alt="OSGI logo" width="240"/>
- </div>
- <p class="text-right"><a href="zip_files/osgi-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download OSGI logo">Download</a></p>
- </div>
- <!-- Science logo -->
- <div class="col-sm-12" id="science">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/science-logo.png" alt="Science logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/science-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Science logo">Download</a></p>
- </div>
- <!-- Sparkplug logo -->
- <div class="col-sm-12" id="sparkplug">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-sparkplug-logo.svg" alt="Sparkplug logo" width="280"/>
- </div>
- <p class="text-right"><a href="zip_files/sparkplug-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Sparkplug logo">Download</a></p>
- </div>
- <!-- Tangle EE logo -->
- <div class="col-sm-12" id="tangle-ee">
- <div class="box match-height-item-by-row box-gray-border text-center vertical-align">
- <img class="margin-auto img-responsive" src="images/wg-tangle-ee-logo.svg" alt="Tangle EE logo" width="320"/>
- </div>
- <p class="text-right"><a href="zip_files/tangle-ee-logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Tangle EE logo">Download</a></p>
- </div>
- </div>
- <!-- end of .col-sm-18 -->
- <!-- Incubation logo-->
- <h2 class="top-level-heading margin-top-0" id="incubation">Eclipse Incubation Logo</h2>
- <p>The 'Eclipse Incubation' logo is for use exclusively by the Eclipse Foundation and the Eclipse projects. Projects in the incubation phase must use the Eclipse Incubation logo to indicate the incubation status of the project.</p>
- <div class="row text-center">
- <div class="col-sm-12">
- <div class="box match-height-item-by-row box-gray-border middle text-center">
- <img class="margin-auto img-responsive" src="images/eclipse_incubation_horizontal-svg.svg" alt="Eclipse incubation logo" width="187"/>
- </div>
- <p class="text-right"><a href="zip_files/Incubation-Logo.zip" class="btn btn-white-purple-border btn-full-width btn-border-radius-0" title="Download Eclipse logo">Download</a></p>
- </div>
+ <img src="images/eclipse_foundation_logo.jpg" alt="Eclipse Foundation logo">
+ <p class="branding-guidelines">
+ <a href="/legal/documents/eclipse_foundation_branding_guidelines.pdf">Brand Guidelines</a>
+ </p>
+ <p class="logo-types">Includes: <strong>Colour | Reversed Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/eclipse-foundation-logo.zip" title="Download Eclipse Foundation logo">Download</a>
</div>
</div>
-<div class="sideitem">
- <h6>Brand Guidelines</h6>
- <ul>
- <li><a href="/legal/documents/eclipse_foundation_branding_guidelines.pdf" title="Eclipse Foundation Brand Guidelines">Eclipse Foundation Brand Guidelines</a></li>
- <li><a href="https://jakarta.ee/legal/trademark_guidelines/jakarta-ee-branding-guidelines.pdf" title="Jakarta EE Brand Guidelines">Jakarta EE Brand Guidelines</a></li>
- <li><a href="/artwork/zip_files/Eclipse-IoT-Brand-Guidelines.pdf" title="Eclipse IoT Working Group Brand Guidelines">Eclipse IoT Working Group Brand Guidelines</a></li>
- </ul>
- </div>
\ No newline at end of file
+ </div>
+ <!-- END #eclipse_logo_artworks_mp -->
+
+ <h2 class="logo-group-title" id="ef-member-logos">Eclipse Foundation Member Logos</h2>
+ <div class="logo-row">
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE ASSOCIATE MEMBER</p>
+ </div>
+ <img src="images/EF_Associate_Member_PNG-s.png" alt="Eclipse Associate Member logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/ef-associate-member-logo.zip" title="Download Eclipse Foundation Associate Member logo">Download</a>
+ </div>
+ </div>
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE CONTRIBUTING MEMBER</p>
+ </div>
+ <img src="images/EF_Contributing_Member_PNG-s.png" alt="Eclipse Foundation white & orange logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/ef-contributing-member-logo.zip" title="Download Eclipse Foundation Contributing Member logo">Download</a>
+ </div>
+ </div>
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE STRATEGIC MEMBER</p>
+ </div>
+ <img src="images/EF_Strategic_Member_PNG-s.png" alt="Eclipse Foundation white logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/ef-strategic-member-logo.zip" title="Download Eclipse Foundation Strategic Member logo">Download</a>
+ </div>
+ </div>
+ </div>
+ <!-- END #eclipse_member_logo_artworks_mp -->
+
+ <h2 class="logo-group-title" id="eclipse-ide-logos">Eclipse IDE Logos</h2>
+ <div class="logo-row">
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE IDE</p>
+ </div>
+ <img class="big-logo" src="images/eclipse_ide_logo.png" alt="Eclipse IDE logo">
+ <p class="logo-types">Includes: <strong>Colour | Reversed Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/eclipse-ide-logo.zip" title="Download Eclipse IDE logo">Download</a>
+ </div>
+ </div>
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">BUILT ON ECLIPSE</p>
+ </div>
+ <img class="big-logo" src="images/eclipse-builton-logo.png" alt="Built on Eclipse logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/eclipse-built-on-logo.zip" title="Download Built on Eclipse logo">Download</a>
+ </div>
+ </div>
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE READY</p>
+ </div>
+ <img class="big-logo" src="images/eclipse-ready-logo.png" alt="Eclipse Ready logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/eclipse-ready-logo.zip" title="Download Eclipse Ready logo">Download</a>
+ </div>
+ </div>
+ </div>
+</div>
+<!-- END #eclipse_ide_logo_artworks_mp -->
+<!-- END Eclipse Foundation logo-->
+
+<!-- Incubation logo-->
+<h2 class="logo-group-title" id="incubation">Eclipse Incubation Logo</h2>
+<div class="logo-row">
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE INCUBATION</p>
+ </div>
+ <img src="images/eclipse_incubation_horizontal-svg.svg" alt="Eclipse incubation logo">
+ <p class="margin-left-20 margin-right-20 margin-bottom-20">For use exclusively by the Eclipse Foundation and the Eclipse projects to indicate the incubation status of the project.</p>
+ <p class="logo-types">Includes: <strong>Vertical | Horizontal</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/incubation-logo.zip" title="Download Eclipse Incubation logo">Download</a>
+ </div>
+ </div>
+</div>
+<!-- END Incubation -->
+
+<!-- Working Groups logo-->
+<h2 class="logo-group-title" id="wg-logos">Working Groups Logos</h2>
+<div class="logo-row margin-bottom-60">
+ <!-- Adoptium Logo -->
+ <div class="logo-card" id="adoptium">
+ <div class="logo-title-container">
+ <p class="logo-title">ADOPTIUM</p>
+ </div>
+ <img class="adoptium-logo" src="images/wg-adoptium-logo.svg" alt="Adoptium logo">
+ <p class="logo-types">Includes: <strong>Colour | Reversed Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/adoptium-logo.zip" title="Download Adoptium Tools logo">Download</a>
+ </div>
+ </div>
+ <!-- AsciiDoc Logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ASCIIDOC</p>
+ </div>
+ <img src="images/wg_asciidoc-logo.svg" alt="AsciiDoc logo">
+ <p class="logo-types">Includes: <strong>Colour | Reversed Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/asciidoc-logo.zip" title="Download AsciiDoc logo">Download</a>
+ </div>
+ </div>
+ <!-- ECD Logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE CLOUD DEVTOOLS</p>
+ </div>
+ <img src="images/wg-ecd-tools-logo.svg" alt="ECD Tools logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/ecd-tools-logo.zip" title="Download ECD Tools logo">Download</a>
+ </div>
+ </div>
+ <!-- Eclipse IDE Logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE IDE</p>
+ </div>
+ <img class="big-logo" src="images/eclipse_ide_logo.png" alt="Eclipse IDE logo">
+ <p class="logo-types">Includes: <strong>Colour | Reversed Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/eclipse-ide-logo.zip" title="Download Eclipse IDE logo">Download</a>
+ </div>
+ </div>
+ <!-- Edge Native Logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">EDGE NATIVE</p>
+ </div>
+ <img src="images/wg-edgenative-logo.svg" alt="Edge Native logo">
+ <p class="logo-types">Includes: <strong>Colour | Reversed Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/edge-native-logo.zip" title="Download Edge Native logo">Download</a>
+ </div>
+ </div>
+ <!-- Gemoc Logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">GEMOC</p>
+ </div>
+ <img class="square-logo" src="images/gemoc-logo.svg" alt="Gemoc logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/gemoc-logo.zip" title="Download Gemoc logo">Download</a>
+ </div>
+ </div>
+ <!-- IoT Logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ECLIPSE IOT</p>
+ </div>
+ <img class="iot-logo" src="images/iot_logo_clr.svg" alt="IoT logo">
+ <p class="branding-guidelines"><a href="zip_files/Eclipse-IoT-Brand-Guidelines.pdf">Brand Guidelines</a></p>
+ <p class="logo-types">Includes: <strong> Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/iot-logo.zip" title="Download IoT logo">Download</a>
+ </div>
+ </div>
+ <!-- Jakarta EE logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">JAKARTA EE</p>
+ </div>
+ <img src="images/jakarta_ee_logo.svg" alt="Jakarta EE logo">
+ <p class="branding-guidelines">
+ <a href="https://jakarta.ee/legal/trademark_guidelines/jakarta-ee-branding-guidelines.pdf">Brand Guidelines</a>
+ </p>
+ <p class="logo-types">Includes: <strong>Working Group | Compatibility | Member</strong> in <strong>Color | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/jakarta-logo.zip" title="Download Jakarta EE logo">Download</a>
+ </div>
+ </div>
+ <!-- MicroProfile logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">MICROPROFILE</p>
+ </div>
+ <img src="images/wg-microprofile-logo.svg" alt="MicroProfile logo">
+ <p class="logo-types">Includes: <strong>Working Group | Compatibility | Member</strong> in <strong>Color | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/microprofile-logo.zip" title="Download MicroProfile logo">Download</a>
+ </div>
+ </div>
+ <!-- Oniro logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">ONIRO</p>
+ </div>
+ <img class="big-logo" src="images/wg-oniro-logo.svg" alt="Oniro logo">
+ <p class="logo-types">Includes: <strong>Colour | Monochromatic</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/oniro-logo.zip" title="Download OpenADx logo">Download</a>
+ </div>
+ </div>
+ <!-- OpenADx -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">OPEN ADX</p>
+ </div>
+ <img class="big-logo" src="images/wg-openadx-logo.svg" alt="OpenADx logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/open-adx-logo.zip" title="Download OpenADx logo">Download</a>
+ </div>
+ </div>
+ <!-- OpenHW -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">OPEN HW</p>
+ </div>
+ <img src="images/wg_openhw.svg" alt="OpenHW logo">
+ <p class="logo-types">Includes: <strong>OpenHW Group | OpenHW Asia | OpenHW Europe</strong> in <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/openhw-logo.zip" title="Download OpenHW logo">Download</a>
+ </div>
+ </div>
+ <!-- OpenMDM -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">OPEN MDM</p>
+ </div>
+ <img class="square-logo" src="images/openmdm-logo.png" alt="OpenMDM logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/openmdm-logo.zip" title="Download OpenMDM logo">Download</a>
+ </div>
+ </div>
+ <!-- OpenMobility -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">OPEN MOBILITY</p>
+ </div>
+ <img src="images/wg-openmobility-logo.svg" alt="OpenMobility logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/open-mobility-logo.zip" title="Download OpenMobility logo">Download</a>
+ </div>
+ </div>
+ <!-- OpenPASS -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">OPEN PASS</p>
+ </div>
+ <img class="big-logo" src="images/wg-openpass-logo.svg" alt="OpenPASS logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/openpass-logo.zip" title="Download OpenPASS logo">Download</a>
+ </div>
+ </div>
+ <!-- OSGI -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">OSGI</p>
+ </div>
+ <img class="big-logo" src="images/wg-osgi-logo.svg" alt="OSGI logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/osgi-logo.zip" title="Download OSGI logo">Download</a>
+ </div>
+ </div>
+ <!-- Science logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">SCIENCE</p>
+ </div>
+ <img class="big-logo" src="images/science-logo.png" alt="Science logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/science-logo.zip" title="Download Science logo">Download</a>
+ </div>
+ </div>
+ <!-- Sparkplug logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">SPARKPLUG</p>
+ </div>
+ <img src="images/wg-sparkplug-logo.svg" alt="Sparkplug logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/sparkplug-logo.zip" title="Download Sparkplug logo">Download</a>
+ </div>
+ </div>
+ <!-- Tangle EE logo -->
+ <div class="logo-card ">
+ <div class="logo-title-container">
+ <p class="logo-title">TANGLE EE</p>
+ </div>
+ <img src="images/wg-tangle-ee-logo.svg" alt="Tangle EE logo">
+ <p class="logo-types">Includes: <strong>Colour</strong></p>
+ <div class="logo-button-container">
+ <a href="zip_files/tangle-ee-logo.zip" title="Download Tangle EE logo">Download</a>
+ </div>
+ </div>
+</div>
+<!-- END Working Groups logo-->
\ No newline at end of file
diff --git a/artwork/css/main.css b/artwork/css/main.css
new file mode 100644
index 0000000..af7579c
--- /dev/null
+++ b/artwork/css/main.css
@@ -0,0 +1,145 @@
+.logo-catalog {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+}
+.logo-catalog span {
+ margin: 5px;
+}
+.logo-catalog a {
+ color: #f7941e;
+ font-weight: 500;
+ margin: 5px 0;
+ word-wrap: none;
+}
+
+.logo-catalog a:last-child {
+ border: none;
+}
+
+.logo-group-title {
+ margin: 60px 0 30px 0;
+}
+
+.logo-row {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+.logo-card {
+ width: 100%;
+ margin: 20px 20px 20px 0;
+ min-width: 200px;
+ position: relative;
+ background-color: #fff;
+ box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
+ padding: 20px 0 85px 0;
+ transition: 0.3s all ease-out;
+}
+
+.logo-card:hover {
+ transform: translateY(-3px);
+ box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.1);
+ transition: 0.3s all ease-out;
+}
+
+.logo-title-container {
+ display: flex;
+ justify-content: flex-end;
+}
+
+.logo-title {
+ padding: 5px 20px 5px 40px;
+ margin: 0;
+ background-color: #37474f;
+ color: #fff;
+ font-size: 12px;
+ line-height: 12px;
+}
+
+.logo-card img {
+ width: calc(100% - 40px);
+ height: 100px;
+ margin: 30px 20px 20px 20px;
+ object-fit: contain;
+}
+
+.logo-card .big-logo {
+ width: calc(100% - 80px);
+ margin: 30px 40px;
+}
+
+.logo-card .square-logo {
+ width: calc(100% - 120px);
+ margin: 30px 60px;
+}
+
+.logo-card .iot-logo {
+ width: calc(100% - 140px);
+ margin: 30px 70px;
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ /* Need to use height auto for IE to make sure the logo will display in a proper ratio */
+ .logo-card img {
+ height: auto;
+ }
+ .logo-card .adoptium-logo {
+ width: 400px;
+ max-width: 100%;
+ margin: 0;
+ height: 80px;
+ }
+ .logo-card .lts-logo {
+ width: calc(100% - 180px);
+ margin: 30px 90px;
+ }
+}
+
+.branding-guidelines {
+ margin: 10px 0 0 20px;
+ font-weight: 700;
+}
+
+.logo-types {
+ margin: 10px 20px 0 20px;
+ text-align: start;
+}
+
+.logo-button-container {
+ position: absolute;
+ bottom: 25px;
+}
+
+.logo-button-container a {
+ margin-top: 20px;
+ color: #f7941e;
+ font-weight: 500;
+ font-size: 18px;
+ background-color: #fff;
+ padding: 10px 0 10px 20px;
+ border: none;
+ border-top: 1px #f7941e solid;
+ transition: all 0.3s ease-in;
+ text-decoration: none;
+}
+
+.logo-button-container a:hover {
+ background-color: #f7941e;
+ color: #fff;
+ padding: 10px 20px;
+ transition: all 0.3s ease-out;
+}
+
+@media (min-width: 600px) {
+ .logo-card {
+ width: 46%;
+ }
+}
+
+@media (min-width: 768px) {
+ .logo-card {
+ width: 30%;
+ }
+}
diff --git a/artwork/images/EF_Associate_Member_PNG-s.png b/artwork/images/EF_Associate_Member_PNG-s.png
new file mode 100644
index 0000000..7d09c1c
--- /dev/null
+++ b/artwork/images/EF_Associate_Member_PNG-s.png
Binary files differ
diff --git a/artwork/images/EF_Associate_Member_PNG.png b/artwork/images/EF_Associate_Member_PNG.png
deleted file mode 100644
index e513a30..0000000
--- a/artwork/images/EF_Associate_Member_PNG.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/EF_Contributing_Member_PNG-s.png b/artwork/images/EF_Contributing_Member_PNG-s.png
new file mode 100644
index 0000000..d93542c
--- /dev/null
+++ b/artwork/images/EF_Contributing_Member_PNG-s.png
Binary files differ
diff --git a/artwork/images/EF_Solutions_Member_PNG.png b/artwork/images/EF_Solutions_Member_PNG.png
deleted file mode 100644
index 706e739..0000000
--- a/artwork/images/EF_Solutions_Member_PNG.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/EF_Strategic_Member_PNG-s.png b/artwork/images/EF_Strategic_Member_PNG-s.png
new file mode 100644
index 0000000..473f467
--- /dev/null
+++ b/artwork/images/EF_Strategic_Member_PNG-s.png
Binary files differ
diff --git a/artwork/images/EF_Strategic_Member_PNG.png b/artwork/images/EF_Strategic_Member_PNG.png
deleted file mode 100644
index ce43c43..0000000
--- a/artwork/images/EF_Strategic_Member_PNG.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/eclipse-builton-logo.png b/artwork/images/eclipse-builton-logo.png
new file mode 100644
index 0000000..279bb2a
--- /dev/null
+++ b/artwork/images/eclipse-builton-logo.png
Binary files differ
diff --git a/artwork/images/eclipse-ready-logo.png b/artwork/images/eclipse-ready-logo.png
new file mode 100644
index 0000000..3180fa9
--- /dev/null
+++ b/artwork/images/eclipse-ready-logo.png
Binary files differ
diff --git a/artwork/images/eclipse_builton.png b/artwork/images/eclipse_builton.png
deleted file mode 100644
index 65db0ba..0000000
--- a/artwork/images/eclipse_builton.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/eclipse_ready.png b/artwork/images/eclipse_ready.png
deleted file mode 100644
index 5dacb51..0000000
--- a/artwork/images/eclipse_ready.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/new_iot_logo_clr.svg b/artwork/images/iot_logo_clr.svg
similarity index 100%
rename from artwork/images/new_iot_logo_clr.svg
rename to artwork/images/iot_logo_clr.svg
diff --git a/artwork/images/jakarta_ee_logo.svg b/artwork/images/jakarta_ee_logo.svg
new file mode 100644
index 0000000..120fd79
--- /dev/null
+++ b/artwork/images/jakarta_ee_logo.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 500 150" style="enable-background:new 0 0 500 150;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FDB940;}
+ .st1{fill:#FEB322;}
+ .st2{fill:#F98200;}
+ .st3{fill:#1B208B;}
+</style>
+<g>
+ <g>
+ <path class="st0" d="M155.1,119c1.2,1.8,3.4,3.1,6.2,3.1c3.5,0,8-2.1,8-8.4V82.5h7v31.9c0,9.2-7.3,14.7-14.8,14.7
+ c-5.3,0-9.4-2.5-12-6L155.1,119z"/>
+ <path class="st0" d="M209.1,118.4h-17.5l-3.6,10.3h-7.4l16.8-46.2h5.8l16.8,46.2h-7.4L209.1,118.4z M207.1,112.1L200.5,92h-0.1
+ l-6.7,20.2H207.1z"/>
+ <path class="st0" d="M225,82.5h7v23.8h0.1l19-23.8h8.3l-14.8,18.2l16.4,28h-8.3l-12.6-22.6l-8.1,8.5v14.1h-7V82.5z"/>
+ <path class="st0" d="M289.6,118.4h-17.5l-3.6,10.3h-7.4l16.8-46.2h5.8l16.8,46.2h-7.4L289.6,118.4z M287.6,112.1L280.9,92h-0.1
+ l-6.7,20.2H287.6z"/>
+ <path class="st0" d="M305.5,82.5h18c3.9,0,6.9,0.9,9.4,3.1c2.6,2.2,4.6,5.7,4.6,9.9c0,6-3.4,10.8-9,12.8l10.7,20.5H331l-9.5-19.7
+ h-9v19.7h-7V82.5z M312.5,102.7h10.6c5.3,0,7.9-3.4,7.9-7.3c0-2.4-0.9-4.2-2.3-5.3c-1.3-1-2.7-1.4-5.1-1.4h-11V102.7z"/>
+ <path class="st0" d="M351.8,88.7h-12.7v-6.2h32.3v6.2h-12.7v40h-7V88.7z"/>
+ <path class="st0" d="M395.3,118.4h-17.5l-3.6,10.3h-7.4l16.8-46.2h5.8l16.8,46.2h-7.4L395.3,118.4z M393.3,112.1L386.6,92h-0.1
+ l-6.7,20.2H393.3z"/>
+ <path class="st0" d="M426.8,82.5h29.5v6.6h-22.5v13.2H453v6.2h-19.2v13.6h22.5v6.6h-29.5V82.5z"/>
+ <path class="st0" d="M462.8,82.5h29.5v6.6h-22.5v13.2h19.2v6.2h-19.2v13.6h22.5v6.6h-29.5V82.5z"/>
+ </g>
+ <path class="st0" d="M140,6.3L106.4,43c-0.4,18.6-4.9,46.7-24.7,72.3l29.2,7.3C159.6,76.8,140,6.3,140,6.3z"/>
+ <path class="st1" d="M106.4,43c0.3-12.9-1.4-21.2-1.4-21.2l-74,81.1l50.6,12.6c0-0.1,0.1-0.1,0.1-0.2l-33.7-8.4L106.4,43z"/>
+ <path class="st2" d="M48.1,106.9l33.7,8.4C101.5,89.7,106,61.7,106.4,43L48.1,106.9z"/>
+ <path class="st3" d="M94.9,123.8c2.9,0,5.8,0.1,8.6,0.4L8,100.6c0,0,17.8,5.9,39.2,38C58.6,129.5,75.7,123.8,94.9,123.8z"/>
+</g>
+<g>
+ <path class="st0" d="M402,90.7c-0.7-0.4-1.3-1-1.7-1.7s-0.6-1.5-0.6-2.3s0.2-1.6,0.6-2.3s1-1.3,1.7-1.7c0.7-0.4,1.5-0.6,2.3-0.6
+ c0.8,0,1.6,0.2,2.3,0.6c0.7,0.4,1.3,1,1.7,1.7c0.4,0.7,0.6,1.5,0.6,2.3s-0.2,1.6-0.6,2.3c-0.4,0.7-1,1.2-1.7,1.7
+ c-0.7,0.4-1.5,0.6-2.3,0.6S402.7,91.1,402,90.7z M406.9,89.4c0.7-0.7,1-1.6,1-2.7c0-0.7-0.1-1.4-0.5-2s-0.7-1-1.3-1.3
+ S405,83,404.3,83c-1.1,0-2,0.3-2.7,1c-0.7,0.7-1,1.6-1,2.7s0.3,2,1,2.7s1.6,1,2.7,1C405.4,90.4,406.2,90.1,406.9,89.4z M406,89
+ C405.9,89,405.9,89,406,89l-0.7,0c0,0-0.1,0-0.1-0.1l-0.7-2c0,0,0,0,0-0.1c0,0,0,0-0.1,0h-0.9c0,0-0.1,0-0.1,0.1v1.9
+ c0,0.1,0,0.1-0.1,0.1h-0.6c-0.1,0-0.1,0-0.1-0.1v-4.4c0-0.1,0-0.1,0.1-0.1h2c0.5,0,0.9,0.1,1.1,0.3c0.3,0.2,0.4,0.5,0.4,0.9
+ c0,0.6-0.3,1-0.9,1.2c0,0,0,0,0,0.1L406,89C406,88.9,406,89,406,89z M405.3,85.7c0-0.4-0.3-0.6-0.9-0.6h-1c0,0,0,0,0,0s0,0,0,0
+ s0,0,0,0.1v1c0,0.1,0,0.1,0.1,0.1h1.1C405,86.3,405.3,86.1,405.3,85.7z"/>
+</g>
+</svg>
diff --git a/artwork/images/locationtech-logo.png b/artwork/images/locationtech-logo.png
deleted file mode 100644
index a84f2b6..0000000
--- a/artwork/images/locationtech-logo.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/lts-logo.png b/artwork/images/lts-logo.png
index e889da2..f6a9bce 100644
--- a/artwork/images/lts-logo.png
+++ b/artwork/images/lts-logo.png
Binary files differ
diff --git a/artwork/images/openmdm-logo.png b/artwork/images/openmdm-logo.png
index 4e2bb7c..ce2c6c4 100644
--- a/artwork/images/openmdm-logo.png
+++ b/artwork/images/openmdm-logo.png
Binary files differ
diff --git a/artwork/images/papyrus-ic-logo.png b/artwork/images/papyrus-ic-logo.png
deleted file mode 100644
index 2c80d6d..0000000
--- a/artwork/images/papyrus-ic-logo.png
+++ /dev/null
Binary files differ
diff --git a/artwork/images/polarsys-logo.png b/artwork/images/polarsys-logo.png
deleted file mode 100644
index 88bb725..0000000
--- a/artwork/images/polarsys-logo.png
+++ /dev/null
Binary files differ
diff --git a/artwork/index.php b/artwork/index.php
index 8fc7351..01283b3 100644
--- a/artwork/index.php
+++ b/artwork/index.php
@@ -30,4 +30,5 @@
$Theme->setNav($Nav);
$Theme->setHtml($html);
+$App->AddExtraHtmlHeader('<link type="text/css" href="css/main.css" rel="stylesheet"/>');
$Theme->generatePage();
\ No newline at end of file
diff --git a/artwork/zip_files/Gemoc-logo.zip b/artwork/zip_files/Gemoc-logo.zip
deleted file mode 100644
index 179bde8..0000000
--- a/artwork/zip_files/Gemoc-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/Incubation-Logo.zip b/artwork/zip_files/Incubation-Logo.zip
deleted file mode 100644
index 7373693..0000000
--- a/artwork/zip_files/Incubation-Logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/NOTICE.txt b/artwork/zip_files/NOTICE.txt
index a167c6c..7e1a810 100644
--- a/artwork/zip_files/NOTICE.txt
+++ b/artwork/zip_files/NOTICE.txt
@@ -1,9 +1,7 @@
-We are providing copies of the Eclipse logo so our community can use
-it to show their support of Eclipse and link back to our community.
-These logos are the intellectual property of the Eclipse Foundation
-and cannot be altered without Eclipse’s permission. They are provided
-for use under the Eclipse logo and trademark guidelines[1].
+We are providing copies of this logo so our community can use it to show their support of Eclipse and link back to our community.
-These logos are copyright (c) 2014 Eclipse Foundation, Inc. All Rights Reserved.
+Please note these logo(s) are the intellectual property of the Eclipse Foundation and cannot be altered without the Eclipse Foundation’s permission. They are provided for use under the Eclipse Foundation Trademark Usage Policy [1].
+
+These logo(s) are copyright (c) Eclipse Foundation. All Rights Reserved.
[1] http://www.eclipse.org/logotm/
\ No newline at end of file
diff --git a/artwork/zip_files/Open-Genesis-logo.zip b/artwork/zip_files/Open-Genesis-logo.zip
deleted file mode 100644
index 5d395e8..0000000
--- a/artwork/zip_files/Open-Genesis-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/OpenHW-logo.zip b/artwork/zip_files/OpenHW-logo.zip
deleted file mode 100644
index 86cf0ad..0000000
--- a/artwork/zip_files/OpenHW-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/adoptium-logo.zip b/artwork/zip_files/adoptium-logo.zip
index 25d2c1f..10a6ae3 100644
--- a/artwork/zip_files/adoptium-logo.zip
+++ b/artwork/zip_files/adoptium-logo.zip
Binary files differ
diff --git a/artwork/zip_files/asciidoc_logo.zip b/artwork/zip_files/asciidoc-logo.zip
similarity index 99%
rename from artwork/zip_files/asciidoc_logo.zip
rename to artwork/zip_files/asciidoc-logo.zip
index 671e5a1..9773ce9 100644
--- a/artwork/zip_files/asciidoc_logo.zip
+++ b/artwork/zip_files/asciidoc-logo.zip
Binary files differ
diff --git a/artwork/zip_files/ecd-tools-logo.zip b/artwork/zip_files/ecd-tools-logo.zip
index 9e53da4..d1a7093 100644
--- a/artwork/zip_files/ecd-tools-logo.zip
+++ b/artwork/zip_files/ecd-tools-logo.zip
Binary files differ
diff --git a/artwork/zip_files/eclipse-built-on-logo.zip b/artwork/zip_files/eclipse-built-on-logo.zip
new file mode 100644
index 0000000..36634dd
--- /dev/null
+++ b/artwork/zip_files/eclipse-built-on-logo.zip
Binary files differ
diff --git a/artwork/zip_files/eclipse_foundation_logo_bw.zip b/artwork/zip_files/eclipse-foundation-logo.zip
similarity index 62%
rename from artwork/zip_files/eclipse_foundation_logo_bw.zip
rename to artwork/zip_files/eclipse-foundation-logo.zip
index f03857c..d071592 100644
--- a/artwork/zip_files/eclipse_foundation_logo_bw.zip
+++ b/artwork/zip_files/eclipse-foundation-logo.zip
Binary files differ
diff --git a/artwork/zip_files/eclipse-ide-logo.zip b/artwork/zip_files/eclipse-ide-logo.zip
new file mode 100644
index 0000000..68b8504
--- /dev/null
+++ b/artwork/zip_files/eclipse-ide-logo.zip
Binary files differ
diff --git a/artwork/zip_files/eclipse-ready-logo.zip b/artwork/zip_files/eclipse-ready-logo.zip
new file mode 100644
index 0000000..8873ed2
--- /dev/null
+++ b/artwork/zip_files/eclipse-ready-logo.zip
Binary files differ
diff --git a/artwork/zip_files/eclipse_Logov2.zip b/artwork/zip_files/eclipse_Logov2.zip
deleted file mode 100644
index 6bd34de..0000000
--- a/artwork/zip_files/eclipse_Logov2.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/eclipse_Logov2_bw.zip b/artwork/zip_files/eclipse_Logov2_bw.zip
deleted file mode 100644
index 69630fa..0000000
--- a/artwork/zip_files/eclipse_Logov2_bw.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/eclipse_builton.zip b/artwork/zip_files/eclipse_builton.zip
deleted file mode 100644
index b28b60b..0000000
--- a/artwork/zip_files/eclipse_builton.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/eclipse_foundation_logo.zip b/artwork/zip_files/eclipse_foundation_logo.zip
deleted file mode 100644
index 33c7500..0000000
--- a/artwork/zip_files/eclipse_foundation_logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/eclipse_foundation_logo_wo.zip b/artwork/zip_files/eclipse_foundation_logo_wo.zip
deleted file mode 100644
index d53d440..0000000
--- a/artwork/zip_files/eclipse_foundation_logo_wo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/eclipse_foundationmember.zip b/artwork/zip_files/eclipse_foundationmember.zip
deleted file mode 100644
index 4ec264a..0000000
--- a/artwork/zip_files/eclipse_foundationmember.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/eclipse_ready.zip b/artwork/zip_files/eclipse_ready.zip
deleted file mode 100644
index 6c523f1..0000000
--- a/artwork/zip_files/eclipse_ready.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/edge-native-logo.zip b/artwork/zip_files/edge-native-logo.zip
index 75bec78..fee01e8 100644
--- a/artwork/zip_files/edge-native-logo.zip
+++ b/artwork/zip_files/edge-native-logo.zip
Binary files differ
diff --git a/artwork/zip_files/ef-associate-member-logo.zip b/artwork/zip_files/ef-associate-member-logo.zip
new file mode 100644
index 0000000..1a5c8eb
--- /dev/null
+++ b/artwork/zip_files/ef-associate-member-logo.zip
Binary files differ
diff --git a/artwork/zip_files/ef-contributing-member-logo.zip b/artwork/zip_files/ef-contributing-member-logo.zip
new file mode 100644
index 0000000..46d311d
--- /dev/null
+++ b/artwork/zip_files/ef-contributing-member-logo.zip
Binary files differ
diff --git a/artwork/zip_files/ef-strategic-member-logo.zip b/artwork/zip_files/ef-strategic-member-logo.zip
new file mode 100644
index 0000000..6662463
--- /dev/null
+++ b/artwork/zip_files/ef-strategic-member-logo.zip
Binary files differ
diff --git a/artwork/zip_files/gemoc-logo.zip b/artwork/zip_files/gemoc-logo.zip
new file mode 100644
index 0000000..68333b0
--- /dev/null
+++ b/artwork/zip_files/gemoc-logo.zip
Binary files differ
diff --git a/artwork/zip_files/incubation-logo.zip b/artwork/zip_files/incubation-logo.zip
new file mode 100644
index 0000000..3c6e5c2
--- /dev/null
+++ b/artwork/zip_files/incubation-logo.zip
Binary files differ
diff --git a/artwork/zip_files/iot-logo.zip b/artwork/zip_files/iot-logo.zip
index 59521ee..8296fc4 100644
--- a/artwork/zip_files/iot-logo.zip
+++ b/artwork/zip_files/iot-logo.zip
Binary files differ
diff --git a/artwork/zip_files/jakarta-compatible-color.zip b/artwork/zip_files/jakarta-compatible-color.zip
deleted file mode 100644
index 7400f2d..0000000
--- a/artwork/zip_files/jakarta-compatible-color.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/jakarta-compatible-black-white.zip b/artwork/zip_files/jakarta-logo.zip
similarity index 83%
rename from artwork/zip_files/jakarta-compatible-black-white.zip
rename to artwork/zip_files/jakarta-logo.zip
index 9f921a3..0f381dd 100644
--- a/artwork/zip_files/jakarta-compatible-black-white.zip
+++ b/artwork/zip_files/jakarta-logo.zip
Binary files differ
diff --git a/artwork/zip_files/jakarta-member-black-white.zip b/artwork/zip_files/jakarta-member-black-white.zip
deleted file mode 100644
index 1f897dd..0000000
--- a/artwork/zip_files/jakarta-member-black-white.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/jakarta-member-color.zip b/artwork/zip_files/jakarta-member-color.zip
deleted file mode 100644
index 09a4af9..0000000
--- a/artwork/zip_files/jakarta-member-color.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/jakartaee_bw.zip b/artwork/zip_files/jakartaee_bw.zip
deleted file mode 100644
index 75a4830..0000000
--- a/artwork/zip_files/jakartaee_bw.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/jakartaee_color.zip b/artwork/zip_files/jakartaee_color.zip
deleted file mode 100644
index 9fca7dd..0000000
--- a/artwork/zip_files/jakartaee_color.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/locationtech-logo.zip b/artwork/zip_files/locationtech-logo.zip
deleted file mode 100644
index aa7eb5a..0000000
--- a/artwork/zip_files/locationtech-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/lts-logo.zip b/artwork/zip_files/lts-logo.zip
deleted file mode 100644
index c0fc674..0000000
--- a/artwork/zip_files/lts-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/microprofile-logo.zip b/artwork/zip_files/microprofile-logo.zip
index 517b638..d0e539a 100644
--- a/artwork/zip_files/microprofile-logo.zip
+++ b/artwork/zip_files/microprofile-logo.zip
Binary files differ
diff --git a/artwork/zip_files/oniro-logo.zip b/artwork/zip_files/oniro-logo.zip
index 001e07a..e243907 100644
--- a/artwork/zip_files/oniro-logo.zip
+++ b/artwork/zip_files/oniro-logo.zip
Binary files differ
diff --git a/artwork/zip_files/open-adx-logo.zip b/artwork/zip_files/open-adx-logo.zip
index 7efb4ac..9bf30a0 100644
--- a/artwork/zip_files/open-adx-logo.zip
+++ b/artwork/zip_files/open-adx-logo.zip
Binary files differ
diff --git a/artwork/zip_files/open-mobility-logo.zip b/artwork/zip_files/open-mobility-logo.zip
index 0360487..dfd36fa 100644
--- a/artwork/zip_files/open-mobility-logo.zip
+++ b/artwork/zip_files/open-mobility-logo.zip
Binary files differ
diff --git a/artwork/zip_files/openhw-asia-logo.zip b/artwork/zip_files/openhw-asia-logo.zip
deleted file mode 100644
index df75d9e..0000000
--- a/artwork/zip_files/openhw-asia-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/openhw-europe-logo.zip b/artwork/zip_files/openhw-europe-logo.zip
deleted file mode 100644
index 9fd05c0..0000000
--- a/artwork/zip_files/openhw-europe-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/openhw-logo.zip b/artwork/zip_files/openhw-logo.zip
new file mode 100644
index 0000000..c34c2e4
--- /dev/null
+++ b/artwork/zip_files/openhw-logo.zip
Binary files differ
diff --git a/artwork/zip_files/openmdm-logo.zip b/artwork/zip_files/openmdm-logo.zip
index 7f505d8..42e7b2c 100644
--- a/artwork/zip_files/openmdm-logo.zip
+++ b/artwork/zip_files/openmdm-logo.zip
Binary files differ
diff --git a/artwork/zip_files/openpass-logo.zip b/artwork/zip_files/openpass-logo.zip
index d50e195..d093f49 100644
--- a/artwork/zip_files/openpass-logo.zip
+++ b/artwork/zip_files/openpass-logo.zip
Binary files differ
diff --git a/artwork/zip_files/osgi-logo.zip b/artwork/zip_files/osgi-logo.zip
index e52b41d..34f7a13 100644
--- a/artwork/zip_files/osgi-logo.zip
+++ b/artwork/zip_files/osgi-logo.zip
Binary files differ
diff --git a/artwork/zip_files/papyrus-ic-logo.zip b/artwork/zip_files/papyrus-ic-logo.zip
deleted file mode 100644
index 215c9ab..0000000
--- a/artwork/zip_files/papyrus-ic-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/polarsys-logo.zip b/artwork/zip_files/polarsys-logo.zip
deleted file mode 100644
index f09162c..0000000
--- a/artwork/zip_files/polarsys-logo.zip
+++ /dev/null
Binary files differ
diff --git a/artwork/zip_files/science-logo.zip b/artwork/zip_files/science-logo.zip
index a9c69b8..86718df 100644
--- a/artwork/zip_files/science-logo.zip
+++ b/artwork/zip_files/science-logo.zip
Binary files differ
diff --git a/artwork/zip_files/sparkplug-logo.zip b/artwork/zip_files/sparkplug-logo.zip
index 7213376..1e5e0ac 100644
--- a/artwork/zip_files/sparkplug-logo.zip
+++ b/artwork/zip_files/sparkplug-logo.zip
Binary files differ
diff --git a/artwork/zip_files/tangle-ee-logo.zip b/artwork/zip_files/tangle-ee-logo.zip
index b304a6b..3df8b06 100644
--- a/artwork/zip_files/tangle-ee-logo.zip
+++ b/artwork/zip_files/tangle-ee-logo.zip
Binary files differ
