Skip to content

Commit 4dd9961

Browse files
beluibasmarcet
beluiba
authored and
smarcet
committed
ui fixes
1 parent b740e97 commit 4dd9961

2 files changed

Lines changed: 170 additions & 72 deletions

File tree

‎summit/css/general-summit-landing-page.css‎

Lines changed: 71 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1179,24 +1179,63 @@ footer {
11791179
}
11801180

11811181
@media (max-width: 991px) {
1182-
.summit-insights .pink.box.big {
1183-
min-height: 30em;
1182+
.all-summit .summit-insights .pink.box.big {
1183+
min-height: 24em;
1184+
}
1185+
.all-summit .summit-insights .box p {
1186+
font-size: 1.1em;
1187+
}
1188+
.carousel-inner > .item{
1189+
width: 90%;
1190+
margin: 0 auto;
1191+
}
1192+
.academy-wrapper .container {
1193+
width: 100%;
11841194
}
11851195
}
11861196

11871197
@media all and (max-width: 450px) {
1188-
.summit-insights .box h4 {
1189-
font-size: 1.2em;
1198+
.all-summit .summit-insights .box h4 {
1199+
font-size: 1.8em;
11901200
line-height: 1.2em;
11911201
}
1202+
.all-summit .summit-insights .box p {
1203+
font-size: 1.1em;
1204+
}
1205+
.all-summit .summit-insights .box p {
1206+
font-size: 95%;
1207+
}
1208+
.all-summit .summit-register a.btn{
1209+
padding: 0.5em 0.75em;
1210+
}
1211+
.all-summit .summit-insights .box.light .insight{
1212+
line-height: 1.25em;
1213+
font-size: 1.5em;
1214+
}
1215+
.all-summit .summit-insights .light.box.more-text .insight {
1216+
line-height: 1.15em;
1217+
font-size: 1.3em;
1218+
}
11921219
}
11931220

11941221
@media (min-width: 500px) and (max-width: 676px) {
1195-
.summit-insights .box h4 {
1196-
font-size: 1.2em;
1222+
.all-summit .summit-insights .box h4 {
1223+
font-size: 1.8em;
11971224
line-height: 1.2em;
11981225
}
11991226
}
1227+
@media (min-width: 510px) and (max-width: 715px) {
1228+
1229+
.all-summit .summit-insights .pink.box.big {
1230+
min-height: 27em;
1231+
}
1232+
}
1233+
@media (max-width: 510px) {
1234+
1235+
.all-summit .summit-insights .pink.box.big {
1236+
min-height: 30em;
1237+
}
1238+
}
12001239

12011240
.summit-insights .box .insight {
12021241
color: #ed1944;
@@ -1376,30 +1415,21 @@ footer {
13761415
}
13771416

13781417
@media (min-width: 991px) and (max-width: 1200px) {
1379-
.summit-insights .box {
1380-
min-height: 18.25em;
1381-
max-height: 18.25em;
1382-
}
1383-
1384-
.summit-insights .video {
1385-
height: 18em;
1386-
}
1418+
.summit-insights .box p {
1419+
font-size: 1em;}
13871420

1388-
.summit-insights .video iframe {
1389-
height: 18em;
1390-
}
1421+
.summit-insights .box h4 {
1422+
font-size: 1.9em;
1423+
}
13911424

1392-
.summit-insights .video .embed-video {
1393-
height: 18em;
1394-
}
1425+
.all-summit .summit-insights .box .insight {
1426+
font-size: 1.6em;
1427+
}
13951428

1396-
.summit-insights .video .video-cover {
1397-
height: 18em;
1398-
}
1429+
.all-summit .summit-insights .box.more-text .insight {
1430+
font-size: 1.45em;
1431+
}
13991432

1400-
.summit-insights .box.big {
1401-
min-height: 38.5em;
1402-
}
14031433
}
14041434

14051435
@media all and (max-width: 991px) {
@@ -1942,14 +1972,24 @@ ul.navbar-main {
19421972

19431973
.all-summit .what-to-expect .video-container, .all-summit .what-to-expect .text-container {
19441974
margin: 1em 0;
1945-
height: 25em;
1975+
height: 20em;
1976+
}
1977+
1978+
1979+
.all-summit .what-to-expect .text-container {
1980+
padding: 2em;
1981+
font-size: 90%;
19461982
}
19471983

19481984
.all-summit .what-to-expect .video-container .video {
1949-
height: 25em;
1985+
height: 20em;
19501986
margin: 0;
19511987
}
19521988

1989+
.all-summit .summits-wrap {
1990+
padding: 3em 0;
1991+
}
1992+
19531993
.all-summit .summits-wrap .container {
19541994
width: 100%;
19551995
}
@@ -1959,16 +1999,17 @@ ul.navbar-main {
19591999
}
19602000

19612001
.all-summit .summits-wrap .timeline span {
1962-
height: 10em;
2002+
min-height: 6em;
19632003
margin-top: 2em;
2004+
height: auto;
19642005
}
19652006

19662007
.all-summit .diverse.what-to-expect .text-container {
19672008
padding: 2em;
19682009
}
19692010

19702011
.all-summit .academy-wrapper .carousel .centered-column {
1971-
width: 30%;
2012+
width: 20%;
19722013
display: inline-block;
19732014
}
19742015

‎summit/templates/Layout/GeneralSummitLandingPage.ss‎

Lines changed: 99 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -179,8 +179,7 @@
179179
<div class="container">
180180
<div class="row">
181181
<div class="col-sm-12">
182-
<h3>These communities are coming together at the summit
183-
</h3>
182+
<h3>These communities are coming together at the summit</h3>
184183
</div>
185184

186185

@@ -230,47 +229,105 @@
230229

231230
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
232231
</div>
232+
<div class="item" id="sponsorsCarousel-1">
233+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
234+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
235+
<a rel="nofollow" href="http://www.cisco.com/"><img alt="Cisco_big_logo" src="/assets/companies/main_logo/cisco-new-lg.png"
236+
class="big-logo-company company-logo"></a>
237+
</div>
238+
239+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
240+
<a rel="nofollow" href="https://www.suse.com/"><img alt="SUSE_big_logo" src="/assets/companies/main_logo/suse-sp-lg.jpg"
241+
class="big-logo-company company-logo"></a>
242+
</a>
243+
</div>
244+
245+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
246+
<a rel="nofollow" href="https://www.vmware.com/"><img alt="VMware_big_logo" src="/assets/companies/main_logo/vmware-sp-lg.jpg"
247+
class="big-logo-company company-logo"></a>
248+
</div>
249+
250+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
251+
<a rel="nofollow" href="http://www.emc.com"><img alt="Dell EMC_big_logo" src="/assets/companies/main_logo/EMC-lg.jpg" class="big-logo-company company-logo"></a>
252+
</div>
253+
254+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
255+
<a rel="nofollow" href="http://www.symkloud.com"><img alt="Kontron_big_logo" src="/assets/companies/main_logo/kontron-lg.jpg" class="big-logo-company company-logo"></a>
256+
</div>
257+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
258+
</div>
259+
<div class="item" id="sponsorsCarousel-2">
260+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
261+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
262+
<a rel="nofollow" href="https://www.mirantis.com/"><img alt="Mirantis_big_logo" src="/assets/companies/main_logo/mirantis-lg-van.jpg" class="big-logo-company company-logo"></a>
263+
</div>
264+
265+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
266+
<a rel="nofollow" href="https://www.nokia.com/en_int"><img alt="Nokia_big_logo" src="/assets/companies/main_logo/nokia-lg.jpg" class="big-logo-company company-logo"></a>
267+
</div>
268+
269+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
270+
<a rel="nofollow" href="https://www.rackspace.com/cloud/openstack"><img alt="Rackspace_big_logo" src="/assets/companies/main_logo/rackspace-lg-2016.jpg" class="big-logo-company company-logo"></a>
271+
</div>
233272

234-
<div class="carousel-inner">
235-
<div class="item" id="sponsorsCarousel-0">
236-
237-
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
238-
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
239-
<a rel="nofollow" href="https://www.canonical.com/">
240-
<img alt="Canonical_big_logo" src="/assets/companies/main_logo/ubuntu-lg.jpg" class="big-logo-company company-logo">
241-
</a>
242-
</div>
243-
244-
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
245-
<a rel="nofollow" href="https://www.telekom.com/">
246-
<img alt="Deutsche Telekom_big_logo" src="/assets/companies/main_logo/deutschetelekom-lg.jpg"
247-
class="big-logo-company company-logo">
248-
</a>
249-
</div>
250-
251-
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
252-
<a rel="nofollow" href="http://www.huawei.com/en/">
253-
<img alt="Huawei_big_logo" src="/assets/companies/main_logo/huawei-new-lg.jpg"
254-
class="big-logo-company company-logo">
255-
</a>
256-
</div>
257-
258-
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
259-
<a rel="nofollow" href="http://www.intel.com/">
260-
<img alt="Intel_big_logo" src="/assets/companies/main_logo/intel-xlg.jpg" class="big-logo-company company-logo">
261-
</a>
262-
</div>
263-
264-
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
265-
<a rel="nofollow" href="https://www.redhat.com/openstack/?sc_cid=70160000000bEKkAAM&amp;offer_id=701600000006R7KAAU"><img
266-
alt="Red Hat, Inc._big_logo" src="/assets/companies/main_logo/redhat-sp-lg.jpg"
267-
class="big-logo-company company-logo">
268-
</a>
269-
</div>
270-
271-
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
273+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
274+
<a rel="nofollow" href="https://intl.cloud.tencent.com/"><img alt="Tencent Cloud_big_logo" src="/assets/companies/main_logo/Tencent-vert-lg.jpg" class="big-logo-company company-logo"></a>
272275
</div>
273276

277+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
278+
<a rel="nofollow" href="http://wwwen.zte.com.cn/en/"><img alt="ZTE Corporation_big_logo" src="/assets/companies/main_logo/zte-lg.jpg" class="big-logo-company company-logo"></a>
279+
</a>
280+
</div>
281+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
282+
</div>
283+
<div class="item" id="sponsorsCarousel-3">
284+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
285+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
286+
<a rel="nofollow" href="http://www.ambedded.com/"><img alt="Ambedded_big_logo" src="/assets/companies/main_logo/ambedded-lg.jpg" class="big-logo-company company-logo"></a>
287+
</div>
288+
289+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
290+
<a rel="nofollow" href="https://www.telekom.com/">
291+
<img alt="Deutsche Telekom_big_logo" src="/assets/companies/main_logo/deutschetelekom-lg.jpg"
292+
class="big-logo-company company-logo">
293+
</a>
294+
</div>
295+
296+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
297+
<a rel="nofollow" href="http://www.arm.com/"><img alt="ARM_big_logo" src="/assets/companies/main_logo/arm-lg2.jpg" class="big-logo-company company-logo"></a>
298+
</div>
299+
300+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
301+
<a rel="nofollow" href="https://www.avinetworks.com/"><img alt="Avi Networks_big_logo" src="/assets/companies/main_logo/avi-lg.jpg" class="big-logo-company company-logo"></a>
302+
</div>
303+
304+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
305+
<a rel="nofollow" href="http://www.b1-systems.de/"><img alt="B1 Systems_big_logo" src="/assets/companies/main_logo/BSystems.jpg" class="big-logo-company company-logo"></a>
306+
</div>
307+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
308+
</div>
309+
<div class="item" id="sponsorsCarousel-4">
310+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
311+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
312+
<a rel="nofollow" href="https://www.citynetworkhosting.com"><img alt="City Network_big_logo" src="/assets/companies/main_logo/_resampled/SetWidth300-CityNetwork-Logo-Regular-500px-RGB.png" class="big-logo-company company-logo"></a>
313+
</div>
314+
315+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
316+
<a rel="nofollow" href="http://www.cloudbase.it"><img alt="Cloudbase Solutions_big_logo" src="/assets/companies/main_logo/cloudbase-lg.jpg" class="big-logo-company company-logo"></a>
317+
</div>
318+
319+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
320+
<a rel="nofollow" href="http://www.componentsoft.eu"><img alt="Component Soft_big_logo" src="/assets/companies/main_logo/componentsoft-lg-09-04.jpg" class="big-logo-company company-logo"></a>
321+
</div>
322+
323+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
324+
<a rel="nofollow" href="https://www.cumulusnetworks.com"><img alt="Cumulus Networks_big_logo" src="/assets/companies/main_logo/cumulus-networks-lg.jpg" class="big-logo-company company-logo"></a>
325+
</div>
326+
327+
<div class="col-lg-2 col-md-2 col-sm-4 centered-column">
328+
<a rel="nofollow" href="https://www.datadoghq.com"><img alt="Datadog Inc_big_logo" src="/assets/companies/main_logo/datadog-lg.jpg" class="big-logo-company company-logo"></a>
329+
</div>
330+
<div class="col-lg-1 col-md-1 col-sm-2 centered-column space"></div>
274331
</div>
275332
<a class="carousel-control left" href="#sponsorsCarousel" data-slide="prev">
276333
<span> <i class="fal fa-chevron-left"> </i></span>
@@ -291,7 +348,7 @@
291348
<div class="image"></div>
292349
<div class="container">
293350
<div class="row">
294-
<div class="col-lg-6 col-md-6 col-sm-6 text">
351+
<div class="col-lg-6 col-md-6 col-sm-12 text">
295352
<span></span>
296353
<h2>Inclusive.<br>Diverse.<br>Open.</h2>
297354
<p>
@@ -428,7 +485,7 @@
428485
target="_blank">Read the article<i class="fa fa-arrow-right"></i></a>
429486
</div>
430487

431-
<div class="box light item">
488+
<div class="box more-text light item">
432489
<h5 class="insight">
433490
“The overall quality of leads is spot on. The conversations were extremely valuable,
434491
and attendees connected with our solution. The whole team is super happy with quality”

0 commit comments

Comments
 (0)