The Eclipse Foundation provides our global community of individuals and organizations with a mature, scalable, and business-friendly environment for open source software collaboration and innovation.
The General Data Protection Regulation (GDPR), a new regulation in EU law on data protection and privacy
for all individuals within the European Union becomes enforceable on 25 May 2018.
Web Analytics Tools
We will not allow committers or project leads to collect user data or track user activity on
Eclipse Foundation-owned domains, since that data may be shared with the third-party companies who employ them --
an action for which our users have not given explicit consent.
Using project-specific Web Analytics Tools will be prohibited as of May 24.
The Eclipse Foundation has its own Google Analytics code, which is included with the unmodified Quicksilver theme.
Google Analytics
Projects who are not using our unmodified Quicksilver theme can still include the Eclipse Foundation Google Analytics code
by inserting the following code snippet in the <head> of each page:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
<!-- End Google Tag Manager -->
Cookie Consent Banner
If you are not using the Eclipse Foundation look and feel, you can still load our
cookie consent banner, which include a link to the Eclipse Foundation Private Policy, by adding the following
code snippet in the <head> of each page:
If you include widgets from a 3rd party website, you might need to validate consent before you can include it:
<?php
if ($Theme->hasCookieConsent()) {
//Insert widgets from a 3rd party
}
Starterkit
The starterkit includes all the files required to create a standard page and also a Press Release page with Solstice. The source code is available here.
Content block mainly used in the right sidebar area. The .block-box-classic class is optional.
Block Title
Content goes here...
Bordered box
Sample using light theme
Sample heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sample using standard theme
Distinguishing text, or header
Sample Callout
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Some more text
Code sample:
<div class="margin-top-30 margin-bottom-30">
<h4>Sample using light theme</h4>
<div class="bordered-box bordered-box-light">
<div class="box-header background-secondary" data-mh="bb-head">
<h2>Sample heading</h2>
</div>
<div class="box-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="margin-top-30 margin-bottom-30">
<h4>Sample using standard theme</h4>
<div class="bordered-box">
<!-- Clearfix needed here to adjust for cols -->
<div class="box-header background-secondary clearfix">
<div class="col-xs-24 col-sm-18" data-mh="bb-head-2"><h2>Distinguishing text, or header</h2></div>
<div class="col-xs-24 col-sm-6 background-primary vertical-align" data-mh="bb-head-2">Sample Callout</div>
</div>
<div class="box-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Some more text</p>
</div>
</div>
</div>
Breadcrumbs
The $App Class should generate a breadcrumb for you.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Three
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Code sample:
<div class="row content-nav-tab-toggle">
<div class="visible-xs">
<div class="vertical-align">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-member-levels">
<p class="nav-label"><strong>Explore Members</strong></p>
<div class="hamburger-wrapper">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
</button>
</div>
</div>
</div>
<div class="row">
<div class="navbar-collapse collapse" id="navbar-member-levels">
<ul class="nav nav-tabs solstice-tabs content-nav-tab" role="tablist">
<li role="presentation" class="active">
<a class="background-grey" href="#tab-one" data-toggle="tab" aria-controls="tab-one" role="tab">
Tab one
</a>
</li>
<li role="presentation" class="">
<a class="background-grey" href="#tab-two" data-toggle="tab" aria-controls="tab-two" role="tab">
Tab two
</a>
</li>
<li role="presentation" class="">
<a class="background-grey" href="#tab-three" data-toggle="tab" aria-controls="tab-three" role="tab">
Tab three
</a>
</li>
<li role="presentation">
<a class="background-grey alt-tab-toggle" href="#showalltabs" id="showalltabs" data-content-target="#tabs-content">
All Tabs
</a>
</li>
</ul>
</div>
</div>
<div class="content-nav-tab-body tab-content" id="tabs-content">
<div role="tabpanel" class="tab-pane tab-pane active" id="tab-one">
<h2 class="h3 margin-top-0">One</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div role="tabpanel" class="tab-pane tab-pane" id="tab-two">
<h2 class="h3 margin-top-0">Two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div role="tabpanel" class="tab-pane tab-pane" id="tab-three">
<h2 class="h3 margin-top-0">Three</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
Section Highlights
Standard highlights
Governance
Eclipse Working Groups allow for individuals and organizations to collaborate under a vendor neutral governance model
Eclipse Marketplace is a great source of plug-ins and product that you can add to Eclipse.
Browse the online catalog or use the Eclipse Marketplace
Client from within Eclipse. Look under the Eclipse Help Menu.
The slideshow below shows a generic plugin and component for cycling through elements like a carousel.
EclipseFdn Videos
What is the EclipseFdn Videos plugin?
By inserting an <a> tag containing a video link in your HTML page,
the EclipseFdn Videos plugin will convert that tag into the iframe video if the user
agreed to use cookies.
Note: This plugin only supports Youtube videos for now.
By default the class "eclipsefdn-video" is being used but you can specify your own selector.
resolution (optional)
String
By default the resolution of the video is 16by9 but you can also choose to use the 4by3 resolution.
Note that only these two resolutons are accepted.
cookie (optional)
Object
By default we are using the cookie name "eclipse_cookieconsent_status" and value
"allow" which enables the plugin to replace the link by the iframe video only if
users have given consent to use cookies. But you can choose to use your own cookie name and values.