diff --git a/resources/public/dest/css/main.css b/resources/public/dest/css/main.css index f42f9c2..0cac145 100644 --- a/resources/public/dest/css/main.css +++ b/resources/public/dest/css/main.css @@ -777,6 +777,52 @@ li.social-link a { -ms-transform: scale(0.9); transform: scale(0.9); } } +.news { + width: 100%; + font-size: 15px; + line-height: 22px; + padding: 16px 0; + background: #8AEBAC; + color: rgba(0, 0, 0, 0.6); + text-align: center; } + +.news strong { + font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; } + +.news.news--dark { + background-color: #4A5C69; + color: #FFFFFF; } + +.news.news--finish { + background-color: #eef2f5; + color: #49555F; } + +.news.news--hidden { + display: none; } + +.news a { + display: inline-block; + padding: 2px 12px; + border-radius: 8px; + color: #49555F; + background-color: rgba(0, 0, 0, 0.1); + margin: 0 0 0 12px; + transition: background-color .2s ease, color .2s ease; } + +.news a:hover { + background-color: rgba(255, 255, 255, 0.8); } + +@media (max-width: 600px) { + .news { + padding: 6px 16px; } + .news a { + font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; + display: inline; + background-color: transparent; + padding: 0; + margin: 0; + text-decoration: underline; } } + .cards { position: relative; width: 300px; diff --git a/resources/templates/index.html b/resources/templates/index.html index 90d6983..a53913d 100644 --- a/resources/templates/index.html +++ b/resources/templates/index.html @@ -54,6 +54,11 @@ +
+
+ Hey Welcome to Status Open Bounty Learn more +
+
diff --git a/static_langing_page/dest/css/main.css b/static_langing_page/dest/css/main.css index f42f9c2..0cac145 100644 --- a/static_langing_page/dest/css/main.css +++ b/static_langing_page/dest/css/main.css @@ -777,6 +777,52 @@ li.social-link a { -ms-transform: scale(0.9); transform: scale(0.9); } } +.news { + width: 100%; + font-size: 15px; + line-height: 22px; + padding: 16px 0; + background: #8AEBAC; + color: rgba(0, 0, 0, 0.6); + text-align: center; } + +.news strong { + font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; } + +.news.news--dark { + background-color: #4A5C69; + color: #FFFFFF; } + +.news.news--finish { + background-color: #eef2f5; + color: #49555F; } + +.news.news--hidden { + display: none; } + +.news a { + display: inline-block; + padding: 2px 12px; + border-radius: 8px; + color: #49555F; + background-color: rgba(0, 0, 0, 0.1); + margin: 0 0 0 12px; + transition: background-color .2s ease, color .2s ease; } + +.news a:hover { + background-color: rgba(255, 255, 255, 0.8); } + +@media (max-width: 600px) { + .news { + padding: 6px 16px; } + .news a { + font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; + display: inline; + background-color: transparent; + padding: 0; + margin: 0; + text-decoration: underline; } } + .cards { position: relative; width: 300px; diff --git a/static_langing_page/index.html b/static_langing_page/index.html index 90d6983..a53913d 100644 --- a/static_langing_page/index.html +++ b/static_langing_page/index.html @@ -54,6 +54,11 @@ +
+
+ Hey Welcome to Status Open Bounty Learn more +
+
diff --git a/static_langing_page/src/scss/main.scss b/static_langing_page/src/scss/main.scss index d384d02..cbce25d 100644 --- a/static_langing_page/src/scss/main.scss +++ b/static_langing_page/src/scss/main.scss @@ -4,6 +4,7 @@ @import "page"; @import "welcome"; +@import "news"; @import "cards"; @import "actions"; @import "slides"; diff --git a/static_langing_page/src/scss/news.scss b/static_langing_page/src/scss/news.scss index e69de29..516cbc8 100644 --- a/static_langing_page/src/scss/news.scss +++ b/static_langing_page/src/scss/news.scss @@ -0,0 +1,55 @@ +.news { + width: 100%; + font-size: 15px; + line-height: 22px; + padding: 16px 0; + background: #8AEBAC; + color: rgba(0, 0, 0, .6); + text-align: center; +} +.news strong { + font-family: $PostGroteskMedium; +} + +.news.news--dark { + background-color: #4A5C69; + color: #FFFFFF; +} + +.news.news--finish { + background-color: $colorBg; + color: #49555F; +} + +.news.news--hidden { + display: none; +} + + +.news a { + display: inline-block; + padding: 2px 12px; + border-radius: 8px; + color: #49555F; + background-color: rgba(0, 0, 0, .1); + margin: 0 0 0 12px; + transition: background-color .2s ease, color .2s ease; +} + +.news a:hover { + background-color: rgba(255, 255, 255, .8); +} + +@media (max-width: 600px) { + .news { + padding: 6px 16px; + } + .news a { + font-family: $PostGroteskMedium; + display: inline; + background-color: transparent; + padding: 0; + margin: 0; + text-decoration: underline; + } +}