Unverified Commit 5f6cef3f authored by Zhou (Link)  Fang's avatar Zhou (Link) Fang Committed by GitHub
Browse files

Update to CN4EF Day website (#221)

* Updated style for jumbotron

* Added about the event section

* Added event hosted by section

* Updated solstice theme to make footer-darker work

* Removed text-shadow for dropdown menu
parent 06975578
......@@ -7,14 +7,14 @@ date: 2021-10-11T12:00:00-04:00
hide_page_title: true
hide_sidebar: true
header_wrapper_class: "header-cn4ef-day-2021-event"
jumbotron_tagline_class: "col-sm-18 col-sm-offset-3 orange"
jumbotron_tagline_class: "col-sm-18 col-sm-offset-3"
custom_jumbotron_class: " "
hide_breadcrumb: true
# container: "container-fluid"
container: "container-fluid"
summary: "Cloud Native for Eclipse Foundation (CN4EF) Day 2021 is a full-day of expert talks, demos, and thought-provoking sessions focused on enterprise applications implemented using Eclipse Foundation projects on Kubernetes -- from the cloud and all the way to the edge. The Eclipse Cloud Development Tools, Jakarta EE, MicroProfile, and Eclipse Edge Native communities will all be represented. CN4CF Day is co-located with KubeCon / CloudNativeCon North America 2021."
links: [[href: "https://www.crowdcast.io/e/CN4EF", text: "Register"]]
layout: single
custom_jumbotron: '
<a class="btn btn-primary register-btn" href="https://www.crowdcast.io/e/CN4EF">Event Registration</a>
<ul class="list-inline cn4ef-logos">
<li data-mh="asd"><a href="https://ecdtools.eclipse.org/"><img src="images/logos/ecd-tools.png"></a></li>
<li data-mh="asd"><a href="https://edgenative.eclipse.org/"><img src="images/logos/edge-native.png"></a></li>
......@@ -23,4 +23,9 @@ custom_jumbotron: '
</ul>
<p><span class="fw-700">Agenda information is coming soon!</span></p>
'
---
\ No newline at end of file
footer_class: "footer-darker"
---
{{< cn4ef-day/about-the-event >}}
{{< cn4ef-day/event-hosted-by >}}
\ No newline at end of file
<div class="row white-row ">
<div class="container">
<div class="about-the-event-section">
<h2 class="text-center margin-bottom-40">About the Event</h2>
<p>
Cloud Native for Eclipse Foundation (CN4EF) Day 2021 is a full-day of
expert talks, demos, and thought-provoking sessions focused on
enterprise applications implemented using Eclipse Foundation projects on
Kubernetes -- from the cloud and all the way to the edge. The Eclipse
Cloud Development Tools, Jakarta EE, MicroProfile, and Eclipse Edge
Native communities will all be represented. CN4CF Day is co-located with
KubeCon / CloudNativeCon North America 2021.
</p>
</div>
</div>
</div>
<div class="row white-row">
<div class="container">
<div class="event-hosted-by-section margin-bottom-50">
<div class="ef-logo-ctn margin-bottom-30">
<img class="ef-logo" src="{{"/images/eclipse-foundation-grey-orange.svg" | absURL }}" alt="Eclipse Foundation
Logo" />
</div>
<p class="margin-bottom-30">
This event is hosted by the Eclipse Foundation with support and sponsorship from the following working groups:
</p>
<div class="row">
<div class="col-xs-24 col-sm-12">
<div class="wg-ctn margin-bottom-40">
<div class="logo-header margin-bottom-30">
<img src="images/logos/ecd-tools.png" alt="ECD Tools logo" />
</div>
<p class="margin-left-25 margin-right-25">
The Eclipse Cloud DevTools Working Group accelerates innovation and adoption of Cloud Integrated
Development Environment (IDE) and container-based workspace management technologies. Learn more
<a href="https://ecdtools.eclipse.org/">here</a>.
</p>
</div>
</div>
<div class="col-xs-24 col-sm-12">
<div class="wg-ctn margin-bottom-40">
<div class="logo-header margin-bottom-30">
<img src="images/logos/jakarta-ee.png" alt="Jakarta EE logo" />
</div>
<p class="margin-left-25 margin-right-25">
Jakarta EE is a set of specifications that enables the world wide community of java developers to work on
cloud native java enterprise applications. These specifications are developed by well known industry
leaders. Learn more
<a href="https://jakarta.ee/">here</a>.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-24 col-sm-12">
<div class="wg-ctn margin-bottom-40">
<div class="logo-header margin-bottom-30">
<img class="small-height-logos" src="images/logos/edge-native.png" alt="Edge Native logo" />
</div>
<p class="margin-left-25 margin-right-25">
The Edge Native Working Group is focused on delivering production-ready open source platforms for the
development, operation, and management of Edge Native applications. Learn more
<a href="https://edgenative.eclipse.org/">here</a>.
</p>
</div>
</div>
<div class="col-xs-24 col-sm-12">
<div class="wg-ctn margin-bottom-40">
<div class="logo-header margin-bottom-30">
<img class="small-height-logos" src="images/logos/microprofile.png" alt="MicroProfile logo" />
</div>
<p class="margin-left-25 margin-right-25">
MicroProfile is an open forum that optimizes Enterprise Java for a microservice architecture by innovating
across multiple implementations and collaborating on common areas of interest with a goal of
standardization. Learn more
<a href="https://microprofile.io/">here</a>.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -11,19 +11,43 @@
* SPDX-License-Identifier: EPL-2.0
*/
.jumbotron {
padding-bottom: 10px;
}
.header-cn4ef-day-2021-event {
background-image: url('images/cn4f-day/jumbotron.jpg');
background-size: cover;
text-shadow: 1px 1px #000;
& {
background-image: url('images/cn4f-day/jumbotron.jpg');
background-size: cover;
text-shadow: 1px 1px #000;
}
.dropdown-menu {
text-shadow: none;
}
h1 {
margin-bottom: 0;
&:after {
border: none;
}
}
h2 {
margin: 0 0 20px 0;
font-size: 25px;
font-weight: bold;
line-height: 30px;
color: @orange;
}
.btn {
text-shadow: none;
}
.register-btn {
margin-top: 15px;
border-radius: 4px;
}
}
.cn4ef-logos {
margin: 10px auto 30px auto;
margin: 80px 0 20px 0;
li {
padding: 20px;
@media (min-width: @screen-md-min) {
......@@ -38,3 +62,51 @@
height: 27px;
}
}
.white-row {
background-color: white;
}
.about-the-event-section {
& {
margin: 80px 0;
}
h2 {
font-weight: 500;
color: #6a6661;
}
}
.event-hosted-by-section {
.ef-logo-ctn {
display: flex;
width: 100%;
justify-content: center;
.ef-logo {
width: 150px;
}
}
.wg-ctn {
& {
box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
height: 180px;
@media only screen and (min-width: 768px) and (max-width: 925px) {
height: 220px;
}
}
.logo-header {
height: 56px;
background-color: @orange;
display: flex;
justify-content: center;
align-items: center;
img {
width: 120px;
}
.small-height-logos {
width: 170px;
}
}
}
}
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -25,7 +25,7 @@
"dependencies": {
"@babel/preset-react": "^7.14.5",
"abortcontroller-polyfill": "^1.7.1",
"eclipsefdn-hugo-solstice-theme": "0.0.129",
"eclipsefdn-hugo-solstice-theme": "0.0.131",
"promise-polyfill": "^8.2.0",
"prop-types": "^15.7.2",
"react": "^17.0.2",
......@@ -45,5 +45,9 @@
"last 1 firefox version",
"last 1 safari version"
],
"browserslist": "last 5 version, > 0.2%, not dead, IE 11"
"browserslist": "last 5 version, > 0.2%, not dead, IE 11",
"prettier": {
"singleQuote": true,
"printWidth": 120
}
}
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