Commit 07708b46 authored by Eric Poirier's avatar Eric Poirier
Browse files

Fix styles for mobile


Signed-off-by: Eric Poirier's avatarEric Poirier <eric.poirier@eclipse-foundation.org>
parent c393ad82
......@@ -7,7 +7,7 @@
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mauris turpis, aliquam in ultrices nec, <strong>accumsan et nisl</strong>. Nunc et tortor lectus. In vestibulum pretium dictum. Mauris metus nisi, vestibulum nec pharetra quis, dictum a tellus. Duis non justo arcu. In vestibulum pretium dictum. Mauris metus nisi, ves</p>
<p>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 Foundation is home to the Eclipse IDE, Jakarta EE, and over 350 open source projects, including runtimes, tools, and frameworks for a wide range of technology domains such as the Internet of Things, automotive, geospatial, systems engineering, and many others.</p>
</div>
<div class="col-sm-8 logo">
<a href="https://www.eclipse.org"><img width="200" src="assets/images/eclipsefdn-logo.svg"></a>
......
......@@ -20,7 +20,7 @@
<div class="row">
{{ range sort .Site.Data.adopters.adopters.projects "name" "asc"}}
<div class="col-md-24 margin-bottom-40">
<div class="col-md-24 margin-bottom-40 adopters">
<h2 style="border-bottom:1px solid #999; padding-bottom:5px;margin-bottom:0px;">
{{ .name }}
<a class=" btn btn-xs btn-secondary" href="https://projects.eclipse.org/projects/{{ .id }}">{{ .id }}</a>
......
......@@ -83,61 +83,61 @@
</ul>
<h2 class=" margin-bottom-30">Participating Organizations</h2>
<h2 class=" margin-bottom-40">Participating Organizations</h2>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8">
<div class="row margin-bottom-40">
<div class="col-sm-6">
<div>
<img src="/adopters/testbeds/asset-tracking/images/logo-redhat.png" class="img-responsive" alt="logo-redhat" style=" vertical-align:middle;">
<p><img src="/adopters/testbeds/asset-tracking/images/logo-redhat.png" class="img-responsive" alt="logo-redhat" style=" vertical-align:middle;"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p class="vcenter">Leveraging <strong>Red Hat</strong>’s OpenShift PaaS (Platform-as-a-Service), the Asset Tracking Management testbed can be deployed on virtually any cloud environment, as well as easily scale as the number of assets that need to be tracked grows.</p>
<p>Apache Camel and Apache ActiveMQ, on which Red Hat JBoss Fuse is based, are also key components of the Testbed, providing MQTT messaging infrastructure, routing and integration capabilities.</p>
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8">
<div class="row margin-bottom-40">
<div class="col-sm-6">
<div>
<img src="/adopters/testbeds/asset-tracking/images/logo-azul-systems.png" class="img-responsive" alt="logo-azul-systems" style=" vertical-align:middle;">
<p><img src="/adopters/testbeds/asset-tracking/images/logo-azul-systems.png" class="img-responsive" alt="logo-azul-systems" style=" vertical-align:middle;"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p class="vcenter"><strong>Azul Systems</strong> is contributing their Java and JVM expertise by enabling the edge gateways to run on Zulu Embedded, a 100% open source Java platform</p>
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8">
<div class="row margin-bottom-40">
<div class="col-sm-6">
<div>
<img src="/adopters/testbeds/asset-tracking/images/logo-codenvy.jpg" class="img-responsive" alt="logo-codenvy" style=" vertical-align:middle;">
<p><img src="/adopters/testbeds/asset-tracking/images/logo-codenvy.jpg" class="img-responsive" alt="logo-codenvy" style=" vertical-align:middle;"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p class="vcenter"><strong>Codenvy</strong> provides world class tools that simplify developers’ lives by enabling on-demand, collaborative and constraint-free workspaces. Codenvy is contributing to the testbed by providing the Eclipse Che recipes needed to start developing extensions to the testbed in minutes.</p>
<p>Organizations productizing IoT can white label Eclipse Che, or create an IoT focused multi-tenant cloud IDE derived from Codenvy's on-premises offering.</p>
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8">
<div class="row margin-bottom-40">
<div class="col-sm-6">
<div>
<img src="/adopters/testbeds/asset-tracking/images/logo-eurotech.png" class="img-responsive" alt="logo-eurotech" style=" vertical-align:middle;">
<p><img src="/adopters/testbeds/asset-tracking/images/logo-eurotech.png" class="img-responsive" alt="logo-eurotech" style=" vertical-align:middle;"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p class="vcenter"><strong>Eurotech</strong>’s industrial IoT gateways such as the ReliaGATE series are fully compatible with Eclipse Kura and provide a turnkey solution for deploying software at the edge that is fully compatible with the Eclipse Kapua-based cloud backend used in the testbed.</p>
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8">
<div class="row margin-bottom-40">
<div class="col-sm-6">
<div>
<img src="/adopters/testbeds/asset-tracking/images/logo-samsung-artik.jpg" class="img-responsive" alt="logo-samsung-artik" style=" vertical-align:middle;">
<p><img src="/adopters/testbeds/asset-tracking/images/logo-samsung-artik.jpg" class="img-responsive" alt="logo-samsung-artik" style=" vertical-align:middle;"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p class="vcenter">The <strong>Samsung</strong> ARTIK 5 family provides a powerful platform, with extensive connectivity options, to build the edge gateways featured in the Asset Tracking Management testbed.</p>
</div>
</div>
......
......@@ -121,16 +121,16 @@
<h2 class="margin-bottom-30">Participating Organizations</h2>
<h2 class="margin-bottom-40">Participating Organizations</h2>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8" style="padding: 2px 30px;">
<div class="row margin-bottom-40">
<div class="col-sm-6" style="padding: 2px 30px;">
<div>
<img src="/adopters/testbeds/production-performance-management/images/logo-bosch.png"
class="img-responsive" alt="logo-bosch">
<p><img src="/adopters/testbeds/production-performance-management/images/logo-bosch.png"
class="img-responsive" alt="logo-bosch"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p>“The Production Performance Management
Testbed shows how simple performance monitoring can be quickly
implemented using open standards and open source software, like
......@@ -140,14 +140,14 @@
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8" style="padding: 2px 30px;">
<div class="row margin-bottom-40">
<div class="col-sm-6" style="padding: 2px 30px;">
<div>
<img src="/adopters/testbeds/production-performance-management/images/logo-contact-software.png"
class="img-responsive" alt="logo-contact-software">
<p><img src="/adopters/testbeds/production-performance-management/images/logo-contact-software.png"
class="img-responsive" alt="logo-contact-software"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p>“CONTACT is committed to the outstanding work
of the Eclipse Open Source community. The PPM Open IoT testbed and
our implementation of the PPMP protocol are excellent examples,
......@@ -156,15 +156,15 @@
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8" style="padding: 2px 30px;">
<div class="row margin-bottom-40">
<div class="col-sm-6" style="padding: 2px 30px;">
<div>
<img src="/adopters/testbeds/production-performance-management/images/logo-eurotech.png"
<p><img src="/adopters/testbeds/production-performance-management/images/logo-eurotech.png"
class="img-responsive" alt="logo-eurotech"
>
></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p>“We are excited to support the new Eclipse
IoT Open Testbeds for Industry 4.0 with our partners. We continue
to believe that testbeds are an important initiative in showcasing
......@@ -174,14 +174,14 @@
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8" style="padding: 2px 30px;">
<div class="row margin-bottom-40">
<div class="col-sm-6" style="padding: 2px 30px;">
<div>
<img src="/adopters/testbeds/production-performance-management/images/logo-fortiss.png"
class="img-responsive" alt="logo-fortiss">
<p><img src="/adopters/testbeds/production-performance-management/images/logo-fortiss.png"
class="img-responsive" alt="logo-fortiss"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p>“With the Production Performance Management
Testbed we can show how production performance data can easily be
generated within Eclipse 4diac PLCs programs reducing the effort
......@@ -190,14 +190,14 @@
</div>
</div>
<div class="row margin-bottom-60">
<div class="col-md-6 col-xs-8" style="padding: 2px 30px;">
<div class="row margin-bottom-40">
<div class="col-sm-6" style="padding: 2px 30px;">
<div>
<img src="/adopters/testbeds/production-performance-management/images/logo-influxdata.png"
class="img-responsive" alt="logo-influxdata">
<p><img src="/adopters/testbeds/production-performance-management/images/logo-influxdata.png"
class="img-responsive" alt="logo-influxdata"></p>
</div>
</div>
<div class="col-md-18 col-xs-16">
<div class="col-sm-18">
<p>“InfluxData is pleased to be contributing to
the Eclipse IoT Working Group’s Open IoT Testbed. As the leader in
time-series event monitoring, InfluxData is excited to see the
......
......@@ -12,10 +12,6 @@
*/
.featured-events {
padding-top:50px;
@media screen and (min-width: 768px) {
padding-top:0px;
}
h2 {
font-size:24px;
}
......
......@@ -12,11 +12,15 @@
*/
.featured-testimonials {
padding:30px 0;
@media screen and (min-width: 768px) {
padding:30px 0;
}
.testimonial-item {
display:none;
text-align: center;
padding: 0 90px;
@media screen and (min-width: 768px) {
padding: 0 90px;
}
.fa {
color:@brand-primary;
font-size:30px;
......@@ -26,11 +30,11 @@
font-weight:bold;
}
.content {
font-size:24px;
font-weight:200;
position:relative;
margin-bottom:25px;
@media screen and (min-width: 768px) {
font-size:24px;
&:before, &:after {
position:absolute;
top:27px;
......
......@@ -33,14 +33,6 @@ main {
padding-top:10px;
}
.adopters-img {
max-height: 95px;
padding: 10px;
min-width: 180px;
max-width: 180px;
}
#project-list {
.media-left {
max-width: 150px;
......@@ -74,4 +66,35 @@ main {
img[src*="#img-responsive"] {
.img-responsive;
}
\ No newline at end of file
}
.adopters {
@media screen and (max-width: 767px) {
text-align:center;
}
ul {
li {
@media screen and (max-width: 767px) {
&:first-child {
margin-top:20px;
}
}
margin-bottom:20px;
}
}
}
.adopters-img {
max-height: 95px;
padding: 10px;
min-width: 180px;
max-width: 180px;
}
#project-list {
.logo {
max-width:150px;
max-height:80px;
margin-bottom:30px;
}
}
......@@ -14090,14 +14090,6 @@ img.desaturate {
*
* SPDX-License-Identifier: EPL-2.0
*/
.featured-events {
padding-top: 50px;
}
@media screen and (min-width: 768px) {
.featured-events {
padding-top: 0px;
}
}
.featured-events h2 {
font-size: 24px;
}
......@@ -14339,13 +14331,19 @@ img.desaturate {
*
* SPDX-License-Identifier: EPL-2.0
*/
.featured-testimonials {
padding: 30px 0;
@media screen and (min-width: 768px) {
.featured-testimonials {
padding: 30px 0;
}
}
.featured-testimonials .testimonial-item {
display: none;
text-align: center;
padding: 0 90px;
}
@media screen and (min-width: 768px) {
.featured-testimonials .testimonial-item {
padding: 0 90px;
}
}
.featured-testimonials .testimonial-item .fa {
color: #f69222;
......@@ -14356,12 +14354,14 @@ img.desaturate {
font-weight: bold;
}
.featured-testimonials .testimonial-item .content {
font-size: 24px;
font-weight: 200;
position: relative;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.featured-testimonials .testimonial-item .content {
font-size: 24px;
}
.featured-testimonials .testimonial-item .content:before,
.featured-testimonials .testimonial-item .content:after {
position: absolute;
......@@ -14730,12 +14730,6 @@ li {
main {
padding-top: 10px;
}
.adopters-img {
max-height: 95px;
padding: 10px;
min-width: 180px;
max-width: 180px;
}
#project-list .media-left {
max-width: 150px;
min-width: 150px;
......@@ -14766,3 +14760,27 @@ img[src*="#img-responsive"] {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.adopters {
text-align: center;
}
}
.adopters ul li {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.adopters ul li:first-child {
margin-top: 20px;
}
}
.adopters-img {
max-height: 95px;
padding: 10px;
min-width: 180px;
max-width: 180px;
}
#project-list .logo {
max-width: 150px;
max-height: 80px;
margin-bottom: 30px;
}
......@@ -288,25 +288,25 @@ var project_state_aliases = {
var options = {
item: '<li class="col-md-24"><div class="media">\
<div class="media-left media-middle">\
<div class="row"><div class="col-sm-4">\
<a href="#" class="link">\
<img class="media-object img-responsive logo img-thumbnailXXX">\
<img class="media-object img-responsive logo">\
</a>\
</div>\
<div class="media-body">\
<div class="col-sm-20">\
<h4 class="media-heading name"> </h4><span class="labels"></span>\
<div class="row">\
<p class="fullDescription" style="display:none;"></p>\
<p class="description col-md-16"></p>\
<div class="col-md-8 details">\
<div class="col-md-8 details"><div class="row">\
<p class="downloads" style="display:none;"></p>\
<div class="col-md-24"><p>Monthly downloads: <span class="badge downloadsHuman">50K+</span></a></p></div>\
<div class="col-md-24"><p>Latest release: <span class="badge version">1.4</span></a></p></div>\
<div class="col-md-24"><p>Project status: <span class="badge project_state">Incubating</span></a></p></div>\
<div class="col-md-24"><p><a class="btn btn-sm btn-info downloadUrl" href="#">Getting Started</a></p></div>\
</div>\
</div></div>\
</div>\
</div>\
</div></div>\
</div><hr></li>',
valueNames: ['name', 'description', 'fullDescription', {
name: 'logo',
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment