JSFiddle - React, Tailwind, and code Playground

JavaScript

// public domain
(function (w, d){

if (w.lk) return;

lk = {
  // Время блокировки кнопки "Продолжить работу"
  time: 15,
  // ВНИМАНИЕ! Адрес сервера статистики будет добавлен в скрипт
  //           перед стартом акции, просьба не размещать скрипт
  //           блокировки до начала акции (до полуночи 3 июля)            
  // Адрес сервера статистики. Если не хотите отправлять статистику, оставьте значение пустым
  statserver: '',

  sharing: {
    // Адрес, который публикует пользователь в соцсетях якорь #block заставляет показать страницу блокировки в любом случае                         
    url: 'http://habrahabr.ru#block',   
    // Заголовок поста, который публикует пользователь в соцсетях
    title: 'Интернет-свобода под угрозой!', 
     // Текст, который публикует пользователь в соцсетях 140 символов
    text: '1 августа вступит в силу закон о борьбе с пиратским видео в интернете, который даёт возможность закрыть любой сайт. Подробнее читайте здесь.',
    // Ссылка на изображение, которое публикует пользователь в соцсетях
    img: ''
  },

  replace: {
    // Название сайта в заголовке
    sitename: 'Хабрахабр',
    // Ссылка на сайт в заголовке
    siteurl:  'http://habrahabr.ru/',
    // Надпись на кнопке голосования
    votename: 'Подписать петицию',                  
    // Адрес петиции
    voteurl:  'http://www.onlinepetition.ru/%D0%BE%D1%82%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C-%D0%BF%D1%80%D0%B8%D0%BD%D1%8F%D1%82%D0%B8%D0%B5-%D0%B7%D0%B0%D0%BA%D0%BE%D0%BD%D0%BE%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0---292521-6-/petition.html',
    // Основной текст страницы
    info: '\
      <p>21 июня Государственная Дума РФ <a target="_blank" href="http://lenta.ru/news/2013/06/21/piracylaw/">почти единогласно</a> и в кратчайшие сроки <a target="_blank" href="http://habrahabr.ru/company/yandex/blog/184182">приняла</a> <a target="_blank" href="http://asozd2.duma.gov.ru/main.nsf/(SpravkaNew)?OpenAgent&RN=292521-6&02">закон</a> о борьбе с пиратским...