Code Monkey home page Code Monkey logo

jslock-roi's Introduction

Примеры работы с разными настройками:
Дефолтные настройки, установлено название сайта
С отключенными подробностями и кнопкой "продолжить"
С собственным текстом обращения
С картинкой на бэкграунде

Для добавления страницы блокировки, просто встатьте данный код в любое место на всех страницах вашего сайта:

<script src="//lockjs.googlecode.com/git/lock.min.js"></script>

Bookmarklet для тестирования, чтобы посмотреть как будет выглядеть страница на вашем сайте.
Создайте в браузере новую закладку и вместо адреса сайта, вставьте этот код. Потом зайдите на свой сайт и нажмите на эту закладку. Код будет однократно запущен. В случае, если вы обнаружили проблему с отображением - напишите issue или отправьте письмо на [email protected]:

javascript:(function(){document.body.appendChild(document.createElement('script')).src='//lockjs.googlecode.com/git/lock.js';})();

Вы можете настроить страницу блокировки по своему усмотрению, добавив перед включением тега кода опции.
Например так:

<script>
  window.LOCKR_SETTINGS = {
    // Меняем время блокировки
    time: 15, 
    // Название сайта в заголовке
    siteName: 'Хабрахрабр'
  };
</script>
<script src="//lockjs.googlecode.com/git/lock.min.js"></script>

Список предусмотренных опций:

<script>
  window.LOCKR_SETTINGS = {
    // время блокировки
    time: 5, 
    // Показывать скрипт каждый раз не смотря ни на что
    showEverytime: false,
    // Не показывать кнопку продолжить :(
    thereIsNoFuture: false,
    // Название сайта в заголовке
    siteName: 'Хабрахрабр',
    // Ссылка на сайт в заголовке
    siteURL: 'http://habrahrabr.ru',
    // Адрес петиции
    voteURL: 'http://roi.ru/{адрес петиции}',
	// Для решения проблемы мёртвых ссылок из соцсетей при снятии скрипта, теперь
    // по умолчанию для шаринга установлен showalert.org. 
    // Вы можете легко вернуть всё назад, усстановив true. 
    // В таком случае пользователь будет публиковать ссылку на ваш сайт
    // Но, пожалуйста, если вы это делаете, не убирайте скрипт раньше времени.
    shareLocalURL: false,
    // Адрес, который публикует пользователь, если отключен shareLocalURL  
    // Якорь #block заставляет показать страницу блокировки в любом случае
    shareURL: 'http://showalert.org/#block',  
    // Ссылка на изображение, которое публикует пользователь в соцсетях
    shareImg: '//lockjs.googlecode.com/git/images/lock.png',
    // Заголовок поста, который публикует пользователь в соцсетях
    shareTitle: 'Интернет-свобода под угрозой! Подпишите официальную петицию!',
    // Текст, который публикует пользователь (до 140 символов)
  	shareText: 'С 1 августа вступает в силу #ЗаконПротивИнтернета. У нас есть возможность остановить его. Важен каждый голос!',
    // Свой собственный текст обращения. Адаптируйте его под свою аудиторию.
    customMessage: '',
    // Показывать текст обращения
    showMessage: true,
    // Показывать инструкцию по регистрации
    showManual: true,
    
    // Дата, после которой скрипт не запустится (кроме якоря #block)
    deadline: +new Date("Thu Aug 01 2013 16:00:00 GMT+0400 (MSK)"),
    // Показывать блок только пользователям с русской локализацией системы/браузера (не рекомендуется)
    onlyRusLang: false,
	// Идентификатор глобального счётчика Яндекс.Метрики
	// Если не хотите делиться статистикой, установите в false
	globalCounterId: 21749860,
	// Настройки личного счётчика Яндекс.Метрики
	// Установите id, если хотите получать статистику по своему сайту.
	localCounter: {
		id: 0,
		trackLinks:true,
		accurateTrackBounce:true
	},
    // Откуда берутся слайды
    slidePath: "//lockjs.googlecode.com/git/slides/"
  };
</script>

Для настройки внешнего вида, можете добавить CSS выражения. Например так:

<script src="//lockjs.googlecode.com/git/lock.min.js"></script>
<style type="text/css">
	.lkr-fill {
		background: #111111 url(//lockjs.googlecode.com/git/images/bg.png) repeat-x;
	}
</style>

Когда они пришли за коммунистами, я молчал — я не был коммунистом.
Когда они пришли за социал-демократами, я молчал — я не был социал-демократом.
Когда они пришли за профсоюзными активистами, я молчал — я не был членом профсоюза.
Когда они пришли за мной — уже некому было заступиться за меня.
[Мартин Нимёллер](http://ru.wikipedia. org/wiki/%D0%9A%D0%BE%D0%B3%D0%B4%D0%B0_%D0%BE%D0%BD%D0%B8_%D0%BF%D1%80%D0%B8%D1%88%D0%BB%D0%B8%E2%80%A6)

Ссылки по теме:
Текст Закона № 187-ФЗ
JS скрипт для протестной блокировки сайта. C таймером и лайками.
100.000 подписей собрано (прим. на onlinepetition.ru), что дальше? Российская Общественная Инициатива!
Проект РосКомСвобода
Ассоциация пользователей интернета

jslock-roi's People

Contributors

areso avatar imshara avatar realex-fire avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.