Commit c116262f authored by Zhou Fang's avatar Zhou Fang Committed by Eric Poirier
Browse files

Updated jumbotron content

parent c6337386
...@@ -3,8 +3,8 @@ logo: '2021/theiacon/images/logos/theiacon-logo.svg' ...@@ -3,8 +3,8 @@ logo: '2021/theiacon/images/logos/theiacon-logo.svg'
title: 'TheiaCon 2021' title: 'TheiaCon 2021'
seo_title: 'TheiaCon 2021' seo_title: 'TheiaCon 2021'
headline: | headline: |
<div class='headerCtn'><h1>Jump Aboard the <br> Theia Rocketship</h1> <h2>Leading the Next Generation <br> of Cloud IDE Development</h2></div> <div class='headerCtn'><div class="rocketCtn"></div><h1>Leading the Next <br> Generation of Cloud <br> IDE Development</h1> <h2>Virtual Conference | November 17, 2021</h2></div>
tagline: 'Virtual Conference | November 17, 2021' tagline: ''
summary: 'TheiaCon is a virtual conference focused around the Eclipse Theia IDE ecosystem. It brings together a diverse group of Theia developers, adopters, and other contributors. The program will feature a mix of full-length talks, expert panel discussions and short ”lightning talks” focused on project insider, adopter, and broader ecosystem stories. This event is hosted by the Eclipse Foundation’s Cloud DevTools Working Group and is open to anyone interested in learning more about Cloud IDE development and the Theia project.' summary: 'TheiaCon is a virtual conference focused around the Eclipse Theia IDE ecosystem. It brings together a diverse group of Theia developers, adopters, and other contributors. The program will feature a mix of full-length talks, expert panel discussions and short ”lightning talks” focused on project insider, adopter, and broader ecosystem stories. This event is hosted by the Eclipse Foundation’s Cloud DevTools Working Group and is open to anyone interested in learning more about Cloud IDE development and the Theia project.'
date: 2021-11-17 date: 2021-11-17
header_wrapper_class: 'header-theiacon-2021-event' header_wrapper_class: 'header-theiacon-2021-event'
......
.header-theiacon-2021-event { .header-theiacon-2021-event {
@media (min-width: 768px) { background-image: url('images/theiacon/theia-background-image.jpg');
background-image: url('images/theiacon/theia-background-image.jpg');
background-position: center;
}
background-image: url('images/theiacon/theia-mobile-background-image.jpg');
background-position: top 20% left;
background-size: cover; background-size: cover;
background-position: center;
img.img-responsive {
@media (min-width: 768px) {
width: 200px;
margin-top: 10px;
}
@media (min-width: 992px) {
width: 260px;
margin-top: 5px;
}
margin-top: 5px;
width: 180px;
max-width: 260px;
}
.featured-jumbotron { .featured-jumbotron {
& { & {
text-shadow: 2px 2px #000; text-shadow: 2px 2px #000;
...@@ -27,36 +35,57 @@ ...@@ -27,36 +35,57 @@
@media (min-width: 768px) { @media (min-width: 768px) {
align-items: flex-end; align-items: flex-end;
} }
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.rocketCtn {
@media (min-width: 768px) {
right: 400px;
top: 0;
}
@media (min-width: 992px) {
right: 510px;
width: 450px;
height: 320px;
}
right: calc(50vw - 175px);
top: 90px;
width: 350px;
height: 240px;
position: absolute;
background-image: url('images/theiacon/theia-rocket-whitefonts.png');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
h1 { h1 {
@media (min-width: 768px) { @media (min-width: 768px) {
margin: 60px 0 0; margin: 60px 0 0;
width: 260px; width: 380px;
text-align: left; text-align: left;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
width: 355px; width: 480px;
} }
margin-top: -15px; margin-top: -15px;
text-align: center; text-align: center;
} }
h2 { h2 {
@media (min-width: 768px) { @media (min-width: 768px) {
margin: 0 0 90px; margin: 0 0 40px;
text-align: left; text-align: left;
width: 260px; width: 380px;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
margin: 0 0 40px;
font-size: 26px; font-size: 26px;
width: 355px; width: 480px;
} }
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
margin-top: 40vw; margin-top: 230px;
color: #00e2ff;
} }
} }
......
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