diff --git a/themes/svrjs/_config.yml b/themes/svrjs/_config.yml index 4bb5da8..15002ab 100644 --- a/themes/svrjs/_config.yml +++ b/themes/svrjs/_config.yml @@ -28,6 +28,7 @@ copyright: sidebar: right widgets: - search +- newsletter - category - tagcloud - archive diff --git a/themes/svrjs/layout/_widget/newsletter.ejs b/themes/svrjs/layout/_widget/newsletter.ejs new file mode 100644 index 0000000..785dc08 --- /dev/null +++ b/themes/svrjs/layout/_widget/newsletter.ejs @@ -0,0 +1,11 @@ +<% if (site.posts.length){ %> +
+

Subscribe to newsletter

+
+ +
+
+<% } %> diff --git a/themes/svrjs/source/css/_partial/sidebar-aside.styl b/themes/svrjs/source/css/_partial/sidebar-aside.styl index 6fe5f49..b175c24 100644 --- a/themes/svrjs/source/css/_partial/sidebar-aside.styl +++ b/themes/svrjs/source/css/_partial/sidebar-aside.styl @@ -70,4 +70,45 @@ background-color: #007000 @media screen and (prefers-color-scheme: dark) background-color: #00d000 + .subscribe-form + width: 100% + margin: auto + display: flex + position: relative + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.125) + @media screen and (prefers-color-scheme: dark) + box-shadow: 0 3px 6px rgba(127, 127, 127, 0.125) + .subscribe-form-input + padding: 0.25em + font-family: inherit + font-size: 0.925em + width: 65% + vertical-align: middle + border: 0.125em #00b000 solid + outline: none + border-radius: 0px + box-sizing: border-box + @media screen and (prefers-color-scheme: dark) + background-color: #000000 + color: #ffffff + .subscribe-form-submit + padding: 0.3125em + font-family: inherit + font-size: 0.925em + width: 35% + cursor: pointer + vertical-align: middle + background-color: #00b000 + border: none + outline: none + color: #ffffff + box-sizing: border-box + &:hover + background-color: #007000 + @media screen and (prefers-color-scheme: dark) + background-color: #00d000 + &:focus + background-color: #007000 + @media screen and (prefers-color-scheme: dark) + background-color: #00d000