\n
"),r='')+'';window.addEventListener("scroll",e),document.querySelector(".bvi-body").insertAdjacentHTML("beforebegin",i),document.querySelector(".bvi-body").insertAdjacentHTML("afterbegin",r),e()}},{key:"_set",value:function(){var e=this;document.body.classList.add("bvi-active"),s(document.body,"div","bvi-body"),v(this._config,(function(t){return e._setAttrDataBviBody(t,m(t))})),f(this._elements,(function(e){return e.style.display="none"})),document.querySelectorAll("img").forEach((function(e){e.classList.contains("bvi-img")&&e.classList.remove("bvi-img")})),document.querySelectorAll("body *").forEach((function(e){e.classList.contains("bvi-background-image")&&e.classList.remove("bvi-background-image")}))}},{key:"_remove",value:function(){var e=document.querySelector(".bvi-panel"),t=document.querySelector(".bvi-body"),n=document.querySelector(".bvi-link-fixed-top");e&&e.remove(),t&&u(t),n&&n.remove(),this._speech("".concat(this._i18n.v("panelOff"))),document.body.classList.remove("bvi-active"),f(this._elements,(function(e){return e.style.display=""})),l(m("reload"))&&document.location.reload(),v(this._config,(function(e){b(e)})),this._speechPlayer(),b("panelActive")}},{key:"_images",value:function(){document.querySelectorAll("img").forEach((function(e){e.classList.contains("bvi-no-style")||e.classList.add("bvi-img")})),document.querySelectorAll(".bvi-body *").forEach((function(e){var t=getComputedStyle(e);"none"===t.backgroundImage||"none"===t.background||e.classList.contains("bvi-no-style")||e.classList.add("bvi-background-image")}))}},{key:"_getConfig",value:function(e){e=t(t({},y),e);var i={};for(var r in y)i[r]=e[r];return function(e,t,i){Object.keys(t).forEach((function(i){var r,o=t[i],a=e[i],c=a&&(r=a)&&"object"===n(r)&&void 0!==r.nodeType?"element":function(e){return null==e?"".concat(e):{}.toString.call(e).match(/\s([a-z]+)/i)[1].toLowerCase()}(a);if(!new RegExp(o).test(c))throw new TypeError('Bvi console: Опция "'.concat(i,'" предоставленный тип "').concat(c,'", ожидаемый тип "').concat(o,'".'))})),Object.keys(i).forEach((function(t){var n=i[t],r=e[t];if(!new RegExp(n).test(r))throw new TypeError('Bvi console: Опция "'.concat(t,'" параметр "').concat(r,'", ожидаемый параметр "').concat(n,'".'))}))}(i,S,_),i}},{key:"_setAttrDataBviBody",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";document.querySelector(".bvi-body").setAttribute("data-bvi-".concat(e),t)}},{key:"_speechPlayer",value:function(){var e=this,t=document.querySelectorAll(".bvi-speech-text"),n=document.querySelectorAll(".bvi-speech-link"),i=document.querySelectorAll(".bvi-speech");if("speechSynthesis"in window&&l(m("speech"))){if(i){t&&t.forEach((function(e){return u(e)})),n&&n.forEach((function(e){return e.remove()})),i.forEach((function(e,t){var n="bvi-speech-text-id-".concat(t+1);s(e,"div","bvi-speech-text ".concat(n)),e.insertAdjacentHTML("afterbegin",'\n ')}));var r=document.querySelectorAll(".bvi-speech-play"),o=document.querySelectorAll(".bvi-speech-pause"),a=document.querySelectorAll(".bvi-speech-resume"),c=document.querySelectorAll(".bvi-speech-stop"),v=function(e,t){e.forEach((function(e){e.addEventListener("click",(function(n){if(n.preventDefault(),"function"==typeof t)return t(e,n)}),!1)}))};v(r,(function(t,n){var i=n.target,r=i.parentNode.nextElementSibling,o=n.target.closest(".bvi-speech-link"),a=document.querySelectorAll(".bvi-speech-play"),c=document.querySelectorAll(".bvi-speech-pause"),l=document.querySelectorAll(".bvi-speech-resume"),s=document.querySelectorAll(".bvi-speech-stop");e._speech(r.textContent,r,!0),a.forEach((function(e){return e.classList.remove("disabled")})),c.forEach((function(e){return e.classList.add("disabled")})),l.forEach((function(e){return e.classList.add("disabled")})),s.forEach((function(e){return e.classList.add("disabled")})),i.classList.add("disabled"),o.querySelector(".bvi-speech-pause").classList.remove("disabled"),o.querySelector(".bvi-speech-stop").classList.remove("disabled")})),v(o,(function(e,t){var n=t.target,i=t.target.closest(".bvi-speech-link");n.classList.add("disabled"),i.querySelector(".bvi-speech-resume").classList.remove("disabled"),h().pause()})),v(a,(function(e,t){var n=t.target,i=t.target.closest(".bvi-speech-link");n.classList.add("disabled"),i.querySelector(".bvi-speech-pause").classList.remove("disabled"),h().resume()})),v(c,(function(e,t){var n=t.target,i=t.target.closest(".bvi-speech-link");n.classList.add("disabled"),i.querySelector(".bvi-speech-pause").classList.add("disabled"),i.querySelector(".bvi-speech-play").classList.remove("disabled"),h().cancel()}))}}else t&&t.forEach((function(e){return u(e)})),n&&n.forEach((function(e){return e.remove()}))}},{key:"_speech",value:function(e,t){var n=this,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("speechSynthesis"in window&&l(m("speech"))){h().cancel();for(var r=function(e,t){e=String(e),t=Number(t)>>>0;var n=e.slice(0,t+1).search(/\S+$/),i=e.slice(t).search(/\s/);return i<0?e.slice(n):e.slice(n,i+t)},o=120,a=new RegExp("^[\\s\\S]{"+Math.floor(o/2)+","+o+"}[.!?,]{1}|^[\\s\\S]{1,"+o+"}$|^[\\s\\S]{1,"+o+"} "),c=[],s=e,u=h().getVoices();s.length>0;)c.push(s.match(a)[0]),s=s.substring(c[c.length-1].length);c.forEach((function(e){var o=new SpeechSynthesisUtterance(e.trim());o.volume=1,o.rate=1,o.pitch=1,o.lang=n._config.lang;for(var a=0;a\n \n \n \n \n
\n \n
\n ').concat(this._i18n.t("settings"),'
\n \n \n \n \n ').concat(this._i18n.t("regularVersionOfTheSite"),'\n \n \n \n \n \n
\n \n \n
\n
508 |
`
599 |
600 | let link = `` +
601 | ''
602 |
603 | window.addEventListener('scroll', scroll)
604 | document.querySelector('.bvi-body').insertAdjacentHTML('beforebegin', html)
605 | document.querySelector('.bvi-body').insertAdjacentHTML('afterbegin', link)
606 | scroll()
607 | }
608 |
609 | _set() {
610 | document.body.classList.add('bvi-active')
611 | wrapInner(document.body, 'div', 'bvi-body')
612 | getObject(this._config, key => this._setAttrDataBviBody(key, getCookie(key)))
613 | getArray(this._elements, element => element.style.display = 'none')
614 |
615 | document.querySelectorAll('img')
616 | .forEach(element => {
617 | if (element.classList.contains('bvi-img')) {
618 | element.classList.remove('bvi-img')
619 | }
620 | })
621 |
622 | document.querySelectorAll('body *')
623 | .forEach(element => {
624 | if (element.classList.contains('bvi-background-image')) {
625 | element.classList.remove('bvi-background-image')
626 | }
627 | })
628 | }
629 |
630 | _remove() {
631 | let bviPanel = document.querySelector('.bvi-panel')
632 | let bviBody = document.querySelector('.bvi-body')
633 | let bviLinkFixedTop = document.querySelector('.bvi-link-fixed-top')
634 |
635 | if (bviPanel) {
636 | bviPanel.remove()
637 | }
638 |
639 | if (bviBody) {
640 | unwrap(bviBody)
641 | }
642 |
643 | if (bviLinkFixedTop) {
644 | bviLinkFixedTop.remove()
645 | }
646 |
647 | this._speech(`${this._i18n.v('panelOff')}`)
648 |
649 | document.body.classList.remove('bvi-active')
650 |
651 | getArray(this._elements, element => element.style.display = '')
652 |
653 | if (stringToBoolean(getCookie('reload'))) {
654 | document.location.reload()
655 | }
656 |
657 | getObject(this._config, key => {
658 | removeCookie(key)
659 | })
660 |
661 | this._speechPlayer()
662 |
663 | removeCookie('panelActive')
664 | }
665 |
666 | _images() {
667 | document.querySelectorAll('img').forEach(element => {
668 | if (!element.classList.contains('bvi-no-style')) {
669 | element.classList.add('bvi-img')
670 | }
671 | })
672 |
673 | document.querySelectorAll('.bvi-body *').forEach(element => {
674 | let style = getComputedStyle(element)
675 | if (style.backgroundImage !== 'none' && style.background !== 'none' && !element.classList.contains('bvi-no-style')) {
676 | element.classList.add('bvi-background-image')
677 | }
678 | })
679 | }
680 |
681 | _getConfig(config) {
682 | config = {...Default, ...config}
683 | let extended = {}
684 |
685 | for (let keyDefault in Default) {
686 | extended[keyDefault] = config[keyDefault]
687 | }
688 |
689 | checkConfig(extended, DefaultType, DefaultOptions)
690 |
691 | return extended
692 | }
693 |
694 | _setAttrDataBviBody(name = '', value = '') {
695 | document.querySelector('.bvi-body').setAttribute(`data-bvi-${name}`, value)
696 | }
697 |
698 | _speechPlayer() {
699 | let selectorSpeechText = document.querySelectorAll('.bvi-speech-text')
700 | let selectorSpeechLink = document.querySelectorAll('.bvi-speech-link')
701 | let selectorBviSpeech = document.querySelectorAll('.bvi-speech')
702 |
703 | if ('speechSynthesis' in window && stringToBoolean(getCookie('speech'))) {
704 |
705 | if (selectorBviSpeech) {
706 | if (selectorSpeechText) {
707 | selectorSpeechText.forEach(element => unwrap(element))
708 | }
709 |
710 | if (selectorSpeechLink) {
711 | selectorSpeechLink.forEach(element => element.remove())
712 | }
713 |
714 | selectorBviSpeech.forEach((speechDivBlock, index) => {
715 | let id = `bvi-speech-text-id-${index + 1}`
716 | let html = `
717 | `
723 |
724 | wrapInner(speechDivBlock, 'div', `bvi-speech-text ${id}`)
725 | speechDivBlock.insertAdjacentHTML('afterbegin', html)
726 | })
727 |
728 | let selectorPlay = document.querySelectorAll('.bvi-speech-play')
729 | let selectorPause = document.querySelectorAll('.bvi-speech-pause')
730 | let selectorResume = document.querySelectorAll('.bvi-speech-resume')
731 | let selectorStop = document.querySelectorAll('.bvi-speech-stop')
732 | const el = (elements, callback) => {
733 | elements.forEach(element => {
734 | element.addEventListener('click', event => {
735 | event.preventDefault()
736 | if (typeof callback === 'function') {
737 | return callback(element, event)
738 | }
739 | }, false)
740 | })
741 | }
742 |
743 | el(selectorPlay, (element, event) => {
744 | let target = event.target
745 | let text = target.parentNode.nextElementSibling;
746 | let closest = event.target.closest('.bvi-speech-link')
747 | let play = document.querySelectorAll('.bvi-speech-play')
748 | let pause = document.querySelectorAll('.bvi-speech-pause')
749 | let resume = document.querySelectorAll('.bvi-speech-resume')
750 | let stop = document.querySelectorAll('.bvi-speech-stop')
751 |
752 | this._speech(text.textContent, text, true);
753 |
754 | play.forEach(element => element.classList.remove('disabled'))
755 | pause.forEach(element => element.classList.add('disabled'))
756 | resume.forEach(element => element.classList.add('disabled'))
757 | stop.forEach(element => element.classList.add('disabled'))
758 |
759 | target.classList.add('disabled')
760 | closest.querySelector('.bvi-speech-pause').classList.remove('disabled')
761 | closest.querySelector('.bvi-speech-stop').classList.remove('disabled')
762 | })
763 |
764 | el(selectorPause, (element, event) => {
765 | let target = event.target
766 | let closest = event.target.closest('.bvi-speech-link')
767 |
768 | target.classList.add('disabled')
769 | closest.querySelector('.bvi-speech-resume').classList.remove('disabled')
770 | synth().pause()
771 | })
772 |
773 | el(selectorResume, (element, event) => {
774 | let target = event.target
775 | let closest = event.target.closest('.bvi-speech-link')
776 |
777 | target.classList.add('disabled')
778 | closest.querySelector('.bvi-speech-pause').classList.remove('disabled')
779 | synth().resume()
780 | })
781 |
782 | el(selectorStop, (element, event) => {
783 | let target = event.target
784 | let closest = event.target.closest('.bvi-speech-link')
785 |
786 | target.classList.add('disabled')
787 | closest.querySelector('.bvi-speech-pause').classList.add('disabled')
788 | closest.querySelector('.bvi-speech-play').classList.remove('disabled')
789 | synth().cancel();
790 | })
791 | }
792 | } else {
793 | if (selectorSpeechText) {
794 | selectorSpeechText.forEach(element => unwrap(element))
795 | }
796 |
797 | if (selectorSpeechLink) {
798 | selectorSpeechLink.forEach(element => element.remove())
799 | }
800 | }
801 | }
802 |
803 | _speech(text, element, echo = false) {
804 | if ('speechSynthesis' in window && stringToBoolean(getCookie('speech'))) {
805 | synth().cancel()
806 | const getWordAt = (str, pos) => {
807 | str = String(str)
808 | pos = Number(pos) >>> 0
809 |
810 | let left = str.slice(0, pos + 1).search(/\S+$/)
811 | let right = str.slice(pos).search(/\s/)
812 |
813 | if (right < 0) {
814 | return str.slice(left)
815 | }
816 | return str.slice(left, right + pos)
817 | }
818 |
819 | let chunkLength = 120
820 | let patternRegex = new RegExp('^[\\s\\S]{' + Math.floor(chunkLength / 2) + ',' + chunkLength + '}[.!?,]{1}|^[\\s\\S]{1,' + chunkLength + '}$|^[\\s\\S]{1,' + chunkLength + '} ')
821 | let array = []
822 | let $text = text
823 | let voices = synth().getVoices()
824 |
825 | while ($text.length > 0) {
826 | array.push($text.match(patternRegex)[0])
827 | $text = $text.substring(array[array.length - 1].length)
828 | }
829 |
830 | array.forEach(getText => {
831 | let utter = new SpeechSynthesisUtterance(getText.trim())
832 | utter.volume = 1
833 | utter.rate = 1
834 | utter.pitch = 1
835 | utter.lang = this._config.lang
836 |
837 | for (let i = 0; i < voices.length; i++) {
838 | if (this._config.lang === 'ru-RU' && voices[i].name === 'Microsoft Pavel - Russian (Russia)') {
839 | utter.voice = voices[i]
840 | }
841 |
842 | if (this._config.lang === 'en-US' && voices[i].name === 'Microsoft Pavel - English (English)') {
843 | utter.voice = voices[i]
844 | }
845 | }
846 |
847 | if (echo) {
848 | utter.onboundary = event => {
849 |
850 | element.classList.add('bvi-highlighting')
851 | let world = getWordAt(event.utterance.text, event.charIndex)
852 | let textContent = element.textContent
853 | let term = world.replace(/(\s+)/, '((<[^>]+>)*$1(<[^>]+>)*)')
854 | let pattern = new RegExp('(' + term + ')', 'gi')
855 | textContent = textContent.replace(pattern, '$1')
856 | textContent = textContent.replace(/([^<>]*)((<[^>]+>)+)([^<>]*<\/mark>)/, '$1$2$4')
857 | element.innerHTML = textContent
858 | }
859 |
860 | utter.onend = event => {
861 | element.classList.remove('bvi-highlighting')
862 | let textContent = element.textContent
863 | textContent = textContent.replace(/($1<\/mark>)/, '$1')
864 | element.innerHTML = textContent
865 | }
866 | }
867 |
868 | synth().speak(utter)
869 | })
870 | }
871 | }
872 | }
873 |
874 | export default Bvi
875 |
--------------------------------------------------------------------------------
/src/js/i18n.js:
--------------------------------------------------------------------------------
1 | /**
2 | * --------------------------------------------------------------------------
3 | * Button visually impaired (v1.0.0): i18n.js
4 | * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md)
5 | * --------------------------------------------------------------------------
6 | */
7 |
8 | const lang = {
9 | 'ru-RU': {
10 | 'text': {
11 | 'fontSize': 'Размер шрифта',
12 | 'siteColors': 'Цвета сайта',
13 | 'images': 'Изображения',
14 | 'speech': 'Синтез речи',
15 | 'settings': 'Настройки',
16 | 'regularVersionOfTheSite': 'Обычная версия сайта',
17 | 'letterSpacing': 'Межбуквенное расстояние',
18 | 'normal': 'Стандартный',
19 | 'average': 'Средний',
20 | 'big': 'Большой',
21 | 'lineHeight': 'Межстрочный интервал',
22 | 'font': 'Шрифт',
23 | 'arial': 'Без засечек',
24 | 'times': 'С засечками',
25 | 'builtElements': 'Встроенные элементы (Видео, карты и тд.)',
26 | 'on': 'Включить',
27 | 'off': 'Выключить',
28 | 'reset': 'Сбросить настройки',
29 | 'plural_0': 'пиксель',
30 | 'plural_1': 'пекселя',
31 | 'plural_2': 'пикселей',
32 | },
33 | 'voice': {
34 | 'fontSizePlus': 'Размер шрифта увели́чен',
35 | 'fontSizeMinus': 'Размер шрифта уме́ньшен',
36 | 'siteColorBlackOnWhite': 'Цвет сайта черным по белому',
37 | 'siteColorWhiteOnBlack': 'Цвет сайта белым по черному',
38 | 'siteColorDarkBlueOnBlue': 'Цвет сайта тёмно-синим по голубому',
39 | 'siteColorBeigeBrown': 'Цвет сайта кори́чневым по бе́жевому',
40 | 'siteColorGreenOnDarkBrown': 'Цвет сайта зеленым по тёмно-коричневому',
41 | 'imagesOn': 'Изображения включены',
42 | 'imagesOFF': 'Изображения выключены',
43 | 'imagesGrayscale': 'Изображения чёрно-белые',
44 | 'speechOn': 'Синтез речи включён',
45 | 'speechOff': 'Синтез речи вы́ключен',
46 | 'lineHeightNormal': 'Межстрочный интервал стандартный',
47 | 'lineHeightAverage': 'Межстрочный интервал средний',
48 | 'lineHeightBig': 'Межстрочный интервал большой',
49 | 'LetterSpacingNormal': 'Интервал между буквами стандартный',
50 | 'LetterSpacingAverage': 'Интервал между буквами средний',
51 | 'LetterSpacingBig': 'Интервал между буквами большой',
52 | 'fontArial': 'Шрифт без засечек',
53 | 'fontTimes': 'Шрифт с засечками',
54 | 'builtElementsOn': 'Встроенные элементы включены',
55 | 'builtElementsOFF': 'Встроенные элементы выключены',
56 | 'resetSettings': 'Установлены настройки по умолча́нию',
57 | 'panelShow': 'Панель открыта',
58 | 'panelHide': 'Панель скрыта',
59 | 'panelOn': 'Версия сайта для слабови́дящий',
60 | 'panelOff': 'Обычная версия сайта',
61 | }
62 | },
63 | 'en-US': {
64 | 'text': {
65 | 'fontSize': 'Font size',
66 | 'siteColors': 'Site colors',
67 | 'images': 'Images',
68 | 'speech': 'Speech synthesis',
69 | 'settings': 'Settings',
70 | 'regularVersionOfTheSite': 'Regular version Of The site',
71 | 'letterSpacing': 'Letter spacing',
72 | 'normal': 'Single',
73 | 'average': 'One and a half',
74 | 'big': 'Double',
75 | 'lineHeight': 'Line spacing',
76 | 'font':'Font',
77 | 'arial': 'Sans Serif - Arial',
78 | 'times': 'Serif - Times New Roman',
79 | 'builtElements': 'Include inline elements (Videos, maps, etc.)',
80 | 'on': 'Enable',
81 | 'off': 'Disabled',
82 | 'reset': 'Reset settings',
83 | 'plural_0': 'pixel',
84 | 'plural_1': 'pixels',
85 | 'plural_2': 'pixels',
86 | },
87 | 'voice': {
88 | 'fontSizePlus': 'Font size increased',
89 | 'fontSizeMinus': 'Font size reduced',
90 | 'siteColorBlackOnWhite': 'Site color black on white',
91 | 'siteColorWhiteOnBlack': 'Site color white on black',
92 | 'siteColorDarkBlueOnBlue': 'Site color dark blue on cyan',
93 | 'siteColorBeigeBrown': 'SiteColorBeigeBrown',
94 | 'siteColorGreenOnDarkBrown': 'Site color green on dark brown',
95 | 'imagesOn': 'Images enable',
96 | 'imagesOFF': 'Images disabled',
97 | 'imagesGrayscale': 'Images gray scale',
98 | 'speechOn': 'Synthesis speech enable',
99 | 'speechOff': 'Synthesis speech disabled',
100 | 'lineHeightNormal': 'Line spacing single',
101 | 'lineHeightAverage': 'Line spacing one and a half',
102 | 'lineHeightBig': 'Line spacing double',
103 | 'LetterSpacingNormal': 'Letter spacing single',
104 | 'LetterSpacingAverage': 'Letter spacing one and a half',
105 | 'LetterSpacingBig': 'Letter spacing letter double',
106 | 'fontArial': 'Sans Serif - Arial',
107 | 'fontTimes': 'Serif - Times New Roman',
108 | 'builtElementsOn': 'Include inline elements are enabled',
109 | 'builtElementsOFF': 'Include inline elements are disabled',
110 | 'resetSettings': 'Default settings have been set',
111 | 'panelShow': 'Panel show',
112 | 'panelHide': 'Panel hide',
113 | 'panelOn': 'Site version for visually impaired',
114 | 'panelOff': 'Regular version of the site',
115 | }
116 | }
117 | }
118 |
119 | class I18n {
120 | constructor(options) {
121 | this._config = options
122 | }
123 |
124 | t(key) {
125 | return lang[this._config.lang]['text'][key]
126 | }
127 |
128 | v(key) {
129 | return lang[this._config.lang]['voice'][key]
130 | }
131 | }
132 |
133 | export default I18n
134 |
--------------------------------------------------------------------------------
/src/js/index.umd.js:
--------------------------------------------------------------------------------
1 | /**
2 | * --------------------------------------------------------------------------
3 | * Button visually impaired (v1.0.0): index.umd.js
4 | * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md)
5 | * --------------------------------------------------------------------------
6 | */
7 |
8 | /*import 'core-js/stable';*/
9 | import 'regenerator-runtime/runtime'
10 | import Bvi from './bvi'
11 |
12 | export default { Bvi }
13 |
--------------------------------------------------------------------------------
/src/js/util/cookie.js:
--------------------------------------------------------------------------------
1 | /**
2 | * --------------------------------------------------------------------------
3 | * Button visually impaired (v1.0.0): util/cookie.js
4 | * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md)
5 | * --------------------------------------------------------------------------
6 | */
7 |
8 | const setCookie = function (name = '', value = '') {
9 | let now = new Date();
10 | let time = now.getTime();
11 | time += 24 * 60 * 60 * 1000;
12 | now.setTime(time);
13 | document.cookie = `bvi_${name}=${value};path=/;expires=${now.toUTCString()};domain=${location.host}`;
14 | };
15 |
16 | const getCookie = function (name = '') {
17 | name = `bvi_${name}=`;
18 | let decodedCookie = decodeURIComponent(document.cookie);
19 | let cookies = decodedCookie.split(';');
20 |
21 | for (let i = 0; i < cookies.length; i++) {
22 | let cookie = cookies[i].trim();
23 |
24 | if (cookie.indexOf(name) !== -1) {
25 | return cookie.substring(name.length, cookie.length);
26 | }
27 | }
28 | };
29 |
30 | const removeCookie = function (name = '') {
31 | document.cookie = `bvi_${name}=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;domain=${location.host}`;
32 | };
33 |
34 | export {
35 | setCookie,
36 | getCookie,
37 | removeCookie,
38 | };
39 |
--------------------------------------------------------------------------------
/src/js/util/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * --------------------------------------------------------------------------
3 | * Button visually impaired (v1.0.0): util/index.js
4 | * Licensed under MIT (https://github.com/veks/button-visually-impaired-javascript/blob/master/LICENSE.md)
5 | * --------------------------------------------------------------------------
6 | */
7 |
8 | (function (arr) {
9 | arr.forEach(function (item) {
10 | if (item.hasOwnProperty('prepend')) {
11 | return
12 | }
13 | Object.defineProperty(item, 'prepend', {
14 | configurable: true,
15 | enumerable: true,
16 | writable: true,
17 | value: function prepend () {
18 | var argArr = Array.prototype.slice.call(arguments),
19 | docFrag = document.createDocumentFragment()
20 |
21 | argArr.forEach(function (argItem) {
22 | var isNode = argItem instanceof Node
23 | docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)))
24 | })
25 |
26 | this.insertBefore(docFrag, this.firstChild)
27 | },
28 | })
29 | })
30 | })([Element.prototype, Document.prototype, DocumentFragment.prototype])
31 |
32 | if (window.NodeList && !NodeList.prototype.forEach) {
33 | NodeList.prototype.forEach = Array.prototype.forEach
34 | }
35 |
36 | if (window.HTMLCollection && !HTMLCollection.prototype.forEach) {
37 | HTMLCollection.prototype.forEach = Array.prototype.forEach
38 | }
39 |
40 | const toType = obj => {
41 | if (obj === null || obj === undefined) {
42 | return `${obj}`
43 | }
44 |
45 | return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase()
46 | }
47 |
48 | const isElement = obj => {
49 | if (!obj || typeof obj !== 'object') {
50 | return false
51 | }
52 |
53 | return typeof obj.nodeType !== 'undefined'
54 | }
55 |
56 | const checkConfig = (config, configTypes, configOptions) => {
57 | Object.keys(configTypes).forEach(key => {
58 | const expectedTypes = configTypes[key]
59 | const value = config[key]
60 | const valueType = value && isElement(value) ? 'element' : toType(value)
61 |
62 | if (!new RegExp(expectedTypes).test(valueType)) {
63 | throw new TypeError(
64 | `Bvi console: Опция "${key}" предоставленный тип "${valueType}", ожидаемый тип "${expectedTypes}".`,
65 | )
66 | }
67 | })
68 |
69 | Object.keys(configOptions).forEach(key => {
70 | const expectedOptions = configOptions[key]
71 | const value = config[key]
72 |
73 | if (!new RegExp(expectedOptions).test(value)) {
74 | throw new TypeError(
75 | `Bvi console: Опция "${key}" параметр "${value}", ожидаемый параметр "${expectedOptions}".`,
76 | )
77 | }
78 | })
79 | }
80 |
81 | const plural = (number, text = ['пиксель', 'пекселя', 'пикселей']) => {
82 | if (number % 10 === 1 && number % 100 !== 11) {
83 | return `${number} ${text[0]}`
84 | } else if (number % 10 >= 2 && number % 10 <= 4 && (number % 100 < 10 || number % 100 >= 20)) {
85 | return `${number} ${text[1]}`
86 | } else {
87 | return `${number} ${text[2]}`
88 | }
89 | }
90 |
91 | const stringToBoolean = string => {
92 | switch (string) {
93 | case 'on':
94 | case 'true':
95 | case '1':
96 | return true
97 | default:
98 | return false
99 | }
100 | }
101 |
102 | const wrapInner = (parent, wrapper, className) => {
103 | if (typeof wrapper === 'string') {
104 | wrapper = document.createElement(wrapper)
105 | }
106 |
107 | parent.appendChild(wrapper).className = className
108 |
109 | while (parent.firstChild !== wrapper) {
110 | wrapper.appendChild(parent.firstChild)
111 | }
112 | }
113 |
114 | const unwrap = wrapper => {
115 | let docFrag = document.createDocumentFragment()
116 |
117 | if (!wrapper) return
118 |
119 | while (wrapper.firstChild) {
120 | let child = wrapper.removeChild(wrapper.firstChild)
121 | docFrag.appendChild(child)
122 | }
123 |
124 | wrapper.parentNode.replaceChild(docFrag, wrapper)
125 | }
126 |
127 | const getObject = (object, callback) => {
128 | Object.keys(object).forEach(key => {
129 | if (typeof callback === 'function') {
130 | callback(key)
131 | }
132 | })
133 | }
134 |
135 | const getArray = (array, callback) => {
136 | Array.from(array).forEach(key => {
137 | if (typeof callback === 'function') {
138 | callback(key)
139 | }
140 | })
141 | }
142 |
143 | const inArray = (needle, haystack) => {
144 | let length = haystack.length
145 |
146 | for (let i = 0; i < length; i++) {
147 | if (haystack[i] === needle) {
148 | return true
149 | }
150 | }
151 |
152 | return false
153 | }
154 |
155 | const synth = () => window.speechSynthesis
156 |
157 | const synthSupportBrowser = () => {
158 | return 'speechSynthesis' in window
159 | }
160 |
161 | export {
162 | plural,
163 | checkConfig,
164 | stringToBoolean,
165 | wrapInner,
166 | unwrap,
167 | getObject,
168 | getArray,
169 | synth,
170 | synthSupportBrowser,
171 | inArray,
172 | }
173 |
--------------------------------------------------------------------------------
/src/scss/_body.scss:
--------------------------------------------------------------------------------
1 | body {
2 | &.bvi-active {
3 | margin: 0;
4 | padding: 0;
5 | top: 0;
6 | left: 0;
7 |
8 | &.bvi-noscroll {
9 | overflow: hidden !important;
10 | }
11 | }
12 |
13 | .bvi-body {
14 | padding: 0 .5rem;
15 |
16 | @include loop-theme('white', $theme-bg-white, $theme-color-white);
17 | @include loop-theme('black', $theme-bg-black, $theme-color-black);
18 | @include loop-theme('blue', $theme-bg-blue, $theme-color-blue);
19 | @include loop-theme('brown', $theme-bg-brown, $theme-color-brown);
20 | @include loop-theme('green', $theme-bg-green, $theme-color-green);
21 | @include loop-size(40);
22 |
23 | &[data-bvi-images='true']:not(.bvi-no-styles) {
24 | .bvi-background-image:not(.bvi-no-styles),
25 | img.bvi-background-image:not(.bvi-no-styles),
26 | img.bvi-img:not(.bvi-no-styles) {
27 | -webkit-filter: grayscale(0);
28 | filter: grayscale(0);
29 | visibility: visible;
30 | }
31 | }
32 |
33 | &[data-bvi-images='false']:not(.bvi-no-styles) {
34 | .bvi-background-image:not(.bvi-no-styles),
35 | img.bvi-background-image:not(.bvi-no-styles),
36 | img.bvi-img:not(.bvi-no-styles) {
37 | display: none;
38 | position: relative;
39 | border: 1px dashed;
40 | }
41 | }
42 |
43 | &[data-bvi-images='grayscale']:not(.bvi-no-styles) {
44 | .bvi-background-image:not(.bvi-no-styles),
45 | img.bvi-background-image:not(.bvi-no-styles),
46 | img.bvi-img:not(.bvi-no-styles) {
47 | -moz-filter: url("data:image/svg+xml;utf8,#grayscale");
48 | -o-filter: url("data:image/svg+xml;utf8,#grayscale");
49 | -webkit-filter: grayscale(1);
50 | filter: url("data:image/svg+xml;utf8,#grayscale");
51 | filter: url("data:image/svg+xml;utf8,#grayscale");
52 | filter: grayscale(1);
53 | visibility: visible;
54 | }
55 | }
56 |
57 | &[data-bvi-lineheight='normal']:not(.bvi-no-styles) {
58 | line-height: 1.5 !important;
59 | }
60 |
61 | &[data-bvi-lineheight='average']:not(.bvi-no-styles) {
62 | line-height: 2 !important;
63 | }
64 |
65 | &[data-bvi-lineheight='big']:not(.bvi-no-styles) {
66 | line-height: 2.5 !important;
67 | }
68 |
69 | &[data-bvi-letterspacing='normal']:not(.bvi-no-styles) {
70 | letter-spacing: 0 !important;
71 | }
72 |
73 | &[data-bvi-letterspacing='average']:not(.bvi-no-styles) {
74 | letter-spacing: 2px !important;
75 | }
76 |
77 | &[data-bvi-letterspacing='big']:not(.bvi-no-styles) {
78 | letter-spacing: 4px !important;
79 | }
80 |
81 | &[data-bvi-fontfamily='arial']:not(i):not(span):not(.bvi-no-styles) {
82 | font-family: Arial, sans-serif !important;
83 | }
84 |
85 | &[data-bvi-fontfamily='times']:not(i):not(span):not(.bvi-no-styles) {
86 | font-family: "Times New roman", serif !important;
87 | }
88 |
89 | &[data-bvi-builtelements='true']:not(.bvi-no-styles) {
90 | .wp-audio-shortcode,
91 | iframe,
92 | object,
93 | video,
94 | ymaps,
95 | figure {
96 | display: block !important;
97 | }
98 | }
99 |
100 | &[data-bvi-builtelements='false']:not(.bvi-no-styles) {
101 | .wp-audio-shortcode,
102 | iframe,
103 | object,
104 | video,
105 | ymaps,
106 | figure {
107 | display: none !important;
108 | }
109 | }
110 |
111 | .bvi-speech {
112 | margin-bottom: 1.5rem;
113 |
114 | .bvi-speech-link {
115 | display: inline-block;
116 | border: 1px dashed transparent;
117 | border-bottom: 0;
118 | padding: .7rem;
119 | }
120 |
121 | .bvi-speech-text {
122 | border: 1px dashed transparent;
123 | padding: .7rem;
124 | }
125 |
126 | .bvi-highlighting {
127 | mark {
128 | font-weight: bold;
129 | text-decoration: underline;
130 | }
131 | }
132 | }
133 |
134 | a {
135 | &.bvi-link {
136 | display: inline-block;
137 | font-weight: 400;
138 | line-height: 1.5;
139 | font-size: 0.875rem !important;
140 | color: #212529 !important;
141 | text-align: center;
142 | text-decoration: none;
143 | vertical-align: middle;
144 | cursor: pointer;
145 | -webkit-user-select: none;
146 | -moz-user-select: none;
147 | user-select: none;
148 | background-color: #e0e0e0 !important;
149 | border: 1px solid #c6c6c6 !important;
150 | padding: .375rem .75rem;
151 | border-radius: .25rem;
152 | position: relative;
153 | transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
154 |
155 | &::after {
156 | position: absolute;
157 | top: 0;
158 | right: 0;
159 | bottom: 0;
160 | left: 0;
161 | z-index: 1;
162 | content: "";
163 | }
164 | }
165 | }
166 |
167 | .bvi-link-fixed-top {
168 | position: fixed !important;
169 | top: 2.5rem !important;
170 | right: 1.5rem !important;
171 | z-index: 999999 !important;
172 | }
173 |
174 | .bvi-hide {
175 | display: none !important;
176 | }
177 |
178 | .bvi-show {
179 | display: block !important;
180 | }
181 | }
182 | }
183 |
--------------------------------------------------------------------------------
/src/scss/_images.scss:
--------------------------------------------------------------------------------
1 | .bvi-images {
2 | width: 18px;
3 | height: 18px;
4 | letter-spacing: normal;
5 | display: inline-block;
6 | vertical-align: middle;
7 | z-index: 1;
8 | background-size: 100% 100%;
9 | -o-background-size: 100% 100%;
10 | -webkit-background-size: 100% 100%;
11 |
12 | &.bvi-images-cog {
13 | background-image: url("../img/cog.svg");
14 | background-repeat: no-repeat;
15 | }
16 |
17 | &.bvi-images-eye-slash {
18 | background-image: url("../img/eye-slash.svg");
19 | background-repeat: no-repeat;
20 | }
21 |
22 | &.bvi-images-volume-up {
23 | background-image: url("../img/volume-up.svg");
24 | background-repeat: no-repeat;
25 | }
26 |
27 | &.bvi-images-volume-off {
28 | background-image: url("../img/volume-off.svg");
29 | background-repeat: no-repeat;
30 | }
31 |
32 | &.bvi-images-adjust {
33 | background-image: url("../img/adjust.svg");
34 | background-repeat: no-repeat;
35 | }
36 |
37 | &.bvi-images-minus-circle {
38 | background-image: url("../img/minus-circle.svg");
39 | background-repeat: no-repeat;
40 | }
41 |
42 | &.bvi-images-image {
43 | background-image: url("../img/image.svg");
44 | background-repeat: no-repeat;
45 | }
46 |
47 | &.bvi-images-minus {
48 | background-image: url("../img/minus.svg");
49 | background-repeat: no-repeat;
50 | }
51 |
52 | &.bvi-images-eye {
53 | background-image: url("../img/eye.svg");
54 | background-repeat: no-repeat;
55 | fill: green;
56 | }
57 |
58 | &.bvi-images-size-32 {
59 | width: 32px !important;
60 | height: 32px !important;
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/src/scss/_panel.scss:
--------------------------------------------------------------------------------
1 | html {
2 | &:not(.bvi-panel) {
3 | font-size: 100%;
4 |
5 | *,
6 | ::after,
7 | ::before {
8 | box-sizing: border-box;
9 | }
10 | }
11 |
12 | body {
13 | .bvi-panel {
14 | font-family: Arial, serif !important;
15 | font-size: 1rem !important;
16 | padding: .5rem;
17 | color: black;
18 | top: 0;
19 | left: 0;
20 | right: 0;
21 | letter-spacing: 0;
22 | position: relative;
23 | text-shadow: none;
24 | line-height: normal;
25 | border: 0;
26 | margin-bottom: .3rem;
27 | background-color: #f7f7f7;
28 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
29 | z-index: 999999 !important;
30 |
31 | * {
32 | font-family: Arial, serif !important;
33 | font-size: 1rem !important;
34 | }
35 |
36 | &.bvi-fixed-top {
37 | position: fixed;
38 | top: 0;
39 | right: 0;
40 | left: 0;
41 | z-index: 999999;
42 | }
43 |
44 | &.bvi-panel-hide {
45 | display: none;
46 | }
47 |
48 | a {
49 | color: black !important;
50 | outline: 0 !important;
51 | background-color: transparent !important;
52 | text-decoration: none !important;
53 |
54 | &:hover,
55 | &:focus {
56 | color: black !important;
57 | outline: 0 !important;
58 | background-color: transparent !important;
59 | text-decoration: none !important;
60 | }
61 |
62 | &.bvi-link {
63 | display: inline-block;
64 | line-height: 1.5;
65 | font-size: 0.875rem !important;
66 | color: #212529 !important;
67 | text-align: center;
68 | text-decoration: none;
69 | vertical-align: middle;
70 | cursor: pointer;
71 | -webkit-user-select: none;
72 | -moz-user-select: none;
73 | user-select: none;
74 | background-color: #e0e0e0 !important;
75 | border: 1px solid #c6c6c6 !important;
76 | padding: .375rem .75rem;
77 | border-radius: .25rem;
78 | position: relative;
79 | font-weight: bold;
80 | transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
81 |
82 | &::after {
83 | position: absolute;
84 | top: 0;
85 | right: 0;
86 | bottom: 0;
87 | left: 0;
88 | z-index: 1;
89 | content: "";
90 | }
91 |
92 | &:hover,
93 | &:focus {
94 | background-color: $link-hover !important;
95 | }
96 |
97 | &.active {
98 | color: $link-active-color !important;
99 | background-color: $link-active-bg !important;
100 | }
101 |
102 | &.bvi-theme-white {
103 | background-color: $theme-bg-white !important;
104 | color: $theme-color-white !important;
105 | }
106 |
107 | &.bvi-theme-black {
108 | background-color: $theme-bg-black !important;
109 | color: $theme-color-black !important;
110 | }
111 |
112 | &.bvi-theme-blue {
113 | background-color: $theme-bg-blue !important;
114 | color: $theme-color-blue !important;
115 | }
116 |
117 | &.bvi-theme-brown {
118 | background-color: $theme-bg-brown !important;
119 | color: $theme-color-brown !important;
120 | }
121 |
122 | &.bvi-theme-green {
123 | background-color: $theme-bg-green !important;
124 | color: $theme-color-green !important;
125 | }
126 | }
127 | }
128 |
129 | .bvi-blocks {
130 | margin: 0 auto;
131 | text-align: center;
132 | display: flex;
133 | flex-flow: row wrap;
134 |
135 | &.bvi-block-start {
136 | justify-content: flex-start;
137 | }
138 |
139 | &.bvi-block-center {
140 | justify-content: center;
141 | }
142 |
143 | &.bvi-block-end {
144 | justify-content: flex-end;
145 | }
146 | }
147 |
148 | .bvi-block {
149 | padding: .688rem .938rem;
150 |
151 | .bvi-block-title {
152 | text-align: center;
153 | font-weight: 600 !important;
154 | font-size: 1rem !important;
155 | display: block;
156 | margin-bottom: .8rem;
157 | }
158 | }
159 |
160 | .bvi-modal {
161 | position: fixed;
162 | top: 0;
163 | left: 0;
164 | width: 100%;
165 | height: 100%;
166 | overflow-x: hidden;
167 | overflow-y: auto;
168 | visibility: hidden;
169 | z-index: 1050;
170 | outline: 0;
171 | opacity: 0;
172 | background: rgba(0, 0, 0, 0.5);
173 | -webkit-transition: opacity 200ms ease-in;
174 | -moz-transition: opacity 200ms ease-in;
175 | transition: opacity 200ms ease-in;
176 |
177 | &.show {
178 | visibility: visible;
179 | opacity: 1;
180 | }
181 |
182 | .bvi-modal-dialog {
183 | max-width: 500px;
184 | margin: 1.75rem auto;
185 | display: flex;
186 | align-items: center;
187 | height: calc(100% - 3.5rem);
188 | pointer-events: none;
189 | }
190 |
191 | .bvi-modal-content {
192 | position: relative;
193 | display: flex;
194 | flex-direction: column;
195 | width: 100%;
196 | pointer-events: auto;
197 | background-color: #fff;
198 | background-clip: padding-box;
199 | border: 1px solid rgba(0, 0, 0, .2);
200 | border-radius: .3rem;
201 | outline: 0;
202 | max-height: 100%;
203 | overflow: hidden;
204 | }
205 |
206 | .bvi-modal-header {
207 | display: flex;
208 | flex-shrink: 0;
209 | align-items: center;
210 | justify-content: space-between;
211 | padding: .8rem .8rem;
212 | border-bottom: 1px solid #dee2e6;
213 | border-top-left-radius: calc(.3rem - 1px);
214 | border-top-right-radius: calc(.3rem - 1px);
215 | }
216 |
217 | .bvi-modal-title {
218 | margin-top: 0;
219 | margin-bottom: 0;
220 | line-height: 1.5;
221 | font-size: 1.25rem;
222 | font-weight: 600;
223 | color: black;
224 | }
225 |
226 | .bvi-modal-body {
227 | position: relative;
228 | flex: 1 1 auto;
229 | padding: 1rem;
230 | overflow-y: auto;
231 |
232 | &::-webkit-scrollbar {
233 | width: .5rem;
234 | background-color: transparent;
235 | opacity: 0;
236 | }
237 |
238 | &::-webkit-scrollbar-thumb {
239 | background-color: #dee2e6;
240 | border-radius: .25rem;
241 | }
242 | }
243 |
244 | .bvi-modal-footer {
245 | display: flex;
246 | flex-wrap: wrap;
247 | flex-shrink: 0;
248 | align-items: center;
249 | justify-content: flex-end;
250 | padding: .8rem .8rem;
251 | border-top: 1px solid #dee2e6;
252 | border-bottom-right-radius: calc(.3rem - 1px);
253 | border-bottom-left-radius: calc(.3rem - 1px);
254 | }
255 |
256 | .bvi-modal-close {
257 | float: right;
258 | font-size: 1.2rem !important;
259 | font-weight: 700;
260 | line-height: 1;
261 | text-shadow: 0 1px 0 #fff;
262 | opacity: .5;
263 |
264 | &:focus,
265 | &:hover {
266 | cursor: pointer;
267 | opacity: .75;
268 | }
269 | }
270 | }
271 | }
272 | }
273 | }
274 |
--------------------------------------------------------------------------------
/src/scss/_variables.scss:
--------------------------------------------------------------------------------
1 | // Variables
2 |
3 | // Panel
4 | $panel-color: #212529 !default;
5 | $panel-bg: #F5F5F5 !default;
6 |
7 | // Theme
8 | $theme-color-white: #000000;
9 | $theme-color-black: #ffffff;
10 | $theme-color-blue: #063462;
11 | $theme-color-brown: #4D4B43;
12 | $theme-color-green: #A9E44D;
13 | $theme-bg-white: #ffffff !default;
14 | $theme-bg-black: #000000 !default;
15 | $theme-bg-blue: #9DD1FF !default;
16 | $theme-bg-brown: #F7F3D6 !default;
17 | $theme-bg-green: #3B2716 !default;
18 |
19 | // Buttons
20 | $link-color: $panel-color !default;
21 | $link-bg: #f7f7f7 !default;
22 | $link-hover: #b6b6b6 !default;
23 | $link-border-color: #ADADAD !default;
24 | $link-active-color: $link-color !default;
25 | $link-active-bg: #b6b6b6 !default;
26 |
--------------------------------------------------------------------------------
/src/scss/bvi.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Button visually impaired v1.0.0 (https://bvi.isvek.ru/)
3 | * Copyright 2014-2021
509 |
514 |
522 |
534 |
543 |
556 |
544 |
555 | ${this._i18n.t('settings')}
545 |
546 |
547 |
548 |
549 | ${this._i18n.t('regularVersionOfTheSite')}
550 |
551 |
552 |
553 |
554 |
557 |
598 |
558 |
596 |
597 |
13 |
79 |
86 |
87 |
88 |
94 |
95 |
96 |
--------------------------------------------------------------------------------
14 |
24 |
15 |
16 |
17 | Button visually impaired
18 |19 | Button visually impaired — это плагин, который автоматически изменяет версию вашего сайта для слабовидящих людей. 20 | Панель на сайте для слабовидящих дает возможность изменять цветовую гамму сайта, размеры шрифтов, синтезатор речи озвучит вслух изменения настроек. 21 | С помощью неё можно изменять функции сайта, которые удовлетворят потребностями людей с ограниченными возможностями. 22 |
23 |
25 |
29 |
26 |
27 |
28 |
30 |
78 |
31 |
77 |
32 | Александр Сергеевич Пушкин родился 6 июня 1799 года (по старому стилю 26 мая) в Москве в дворянской помещичьей семье (отец его был майор в отставке) в день праздника Вознесения. В тот же день у императора Павла родилась внучка, в честь которой во всех церквах шли молебны и гудели колокола. Так, по случайному совпадению день рождения
33 | русского
34 | гения был ознаменован всеобщим народным ликованием. Символично и место рождения поэта г. Москва — самое сердце русской жизни, России. Будущего поэта крестили 8 июня в церкви Богоявления в Елохове.
35 |
36 | Отец Пушкина Сергей Львович и мать Надежда Осиповна, урожденная Ганнибал, были дальними родственниками. Пылкие страсти, руководившие предками как по отцовской, так и по материнской линии, оказали свое влияние и на Пушкина. Семья (кроме Александра были еще дети Ольга и Лев) принадлежала к самой образованной части московского общества.
37 |
38 | В их доме, точнее, в квартире, которую снимали родители Пушкина, собирались поэты, художники, музыканты. Общая галломания, господствовавшая в обществе, французское воспитание в семье с французами гувернерами (к счастью, их удачно уравновешивали бабушка поэта Мария Алексеевна и знаменитая няня Арина Родионовна), доступ к прекрасным
39 | библиотекам
40 | отца, а также дяди поэта В. Л. Пушкина и дальних родственников Бутурлиных — формировали ум и детскую душу Пушкина. Свои первые в жизни стихи поэт написал по-французски. Его прозвище в Лицее было «француз».
41 | Из этого выпуска трое друзей поэта стали участниками восстания против царя 14 декабря 1825 г.
42 |
43 | В 1815 г. Пушкин с триумфом прочел на экзамене свое стихотворение «Воспоминание в Царском Селе» в присутствии знаменитого поэта Г. Р. Державина: «Старик Державин нас заметил и, в гроб сходя, благословил». На выпускном акте в 1817 г. Пушкин также прочел собственное стихотворение «Безверие».
44 |
45 | Вскоре Пушкин переехал в Петербург и поступил в коллегию иностранных дел в чине коллежского секретаря. Общение его очень широкое: гусары, поэты, литературные общества «Арзамас» и «Зеленая лампа», театры, модные рестораны, дуэли – «слава Богу, не смертоносные», как сообщала Е. А. Карамзина своему брату Вяземскому. Но Пушкин не растворялся в
46 | этой пестроте, он искал себя.
47 |
48 | Сразу после окончания Лицея в 1817 г., а затем в 1819 г. после тяжелой болезни Пушкин приезжал в имение матери с. Михайловское Псковской губернии. В первые годы по окончании Лицея им были написаны стихотворения «Деревня», «Домовому», «Чаадаеву», ода «Вольность», поэма «Руслан и Людмила».
49 |
50 |
51 |
65 | 
58 | 
66 |
76 |
67 | В 12 лет, получив начатки домашнего воспитания, Александр был отвезен учиться в новое, только что открывшееся 19 октября 1811 г. учебное заведение — Царскосельский Лицей под Петербургом, место, где располагалась летняя резиденция русских царей.
68 |
69 | Программа занятий в Лицее была обширной, но не столь глубоко продуманной. Воспитанники, однако, предназначались к высокой государственной карьере и имели права окончивших высшее учебное заведение.
70 |
71 | Немногочисленность учащихся (29 чел.), молодость ряда профессоров, гуманный характер их педагогических идей, ориентированный, по крайней мере, у лучшей части их, — на внимание и уважение к личности учеников, отсутствие телесных наказаний, дух чести и товарищества — все это создавало особую атмосферу. Пушкин сохранил лицейскую дружбу и
72 | культ
73 | Лицея на всю жизнь. Лицеисты выпускали рукописные журналы и уделяли много внимания собственному литературному творчеству. «Начал я писать с 13-летнего возраста и печатать почти с того же времени», — вспоминал Пушкин впоследствии.
74 |
75 |