Update the conference page (#15609)

Co-authored-by: Martin Hjelmare <marhje52@gmail.com>
Co-authored-by: Franck Nijhof <git@frenck.dev>
This commit is contained in:
Paulus Schoutsen 2020-11-11 10:57:17 +01:00 committed by GitHub
parent e48fed44e2
commit 511e0e0b8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 82 additions and 45 deletions

View File

@ -50,7 +50,7 @@ $primary-color: #049cdb;
}
.hero {
background-color: #038FC7;
background-color: #038fc7;
padding-bottom: 0;
.lead {
@ -69,14 +69,15 @@ $primary-color: #049cdb;
.material-card {
background-color: #fefefe;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
0 3px 1px -2px rgba(0, 0, 0, 0.2);
h1 {
font-family: Roboto, Noto, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 24px;
font-weight: 400;
letter-spacing: -.012em;
letter-spacing: -0.012em;
line-height: 40px;
color: #212121;
padding: 20px 16px 12px;
@ -124,14 +125,14 @@ $primary-color: #049cdb;
}
.highlight-blog-post {
font-size: 2.0rem;
font-size: 2rem;
line-height: 1.15;
padding: 15px;
display: block;
text-decoration: none;
color: white;
transition: background-color .5s;
background-color: #038FC7;
transition: background-color 0.5s;
background-color: #038fc7;
&.large {
font-size: 2.25rem;
@ -139,7 +140,7 @@ $primary-color: #049cdb;
}
&:hover {
background-color: lighten(#038FC7, 10%);
background-color: lighten(#038fc7, 10%);
}
}
@ -152,7 +153,7 @@ $primary-color: #049cdb;
.caption {
padding: 16px 12px 12px;
background-color: rgba(0, 0, 0, .54);
background-color: rgba(0, 0, 0, 0.54);
color: white;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
@ -219,7 +220,7 @@ dt:hover a.title-link {
font-family: "FontAwesome";
font-size: 15px;
color: #999;
content: "\f0c1"
content: "\f0c1";
}
}
@ -259,13 +260,16 @@ dt:hover a.title-link {
}
}
article.post, article.page, article.listing {
article.post,
article.page,
article.listing {
font-size: 1.125em;
line-height: 1.6;
img, table {
img,
table {
border-radius: 3px;
box-shadow: rgba(0,0,0,0.06) 0 0 10px;
box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
vertical-align: middle;
}
@ -274,17 +278,18 @@ article.post, article.page, article.listing {
box-shadow: none;
}
& > table, & > .entry-content > table {
background-color: #F3FCF5;
& > table,
& > .entry-content > table {
background-color: #f3fcf5;
}
p.img {
background-color: #FFF;
background-color: #fff;
border-radius: 5px;
text-align: center;
padding-bottom: 3px;
font-size: .9rem;
box-shadow: rgba(0,0,0,0.06) 0 0 10px;
font-size: 0.9rem;
box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
img {
display: block;
@ -314,7 +319,6 @@ article.post, article.page, article.listing {
}
h1 {
}
h2 {
@ -352,14 +356,15 @@ article.post, article.page, article.listing {
}
}
p.note, div.note {
p.note,
div.note {
position: relative;
background: #e7f2fa;
padding: 40px 12px 6px 12px;
margin-bottom: 24px;
box-shadow: rgba(0,0,0,0.06) 0 0 10px;
box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
p {
margin-bottom: 0px;
@ -367,7 +372,7 @@ p.note, div.note {
&::before {
font-family: "FontAwesome", sans-serif;
content: "\f05a" " Note " attr(data-title);
content: "\f05a"" Note " attr(data-title);
background-color: #6ab0de;
color: white;
font-weight: bold;
@ -385,14 +390,13 @@ p.note, div.note {
}
&.warning {
background-color: #F7F9E1;
background-color: #f7f9e1;
&::before {
background-color: rgb(187, 185, 13);;
content: "\f071" " Warning " attr(data-title);
background-color: rgb(187, 185, 13);
content: "\f071"" Warning " attr(data-title);
}
}
}
.copyright {
@ -458,7 +462,7 @@ p.note, div.note {
float: right;
margin-left: 8px;
margin-bottom: 8px;
font-size: .8em;
font-size: 0.8em;
}
ul.sidebar-menu {
@ -571,7 +575,7 @@ div.config-vars {
}
code {
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 0.8em;
color: #1990b8;
word-spacing: normal;
@ -588,12 +592,15 @@ code {
hyphens: none;
background-color: #fdfdfd;
background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
background-image: linear-gradient(
transparent 50%,
rgba(69, 142, 209, 0.04) 50%
);
background-size: 3em 3em;
background-origin: content-box;
background-attachment: local;
border: 1px solid #ddd;
border-radius: 0.4em;
padding: .1em .4em
}
padding: 0.1em 0.4em;
}

View File

@ -1,5 +1,9 @@
.pull-left {float: left;}
.pull-right {float: right;}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.clearfix {
*zoom: 1;
@ -14,7 +18,8 @@
}
}
ul, ol {
ul,
ol {
&.unstyled {
list-style-type: none;
margin: 0;
@ -23,13 +28,15 @@ ul, ol {
&.inline {
@extend .unstyled;
list-style-type: none;
> li {display: inline;}
> li {
display: inline;
}
}
&.divided {
@extend .unstyled;
> li {
border-top: 1px solid lighten($site-background, 5%);
border-top: 1px solid lighten($site-background, 5%);
border-bottom: 1px solid darken($site-background, 5%);
padding: 0.5em 0;
@ -37,7 +44,9 @@ ul, ol {
border-top: none;
padding-top: 0;
}
&:last-child {border-bottom: none;}
&:last-child {
border-bottom: none;
}
}
}
}
@ -57,4 +66,16 @@ ul, ol {
&:visited {
color: $button-text;
}
}
}
/**
* These buttons will fill the entirety of their container.
*
* 1. Remove padding so that widths and paddings dont conflict.
*/
.btn--full {
width: 100%;
padding-right: 0; /* [1] */
padding-left: 0; /* [1] */
text-align: center;
}

View File

@ -4,10 +4,11 @@
<ul class="divided sidebar-menu">
<li>
<b>When</b>: Sunday, December 13, 2020<br>
<b>Time</b>: <a href="https://www.timeanddate.com/worldclock/fixedtime.html?msg=Home+Assistant+Conference&iso=20201213T19&p1=16&ah=4" target="_blank">10:00 PST / 19:00 CET</a><br>
<b>Where</b>: online<br>
<b>Cost</b>: free<br>
</li>
</ul>
<a class="btn btn--full" href="https://hopin.to/events/home-assistant-conference">Get your ticket</a>
</div>
<div class="section">

View File

@ -10,18 +10,26 @@ og_image: /images/conference/social.png
<img src='/images/conference/conference-header.png' alt='Home Assistant Conference header' class='no-shadow'>
<br><br>
The Home Assistant Conference is an online event where the Home Assistant community will share their ideas, creations and major milestones. The event will take place on December 13, 2020 and will be free to participate.
The Home Assistant Conference is an online event to celebrate the community. Its where the Home Assistant community will share their ideas, creations and major milestones. The event will take place on December 13, 2020.
We're still working out the details, so check back on this page for updates.
The conference will contain three different tracks: everyone, advanced users and developers. For each track we have 5-6 speakers to share their creations, deep-dive into certain topics or share their epic automations.
## Open call for speakers
Paulus Schoutsen, the founder of Home Assistant, will give the opening and closing keynote, aided by other Home Assistant developers.
We're currently looking for people that want to speak at the conference. Talks will need to be either 15 or 30 minutes. You will stream them from your house during the event.
After the talks, attendees will be able to join various sessions about different topics like automations, Lovelace and Q&A with Home Assistant developers.
Talks can be about things you created, like a great automation, an amazing Lovelace dashboard, or a cool new feature. It can also be about your experience with Home Assistant, like how it has improved peoples lives, how you use it for education or some other unique use case.
## Attending
_The deadline for submitting a talk was October 31, 2020._
The Home Assistant Conference will be hosted on [Hopin](https://hopin.to/events/home-assistant-conference), an online conference platform. Tickets to attend will cost $1, which will cover the cost of the platform.
<a class="btn" href="https://hopin.to/events/home-assistant-conference">Get your ticket</a>
The conference will also be available as a free YouTube live stream. The live stream will be limited to the keynotes and the "everyone" track. You won't have access to the chat and have that online conference feeling, so we recommend getting a ticket!
To be notified when the live stream is online, [visit YouTube](https://www.youtube.com/watch?v=xSB_MuKkgxE) and click on "Set Reminder".
Recordings of the keynote and all tracks and sessions will be made available on YouTube after the conference.
## Speakers & Schedule
This will come soon.
_To be announced._