jojoee

Nann Studio

<p>Add black ribbon and grey out the website</p>
<p>Features:</p>
<ul>
<li>Add ribbon to the site (4 ribbon positions)</li>
<li>Grey out the website with percentage</li>
</ul>
<p>Compatible with all browsers:</p>
<ul>
<li><a href="https://www.google.com/chrome/" rel="nofollow ugc">Google Chrome</a> 19+</li>
<li><a href="https://www.mozilla.org/firefox/" rel="nofollow ugc">Mozilla Firefox</a> 3.6+</li>
<li><a href="http://www.apple.com/safari/" rel="nofollow ugc">Safari</a> 3+</li>
<li><a href="https://www.microsoft.com/en-us/download/internet-explorer.aspx" rel="nofollow ugc">Internet Explorer</a> 9+</li>
<li><a href="http://www.opera.com/" rel="nofollow ugc">Opera</a> 11.5</li>
</ul>
<h3>Notes</h3>
<ul>
<li><a href="https://codex.wordpress.org/WordPress_Coding_Standards" rel="nofollow ugc">WordPress Coding Standards</a></li>
<li>2 spaces for indent</li>
<li><a href="https://github.com/woodpeckerr/mourning" rel="nofollow ugc">Repository on Github</a></li>
</ul>
<h4>TODO</h4>
<ul>
<li>[ ] Localization</li>
<li>[ ] Fix all TODOs</li>
<li>[ ] Grey out switcher</li>
<li>[ ] Valid input on admin board</li>
</ul>
<h4>Contributor</h4>
<ol>
<li>Install <code>Node.js</code></li>
<li><code>npm install</code></li>
<li><code>npm run zip</code> to pack the plugin</li>
</ol>
<h4>Thank you</h4>
<ul>
<li><a href="https://wordpress.org/plugins/about/validator/" rel="ugc">WordPress Plugin readme.txt Validator</a></li>
<li><a href="https://autoprefixer.github.io/" rel="nofollow ugc">Autoprefixer CSS online</a></li>
<li><a href="https://www.piliapp.com/php-syntax-check/" rel="nofollow ugc">PHP code syntax check</a></li>
<li>Ribbon from <a href="https://www.facebook.com/jibbazee" rel="nofollow ugc">Jatuporn Jib Piyawarinwong</a></li>
<li>Converted to svg by <a href="https://github.com/kristw/ribbon" rel="nofollow ugc">Krist Wongsuphasawat</a> with help from potrace 1.10, written by Peter Selinger 2001-2011</li>
</ul>


Mourning

Save my time :)

easy settings

Add black ribbon and grey out the website

Chanon Srithongsook

<p>A simple plugin to Gray out website with specific percentage and show black ribbon on the top on scheduled date to show mourning for your loved one.</p>
<p>Features:</p>
<ul>
<li>Turn whole website into gray with adjustable percentage</li>
<li>Floating black ribbon on top left or top right (Ribbon fade out if user click on the ribbon to avoid UX problem)</li>
<li>Adjust percentage with scroll bar and sample image that reflect the percentage</li>
<li>Schedule date to show mourning, once or anually.</li>
<li>Closable mourning message on the top</li>
</ul>


WP Mourning

I've used it on my website

A simple plugin to Gray out website showing the black ribbon to show mourning for your loved one.

Mourning vs WP Mourning