How to use the Eclipse Solstice theme
The Solstice theme was built on top of Bootstrap which is a sleek, intuitive,
and powerful front-end framework for faster and easier web development.
We support most UI components from Nova. We’re hoping that the transition won’t be too hard for most pages.
What's included with Solstice?
Getting Started
General Data Protection Regulation (GDPR)
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
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:
<link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/css/vendor/cookieconsent/cookieconsent.min.css" />
<script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/js/vendor/cookieconsent/default.min.js"></script>
Validating Consent
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.
Download Starterkit
Components
- Block-box
- Breadcrumbs
- Call For Action Button link
- Marketplace Drag and Drop install
- Header Nav
- Header Row
- Block Highlight
- Landing well
- News list
- Step by Step
- Timeline
- Toolbar Menu
Block-box
Content block mainly used in the right sidebar area. The .block-box-classic
class is optional.
Breadcrumbs
The $App Class
should generate a breadcrumb for you.
Call For Action Button link
Update or replace the CFA buttonin the header of solstice.
HTML Output
<div id="btn-call-for-action"><a href="https://www.eclipse.org/donate/" class="btn btn-huge btn-info"><i class="fa fa-star"></i> Donate</a></div>
Marketplace Drag & Drop install
Please take a look at the External Install Button tab over on Eclipse Marketplace for the mpc_install id.
HTML Output
<div class="header_nav"><div class="col-xs-24 col-md-10 vcenter"><a href="http://www.eclipse.org" title="The Eclipse Foundation" target="_self"><img src="//eclipse.org/eclipse.org-common/themes/solstice/public/images/logo/eclipse-800x188.png" alt="The Eclipse Foundation" class="img-responsive header_nav_logo"/></a></div><div class="col-xs-24 col-md-14 vcenter"><ul class="clearfix"><li class="col-xs-24 col-md-12"><a class="row" href="/downloads/" title="Download: Eclipse Distribution, Update Site, Dropins" target="_self"><i class="col-xs-3 col-md-6 fa fa-download"></i><span class="col-xs-21 c col-md-17">Download<p>Eclipse Distribution, Update Site, Dropins</p></span></a></li><li class="col-xs-24 col-md-12"><a class="row" href="/users/" title="Geting Involved: CVS, Workspace Setup, Wiki, Committers" target="_self"><i class="col-xs-3 col-md-6 fa fa-users"></i><span class="col-xs-21 c col-md-17">Geting Involved<p>CVS, Workspace Setup, Wiki, Committers</p></span></a></li><li class="col-xs-24 col-md-12"><a class="row" href="http://help.eclipse.org/luna/index.jsp" title="Documentation: Tutorials, Examples, Videos, Online Reference" target="_self"><i class="col-xs-3 col-md-6 fa fa-book"></i><span class="col-xs-21 c col-md-17">Documentation<p>Tutorials, Examples, Videos, Online Reference</p></span></a></li><li class="col-xs-24 col-md-12"><a class="row" href="/forums/" title="Support: Bug Tracker, Newsgroup Professional Support" target="_self"><i class="col-xs-3 col-md-6 fa fa-support"></i><span class="col-xs-21 c col-md-17">Support<p>Bug Tracker, Newsgroup Professional Support</p></span></a></li></ul></div></div>
@TODO
Highlight