diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss index 80c157622e0..b89b6026c6d 100644 --- a/sass/custom/_paulus.scss +++ b/sass/custom/_paulus.scss @@ -15,22 +15,6 @@ display: inline-block; font-weight: 500; } - - .front-install { - border: none; - font-size: 1em; - background-color: #333; - margin-bottom: 16px; - display: inline-block; - padding: 8px; - color: #DDD; - - div:before { - content: '$'; - color: #c82829; - margin-right: 6px; - } - } } .material-card { @@ -320,56 +304,6 @@ p.note { -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } - - #componentContainer { - a { - display: inline-block; - width: 202px; - height: 142px; - background-color: #fefefe; - margin-right: 4px; - margin-bottom: 8px; - 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); - padding: 8px; - text-align: center; - text-decoration: none; - - .img-container { - height: 50px; - margin: 8px 0; - font: 0/0 a; - - &:before { /* create a full-height inline block pseudo=element */ - content: ' '; - display: inline-block; - vertical-align: middle; /* vertical alignment of the inline element */ - height: 100%; - } - - img { - max-width: 100%; - max-height: 50px; - box-shadow: none; - border: none; - vertical-align: middle; - } - } - - .title { - text-decoration: none; - font-size: 18px; - color: #000; - line-height: 1.3em; - height: 2.6em; - } - - .category { - font-size: 14px; - color: #AAA; - } - } - } } @media only screen and (max-width: $lap-end) { @@ -422,6 +356,55 @@ p.note { } } +.hass-option-cards { + .option-card { + display: inline-block; + width: 202px; + height: 142px; + background-color: #fefefe; + margin-right: 4px; + margin-bottom: 8px; + 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); + padding: 8px; + text-align: center; + text-decoration: none; + + .img-container { + height: 50px; + margin: 8px 0; + font: 0/0 a; + + &:before { /* create a full-height inline block pseudo=element */ + content: ' '; + display: inline-block; + vertical-align: middle; /* vertical alignment of the inline element */ + height: 100%; + } + + img { + max-width: 100%; + max-height: 50px; + box-shadow: none; + border: none; + vertical-align: middle; + } + } + + .title { + text-decoration: none; + font-size: 18px; + color: #000; + line-height: 1.3em; + height: 2.6em; + } + + .category { + font-size: 14px; + color: #AAA; + } + } +} .aside-module { .section { @@ -481,3 +464,7 @@ twitterwidget { margin-left: auto; margin-right: auto; } + +.text-center { + text-align: center; +} diff --git a/source/_includes/asides/getting_started_navigation.html b/source/_includes/asides/getting_started_navigation.html index e1be992d947..d4301761659 100644 --- a/source/_includes/asides/getting_started_navigation.html +++ b/source/_includes/asides/getting_started_navigation.html @@ -7,17 +7,21 @@
-Home Assistant is an open-source home automation platform running on Python 3. Track and control all devices at home and automate control. Installation in less than a minute. +Home Assistant is an open-source home automation platform running on Python 3. Track and control all devices at home and automate control. Perfect to run on a Raspberry Pi.
-
-pip3 install homeassistant
-hass --open-ui
-
+
+
To avoid permission errors, the upgrade must be run as the same user as the installation was completed, again review the documentation specific to your install [HASSbian](/getting-started/installation-raspberry-pi-image/), [Raspberry Pi All-In-One Installer](/getting-started/installation-raspberry-pi-all-in-one/), [Vagrant](/getting-started/installation-vagrant/), or [Virtualenv](/getting-started/installation-virtualenv)t.
diff --git a/source/images/supported_brands/python.svg b/source/images/supported_brands/python.svg new file mode 100644 index 00000000000..938831f7ed7 --- /dev/null +++ b/source/images/supported_brands/python.svg @@ -0,0 +1,288 @@ + + +