![AmberIcing.png](https://steemitimages.com/DQmdckkG92gooZ8asSFeAzxx8UBA5EmSSBd548XedxEy3Tb/AmberIcing.png) https://github.com/blockpress/blockpress.me # New Features ## Tags and Mentions ![Firefox_Screenshot_2018-05-13T11-40-54.190Z.png](https://steemitimages.com/DQmdMu63aPfqsPJRBsCC8XsFuMQGLnjht6QZnf3yZGJLPRk/Firefox_Screenshot_2018-05-13T11-40-54.190Z.png) The BlockPress Steem module allowed links on tags in the profile description and now I enabled this feature in posts and comments. I decided to also add links to mentions in profile, posts and comments. Since BlockPress now has [permlink support](https://steemit.com/utopian-io/@antonchanning/blockpress-now-has-permlinks-and-posts-by-tag), the user will be able to look up tags and users without losing a path back to the original article they were reading. Introducing this feature means that BlockPress sites will not only provide a personal blog but also an interface to browse the steem blockchain. ## Generic Classes ![Firefox_Screenshot_2018-05-13T11-44-02.006Z.png](https://steemitimages.com/DQmPhpETEWN29FhQsXo5nDJdVnTuNG3oHDXc3gm9UXT77Kg/Firefox_Screenshot_2018-05-13T11-44-02.006Z.png) In my [previous blog](https://steemit.com/utopian-io/@dana-varahi/new-improvements-and-steem-posts-preview-feature) I introduced box-shadow classes in palettes to avoid conflicts with themes that do not want to use them. This creates more flexibility and gives more control to theme creators that want to support palettes. I have now added `enclosure` and `gradient` classes. In palettes, enclosures define border, background and font colours, whilst the rest of their styling varies with each theme. Each palette supports multiple enclosures. Theme designers can choose which one they want to add to which HTML elements. If they do so instead of hard coding their colour choices, their theme will be compatible with all existing BlockPress palettes. ## Amber Theme ![Firefox_Screenshot_2018-05-13T12-03-15.690Z.png](https://steemitimages.com/DQmRxYuBxWLZ3Erw7dTy1WYuuDcfDxQq5yF1XjBBoQpa73D/Firefox_Screenshot_2018-05-13T12-03-15.690Z.png) This new theme is very simple and minimalist. The menu uses CSS transitions and visually blends with the rest of the content. The header is featured at the bottom of the article, just above the footer (you can see this in the title image). ### Responsive Design ![Firefox_Screenshot_2018-05-13T12-01-44.748Z.png](https://steemitimages.com/DQmUwogHtbP2bxXnZVf2C9wMv2y5AhHkWCbj6nbJdYiPJmp/Firefox_Screenshot_2018-05-13T12-01-44.748Z.png) I created Amber theme with a responsive design from the start. Currently I only included one option for screens 800 pixels or less. I will be adding styles for smaller screens in the future. ## Icing Palette ![Firefox_Screenshot_2018-05-13T12-06-51.350Z.png](https://steemitimages.com/DQmS8S4KMtjYywxVVWsPWGkKrdktC4SrFFJimS9cWtBszaX/Firefox_Screenshot_2018-05-13T12-06-51.350Z.png) Icing palette is a cold equivalent of the vanilla palette. Grey white and blue tones generally dominate the web these days and I wanted to make a palette that will appeal to people who like these colours. Most websites use a white background with black fonts to create high contrast. It is something I personally dislike since it gives me headaches. Apparently, this is something very common in people with dyslexia and other learning difficulties. Bearing this in mind, I avoid using white and black and replace them with less contrasting colours. In my opinion, the result is more elegant and still readable. ![Firefox_Screenshot_2018-05-13T12-08-44.614Z.png](https://steemitimages.com/DQmPfG9BgUbMayhJNB3e4AHwDrL2kn5xsZds2oiSLMLfaPL/Firefox_Screenshot_2018-05-13T12-08-44.614Z.png) # Commits * [Tags and Mentions](https://github.com/blockpress/blockpress.me/commit/d74a7c85bb69534ac334ea2f405714830d48cbdf) * [Generic Classes in CSS](https://github.com/blockpress/blockpress.me/commit/f24be49a9e76c1ecc7a974df4082b3c38d5f6cc7) * [Generic Classes in HTML](https://github.com/blockpress/blockpress.me/commit/f692353f6d9cae4dc69bd91b97be7c5b2d8e7907) * [Amber Theme](https://github.com/blockpress/blockpress.me/commit/e9959c5eb63f9034a7a3f4b1bd88abfb4fe6880e) * [Icing Palette](https://github.com/blockpress/blockpress.me/commit/65943cf9e35515d79f22b345b7175f908ba93768) # Follow You can now follow the progress of BlockPress.me CMS on various social media, including our new channel on steem chat, and our new @blockpress steem account! * [Steem Chat BlockPress channel](https://steemit.chat/channel/blockpress) * [BlockPress on FaceBook](https://www.facebook.com/groups/blockpress/) * [BlockPress subreddit](https://www.reddit.com/r/blockpressCMS/)