diff --git a/src/config/2020.json b/src/config/2020.json index 584c6682c63..4aeaba63f15 100644 --- a/src/config/2020.json +++ b/src/config/2020.json @@ -207,6 +207,16 @@ "github": "obto", "twitter": "theobto" }, + "dsadhanala": { + "name": "Durga Prasad Sadhanala", + "teams": [ + "developers" + ], + "avatar_url": "https:\/\/avatars3.githubusercontent.com\/u\/5795823?s=200&v=4", + "website": "https:\/\/web-ui.dev", + "github": "dsadhanala", + "twitter": "dsadhanala" + }, "rviscomi": { "name": "Rick Viscomi", "teams": [ diff --git a/src/static/css/2019.css b/src/static/css/2019.css index a86e92719cc..14fd28117e2 100644 --- a/src/static/css/2019.css +++ b/src/static/css/2019.css @@ -740,16 +740,13 @@ blockquote::before { } /* Footer */ -footer { +footer .container { display: grid; grid-template-areas: 'home-logo nav-items nav-items nav-items' 'hr hr hr hr' 'copyright copyright ha-logo social-media'; grid-template-columns: 280px 1fr 1fr 120px 0 0; - /* 20px same as .container padding */ - padding-left: 20px; - padding-right: 20px; } footer .home-logo { @@ -875,10 +872,11 @@ p.copyright a { display: inline; } - footer { + footer .container { display: grid; grid-template-areas: - 'home-logo home-logo language-switcher language-switcher' + 'home-logo home-logo home-logo home-logo' + 'language-switcher language-switcher language-switcher language-switcher' 'hr hr hr hr' 'nav-items nav-items nav-items nav-items' 'hr-last hr-last hr-last hr-last' @@ -887,6 +885,10 @@ p.copyright a { grid-template-rows: 60px auto auto; } + footer .home-logo { + justify-content: center; + } + footer .nav-items { grid-area: nav-items; display: flex; @@ -1013,7 +1015,7 @@ p.copyright a { } /* Footer */ - footer { + footer .container { grid-template-areas: 'home-logo' 'hr' @@ -1028,6 +1030,7 @@ p.copyright a { footer .home-logo { grid-area: home-logo; margin: 20px 0; + justify-content: center; } footer .mobile-ha-social-media { @@ -1079,6 +1082,7 @@ p.copyright a { justify-content: center; align-items: center; margin-top: 20px; + text-align: center; } footer .social-media { diff --git a/src/static/css/index.css b/src/static/css/index.css index 5c8a3ccd32f..414e1d20af5 100644 --- a/src/static/css/index.css +++ b/src/static/css/index.css @@ -30,7 +30,8 @@ header::after { z-index: -1; } -header .container { +header .container, +footer .container { max-width: none; padding-left: 60px; padding-right: 60px; @@ -516,8 +517,9 @@ p { header::after { bottom: 200px; } - - header .container { + + header .container, + footer .container { padding-left: 20px; padding-right: 20px; } diff --git a/src/templates/base/2019/base.html b/src/templates/base/2019/base.html index 6c556fc444e..a4852296a43 100644 --- a/src/templates/base/2019/base.html +++ b/src/templates/base/2019/base.html @@ -184,79 +184,81 @@ {% block footer %} {% endblock %} {% block scripts %}