Записки Белого Пингвина

Отключения подсветки на клавиатуре Smartbuy sbk-333u-wk | xubuntu

2022-12-18T16:13:00.001+03:00

Попался такой агрегат, клава Smartbuy sbk-333u-wk, на которой есть подсветка... но она привязана к клавишам переключения языка. Получается на анг. светится, а на ру. выключается. Мне эта тема не очень понравилась, и я решил её полностью отключить. Первый вечер не дал результатов, а вот второй, решил вопрос... 😄

И так, что я делал для отключения подсветки: Заходим в Настройки клавиатуры\ Комбинация клавиш и жмём +Добавить...

Всплывающем окне, прописываем следующее:

xset led 3

жмём ОК

и далее выбираем клавишу для действия... в моём случае Scroll Lock Эта команда отключит подсветку, а если надо включить, делаем всё тоже самое, только прописываем

xset -led 3

и выбираем другую клавишу... у меня это Insert Эти все манипуляции, проделаны на Xubuntu 20.04... по обзорам смотрел, на винде всё работает из коробки. Ну, а я прощаюсь не на долго... До скорого!!! 😁✌

Немного про GIMP

2022-07-31T16:02:00.005+03:00

Сделаю себе заметку, чтобы потом долго не искать...
Хотел подправить внешний вид у GIMP, который установлен через flatpak, нашёл папку с темами только с помощью Яши...😄

В общем, папка лежит здесь

/var/lib/flatpak/app/org.gimp.GIMP/

На этом всё, коротко и по теме...😄 До скорых встреч!😁✌

Делаем поиск Яндекса в браузере FireFox по умолчанию

2022-07-17T13:47:00.002+03:00

Сегодня коротко о главном...😄 Многие пользователи огненного лиса уже заметили, что пропал поиск от Яндекса... вот сейчас, будем его возвращать. Заходим на главную страницу Яндекса, кликаем в адресной строке правой кнопкой мышки и в выпадающем меню, жмем Добавить „Яндекс"...

Ну а теперь заходим в Настройки / Поиск и выбираем по умолчанию, в качестве поисковика Яндекс, который опять появился в меню...

Вот такими простыми действиями, вернули Яше место под солнцем...😄

Если не обновляется Chrome в Xubuntu

2022-07-13T12:07:00.002+03:00

Часто встречается у меня такая проблема.... Хром пишет в верхнем правом углу, что нужно обновить хром, но при попытке обновить, пишет - у вас установлена свежая версия.... Вот я и решил, зафиксировать это решение на страницах блога, чтобы потом долго не искать... 😋

И так. переходим в терминал и выполняем следующие команды:

wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add -

echo 'deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main' | sudo tee /etc/apt/sources.list.d/google-chrome.list

sudo apt update

sudo apt install google-chrome-stable

Далее перезагружаем хром и пользуемся обновлённой версией...

С Новым 2022 Годом!!!...

2022-01-01T19:26:00.010+03:00

Форум на движке PHPBB

2021-09-29T10:43:00.003+03:00

Привет! Встречайте новый форум для Пингвина на базе PHPBB3.

Решил создать специально под вордпрессовского Пингвина, раз уж сделал гостевую книгу, то пусть и форум свой будет…😄

Разделы и темы всё те же: Linux, HTML, WordPress, Blogger.

Наполнение и ведение форума… тут как фишка ляжет. С обратной связью от читателей, куда всё быстрей будет, а так на сколько хватит…😄

Создавался форум (как и всё, что я делаю) ради познания… создать, потрогать, поковырять…😋 О каких то глобальных планах мыслей не было, но если завертится, то я буду только рад.

Так что, заходите, смотрите, регистрируйтесь, вступайте в дискуссии, одним словом WELCOME! 🙋👋

WHITEPINGVIN PRO

#ВсемЛюбвиПроцветания!

Один Пингвин, два сайта...

2021-06-27T22:32:00.003+03:00

Привет, Друзья!
Давно уже хотел и вроде где то писал, что хочу перейти с Blogger на Wordpress. Так вот, я это сделал...😄
Перенёс все записи и комменты на ВордПресс плагином Blogger Importer. Правда, он давно не обновлялся, но всё нормально телепортировалось.😄
Для этого заходим в Инструменты, выбираем Импорт и Blogger. Далее Установить/Запустить Импорт и загружаете xml файл резервной копии сделанной в Blogger.
Описывать подробный процесс не стану и так много материала в сети по этому вопросу, эт то что помню...

Так вот, сама идея перехода не несла полного отказа от блоггер, а только желание поэкспериментировать с адресами. Если не ставить переадресацию в консоли блоггера, то https://whitepingvin.ru получается независимый адрес, который можно использовать под любые нужды. А так как я не придумал ничего интересного, то решил просто продублировать Пингвина... 😋

Теперь Записки Белого Пингвина есть и на блоггере и на вордпрессе. С одной лишь разницей в адресе: https://www.whitepingvin.ru (это blogger), а https://whitepingvin.ru (это wordpress)

Короче, ничего оригинального не придумал, а написать что-то в блог хотелось...😄
Надеюсь следующие посты будут более интересны...

#ВсемИнсайтов!

Перезагрузка

2021-03-23T23:20:00.009+03:00

Всем Огромный ПрЮвет! Я снова с вами! 😃

Опубликовал не так уж давно, такой пост (читать ниже) на сайте https://dev.suver.ru. Но как всегда, пошло всё не так как планировал и теперь публикую его здесь, как начало перемен. Надеюсь со временем каша в голове устаканиться и всё придёт в нормальное русло, ну а пока такой винегрет...😉
После прочтения, просьба оставить комментарий о том, что Вы думаете по этому поводу.

Привет, мой Друг!

Начиная свой путь в веб-разработке, решил завести специально блог, где буду делиться своими знаниями, по мере их приобретения. 😌

Скажу честно, это моя вторая попытка создания блога, но начну сначала...
У меня есть домен whitepingvin.ru и завёл я на нём блог, где публиковал материалы о Линукс и платформе Blogger.com. Но так случилось, что забросил его, а тут решил освоить вёрстку и перейти на фриланс...
Подумал, а может пингвина прикрутить к блогу и начать заново? Так и сделал...😃
А вот ещё раньше, когда я только хотел купить домен и выбирал имя для него. Пробовал разные варианты, но хотелось домен с именем suver.ru (думаю понятно почему), который был уже занят и тогда пришлось выбрать то, что выбрал.
Самое интересное, что домен suver.ru, продавала потом не мало известная компания доменных имён, аж за пять тысяч рублей! Что мне показалось ну уж очень дорого...
В итоге. Я подал заявку на выкуп домена за 150 рублей, на сайте backorder.ru c 15% результатом и никаких гарантий и забыл про это. И вот не давно, приходит мне письмо на емайл, что домен успешно активирован на моё имя. Я прям не поверил сразу, а точнее и не понял даже, что за домен, когда, где, как... пока не перешёл по ссылке.

Ну вот, сбылась ещё одна мечта...😆 (первая, это электрогитара)
Теперь возник вопрос, как этот домен использовать?... Долго не думал, решил, что раз так фартануло, а тут ещё новая тема есть куда расти и чем наполнять блог, то начну можно сказать с нуля. Для пущего перевоплощения, купил новую симку, завёл новую почту и аккаунт в ВК и решил "заморозить" на время, всё что связывает меня с тем виртуальным миром, в котором до этого момента варился. Оставил только хостинг и биржу фриланса Kwork.

И вот он я перед вами. Полон надежд и оптимизма, правда пока ещё не знающий, что делать дальше...😆 Но буду разбираться...
Блог запустил, начну делать портфолио, попутно размещать кворки на бирже и практиковаться на ютубе и разных курсах по тематике фронтенда.
Так, что присоединяйтесь, будет интересно...✌😉

Всем спасибо кто дочитал до конца...✌
Короче идея о новом сайте мягко сказать провалилась. Решил всё же продолжить Пингвина, и не плодить кучу сайтов. Для suver.ru решил отвести тему - Самопознания, пробуждения, не знаю, что ещё из этого получиться... Но тем не менее первая новость такая...😆

Ладненько, буду дальше думать, как плавно всё перекинуть с dev.suver.ru

Установка и настройка МФУ canon pixma MG2540s на Xubuntu

2020-09-11T23:16:00.004+03:00

Качаем:

драйвер для принтера MG2500 (MG2540s) для Linux Ubuntu x32 и x64;
драйвера для сканера MG2500 (MG2540s) ScanGear MP для Linux Ubuntu x32 и x64.

или архивом с Гугл Диска:

драйвера для МФУ MG2500 (MG2540s)

Добавляем в контекстное меню функцию "Печать"

0. Устанавливаете пакет aptitude:

sudo apt-get install aptitude

1. Устанавливаете пакет gtklp:

sudo aptitude install gtklp

2. В файловом менеджере Thunar открываете "Правка" - "Настроить особые действия";

3. Нажимаете на "Добавить особое действие", в появившейся форме заполняете поля:

Во вкладке "Основное" -

Имя: Печать...
Описание: Распечатать выбранный документ
Команда: gtklp %F
Значок: "Все значки" - printer

Во вкладке "Условия появления" -

Шаблон имени файла *
Условие появления Отметить "Текстовые файлы", "Изображения"

Закрыть окно, можно пользоваться. Настройка принтера в системе должна быть произведена до выполнения вышеуказанных операций.

GIMP - настройка печати:

Если в GIMP нет печати и не отображается принтер, необходимо добавить поддержку CUPS пакету SNAP.

sudo snap connect gimp:cups-control

Заправка картриджей

Инструкция по заправке картриджей для принтера Canon PIXMA-MG2540

Материал был взят с сайта: https://www.theprint.ru/articles/refill-ink-printer-canon/mg2540

Заправка принтера Canon PIXMA-MG2540

Рисунок 1

Canon PIXMA-MG2540 относится к бюджетному классу принтера и МФУ, со встроенными печатающими головками (далее ПГ) в картридже. Одним из способов не тратить лишние деньги, является заправка картриджей Canon MG2540 в домашних условиях.

В принтере находятся два картриджа, черный и цветной картриджи Canon PG-445 и CL-446. На их примере мы покажем как заправить принтер Canon PIXMA-MG2540 самостоятельно. Для успешного результата заправки, необходимо убедиться в работоспособности картриджей.

Самые распространенные проблемы, это засохла печатающая головка или вышла из строя электроника. В первом случае, надо прочистить ПГ специальной промывочной жидкостью, а во втором случае нужно покупать новый.

Заправка картриджа Canon MG2540 своими руками не сложный процесс, ниже мы покажем как это возможно сделать. В черном картридже нужно вставлять иглу в единственное отверстие. В цветном расположение цветов в картридже можете посмотреть ниже, так же если сделать на листе отпечаток, то цвет посередине отпечатка всегда находится вверху, а цвета слева и права отпечатка находятся соответственно отпечатка. (Рисунок 2)

Расположение цветов в черном картридже Canon PIXMA-MG2540

Рисунок 2

Приступаем к заправке картриджей Canon MG2540, набираем в шприцы краску, лучше взять 4 шприца и заправить их чернилами (Black, Magenta, Yellow, Cyan), можно использовать инсулиновые 1 мл. или как в нашем случае 10-20 мл. шприцы.

Аккуратно снимаем сверху наклейки, если ранее этого не сделали.
Если Вы используете инсулиновые шприцы, то игла может пролезть в заводское отверстие для заправки, если используете другие, то необходимо 4-мм. сверлом или канцелярским ножом расширить отверстие.

Вставляем иглу шприца внутрь заправочного отверстия. Вводить глубоко не нужно, достаточно 10-15 мм. (Рисунок 3)

Медленно вводите чернила до тех пор, пока чернила не появится в заправочном отверстии, нужно примерно 8 мл. для черного и 9 мл. (по 3 мл. в каждый цвет) для цветного, далее излишние чернила откачать обратно в шприц, всегда лучше не долить чернила, чем перелить. (Рисунок 3.)

Заправляем все цвета и очищаем сухой салфеткой поверхности от чернил.
Наклейте этикетки на место (При необходимости возможно использовать скотч).
Делаем отпечаток печатающих головок на листе, они должны быть четкими. (Рисунок 2.)
Устанавливаем заправленные картриджи в принтер, делаем прочистку ПГ.

Рисунок 3

ВАЖНО!

Обратите внимание на контакты (Рисунок 4), они должны быть сухие, если Вы установите в принтер расходный материал с мокрыми контактами, у Вас сгорит электроника.

Рисунок 4

Если Вы заправляете первый раз, то нужно отменить слежение за расходными материалами, для этого нажмите и удерживайте кнопку "Отмена" (Красный крестик или треугольник) на принтере в течение 15 секунд. После отмены слежения, у Вас печатающее устройство будет сигнализировать что чернила закончились, но печатать будет.

С Новым 2020 Годом!!!

2019-12-30T17:40:00.000+03:00

Поздравляю Всех, с 2020 годом! Желаю крепкого здоровья, успехов и творческих открытий!!!

P.S. После определённых событий в августе этого года, я как то отошёл от ведения блога... но зато, стал рисовать 😃. Когда теперь вернусь к блогу не знаю, может когда нибудь захочется сделать ре-дизайн для него, или добавить новые темы... посмотрим, надежда на продолжение осталась😋

Обзор премиум-хостинга Offerhost

2019-10-28T19:27:00.001+03:00

Сегодня я бы хотел поговорить про такой важный момент как расположение ваших сайтов на серверах. Выбрать хороший хостинг – это половина успеха, ведь в этом случае любой посетитель из любой точки мира будет иметь стабильный доступ к вашему ресурсу.

Итак, сегодня предметом нашего обзора будет Offerhost.ru. Создатели позиционируют его как премиум-хостинг. Так ли это на самом деле? Насколько он соответствует запросам пользователей?

Регистрация на offerhost.ru

Основные преимущества хостинга

Надо сказать, что хостинг этот появился не так давно, и его разработчики - специалисты компании Freedom Technology Management, приложили немало усилий, чтобы он стал пользоваться популярностью.

Подкупает, прежде всего, то, что по таким параметрам как:

срок бесплатного периода;
быстродействие;
надежность.

этот хостинг входит в ТОП лучших.

К преимуществам можно также отнести такие критерии:

1. Гарантированная экономия средств

Если у Вас уже есть активно функционирующие сайты, можно перенести их на сервера Offerhost абсолютно бесплатно.

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

Start – вы можете создать 100 профессиональных одностраничных сайтов за 19 руб. в месяц.
Lite - реальная возможность получить 500 МВ дискового пространства, создать 5 профессиональных сайта всего за 49 руб. в месяц.
PRO - обеспечит вам получение 15 сайтов, 1500 МВ на сервере. Цена - 149 руб/мес;
VIP - оптимальный выбор для человека, стремящегося построить успешный бизнес в сети. Заплатив 299 руб. за месячное пользование услугами хостинга, вы получите 3000 МВ пространства и целых 30 бесперебойно функционирующих сайтов:
Super - тариф для настоящих профи. За 599 руб/мес можно получить 100 сайтов, ориентированных на Ваши потребности, плюс 10 тыс. МВ дискового пространства.

Постоянным клиентам доступны выгодные акционные предложения.

Регистрация на offerhost.ru

Дополнительный источник экономии - предоставляемая клиентам хостинг-оператора возможность покупки самых доступных доменных имён, расположенных в популярных зонах .ru, а также .рф. Так, например, цена покупки домена в зоне ru - 175 рублей.

Дальновидный пользователь обязательно оценит то, что цена продления 250 рублей, между тем, как у многих других провайдеров цена стартует от 400 рублей. Таким образом, цена пользования хостингом за два года составит всего 425 рублей!

Не менее интересна возможность участия в конкурсах. Достаточно вступить в специально созданную группу ВКонтакте, поделиться репостом записи-участника конкурса с друзьями - и выиграть денежный приз, годовое подключение к премиум-хостингу или др.

2. Лёгкое создание собственных интернет-проектов

Создать свой сайт могут даже те пользователи, у которых нет никаких навыков программирования. Абсолютно бесплатные современные программы-конструкторы позволяют решить эту задачу в самые сжатые сроки.

3. Возможность получения новых знаний

Ознакомившись с обучающим курсом "Личный блог на WordPress за 1 час", Вы сможете создать собственный информационный блог, настроить его в соответствии со своими потребностями.

На сайте Offerhost регулярно публикуют новые видеоуроки, позволяющие пользователям разобраться со всеми нюансами использования данного хостинга. Еженедельно специалисты проводят бесплатные курсы и вебинары, во время которых участники могут задать интересующие их вопросы, получить исчерпывающие ответы. Таким образом, приобретя хостинг, Вы не останетесь один на один со своими проблемами. Опытная команда специалистов проинструктирует вас по любому возникшему вопросу.

4. Возможность быстрого решения любой проблемы, в круглосуточном режиме

Для качественного обслуживания клиентов на хостинге имеется своя служба поддержки. Связаться со специалистами-программистами можно любым удобным для Вас способом: через электронную почту, по Skype или же в онлайн-чате, открывающемся при переходе на главную страницу проекта.

5. Возможность дополнительного заработка на партнёрской программе

Выбрав Offerhost, вы получаете реферальную ссылку. Её можно опубликовать на своём любом сайте, блоге. Каждый клиент, перешедший по этой ссылке и прошедший процедуру регистрации, автоматически вносится в список ваших рефералов. Как результат - Вы можете получать до 25% отчислений с любых платежей, осуществлённых этим клиентом!

6. Клиентоориентированность.

Создатели хостинга не останавливаются на достигнутом, постоянно совершенствуя свой продукт. Каждый пользователь может оставить свои пожелания и комментарии, которые будут учтены.

Итак, а теперь ложка дегтя!

Недостатки хостинга

Т.к. сервис довольно новый, пока он еще не может похвастаться супер стабильной работой, перебои все-таки случаются. Однако, судя по отзывам пользователей, специалисты быстро устраняют проблему.

Итак, быть или не быть?

Проведя подробный анализ, напрашивается вывод, все-таки минусы хостинга минимальны, по сравнению с теми преимуществами, которые получает пользователь.

Изучая детально детище компании Freedom Technology Management, создается впечатление, что:

проект довольно перспективный;
его создатели не ставят цель – «срубить денег побольше», а ориентированы на потребности клиента, за что большой плюс им в карму;
технические проблемы решаются быстро, что позволяет судить о том, что специалисты делают все возможное, чтобы «заработать положительную репутацию»;
отзывы пользователей свидетельствуют о том, что, в целом, они довольны качеством предоставляемых услуг и у них нет серьезных нареканий к надежности и стабильности хостинга.

Тем, кто решил выбрать именно этот хостинг, нужно всего лишь зарегистрироваться

Регистрация на offerhost.ru

Устанавливаем менеджер закачки JDownloader 2 в Xubuntu

2019-10-09T04:04:00.004+03:00

Менеджер закачки JDownloader 2

Часто приходиться качать разного рода видео и архивы с таких ресурсов как mail ru, youtube, vk. Некоторые из них, не особо делятся ссылками на файлы, тут на помощь ~~приходят Они~~ приходит JDownloader. 😁

Кроме описанных выше площадок, поддерживает множество файлообменников, имеется докачка при обрыве соединения и автоматическое переподключение к интернету для смены ip в случае, если сайты устанавливают задержку между скачиваниями файлов.

Установку можно произвести двумя способами.

Первый способ:
Скачиваем установщик с официального сайта здесь в папку Загрузки. Открываем терминал и выполняем следующие команды:

cd ~/Загрузки/

ls

chmod a+x ./JD2Setup_x64.sh

./JD2Setup_x64.sh

Если у вас 32-битная система соответственно x64.sh меняем на x86.sh
В конце установки, появится окно для оплаты, жмём кнопку "Skip".

Второй способ:
Также в терминале добавляем репозиторий и устанавливаем утилиту.

sudo add-apt-repository ppa:jd-team/jdownloader

sudo apt-get update

sudo apt-get install jdownloader

После установки загрузчика выполним установку приложения

sudo jdownloader

JDownloader2

На этом моё повествование подошло к концу. Не забывайте, заходите в гости 😃

#УспеховВам! 😃

Убираем связку ключей для Chrome в Linux

2019-10-07T10:22:00.000+03:00

Убираем связку ключей для Chrome

Недавно переустанавливал ОСь, захотелось взглянуть на обновления в Xubuntu 19.04, ну сейчас не об этом...😄
Как всегда, при запуске Хрома или Хромиума, вылетает окно связки ключей с вводом пароля, для разблокировки. Иногда получается при первом запуске, разблокировать с пустым паролем, правда не всегда у меня получается. Но всегда помогает редактирования десктопного файла Хрома.

Для этого в терминале прописываем следующею строку:

sudo mousepad /usr/share/applications/google-chrome.desktop

Команда в терминале

Ищем в файле строку:

Exec=/usr/bin/google-chrome-stable %U

или

Exec=/opt/google/chrome/google-chrome %U

дописываем

--password-store=basic %U

то есть должно получиться

Exec=/opt/google/chrome/google-chrome --password-store=basic %U

или

Exec=/usr/bin/google-chrome-stable --password-store=basic %U

Редактируем файл google-chrome.desktop

Такими простыми действиями, упрощаем использование браузера.

На сегодня это всё! До скорых встреч на страницах блога.

#ЗимаСкоро! 😉

Открыть ссылки в новой вкладке, через JavaScript

2019-08-02T02:41:00.014+03:00

Всем привет!!!
Давно я уже ничего не публиковал. Лето - всё таки не самое лучшее время для ведения блога. Очень много дел, что на блог практически нет времени, только почту проверить и на комменты ответить. Но завтра решил взять выходной, поэтому сегодня можно посидеть за компом подольше.

Мне всегда не хватала в стандартном меню на Blogger, одной маленькой функции...
а именно, открытия ссылок в новой вкладке. Например, поставишь в меню ссылку на сторонний ресурс (пусть даже свой) и хочется, чтобы она не уводила с блога, а возможности такой нет.
Раньше, как-то мирился с этим, но сегодня захотелось решить этот вопрос.
Ответ оказался довольна-таки прост, это использования JavaScript. Прописываешь пару строк скрипта и вопрос решён.

Приведу пример, вкладка в меню "Скачать Шаблоны/Темы":
Копируем адрес ссылки, добавляем новый гаджет HTML/JavaScript и вписывает следующий код

Теперь, все ссылки с этим адресом будут открываться в новой вкладке.
Как по мне, так это лучше, чем устанавливать стороннее меню, тем более, блоггеровское меня вполне, теперь устраивает. 😀

Есть ещё один скрипт, который может пригодиться для открытия ссылок в новых вкладках. Он хорошо подходит для большого числа ссылок, с одинаковыми идентификаторами ID или классами class, которые нужно открыть в новых вкладках.
Для эксперимента я использовал кнопку "Подробнее", на блоге "Шаблоны от WhitePingvin".
Код получился такой:

Для определения, использовался класс <div class="jump-link">.

Вот вроде бы и всё, что хотел сегодня рассказать. Не смотря на загруженность, постараюсь выходить на связь почаще. До скорых встреч!

#ПозвониСвоимБлизким!

Плеер для блога и сайта

2019-06-18T16:37:00.001+03:00

Не запланированный и даже неожиданный пост. Ещё с утра, даже не думал писать сегодня, но идея пришла и я не стал отказываться от неё.😄

Плеер на сайт

На этот раз коснёмся темы музыки, в частности плеера для сайта.
Недавно добавил в сайдбаре виджет Музыка под настроение, теперь решил поделиться тем, как это сделать.

HTML код, JS и CSS у меня были давно, но никак не мог понять, почему он не отображает кнопки плей и паузу, и нет полосы воспроизведения. Пока не узнал, что у меня не CSS, а SCSS файл и его надо компилировать в CSS. Когда я это сделал, то плеер обрёл свой истинный вид.😄
Вот так он выглядит:

Чтобы его пощупать проходим по ссылки Пощупать!

Сейчас будем разбирать, как его установить на сайте.
Сначала подготовим список песен в mp3 формате, хотя не суть, я добавил один OGG и он прекрасно воспроизводиться, так что можно экспериментировать. Сейчас с прямыми ссылками на mp3 и не только, вообще туго, поэтому если плейлист будет не большим, то можно загрузить любимые песни на тот же гугл-сайт и от туда брать ссылки.

Далее добавляем HTML код в нужном нам месте. Для сайдбара, подойдёт виджет HTML, для вставки на страницу или пост, нужно перевести в режим HTML соответствующей кнопкой в левом верхнем углу.

Далее заменяем ссылки в HTML коде на свои и меняем нумерацию и название песен.
Для примера: То что красным меняем!

<source src="https://archive.org/download/calexico2006-12-02..flac16/calexico2006-12-02d1t02.mp3" data-track-number="1" />
-------------------------
<div class="play-list-row" data-track-row="1">
<div class="small-toggle-btn">
<i class="small-play-btn"><span class="screen-reader-text">Small toggle button</span></i>
</div>
<div class="track-number">
1.
</div>
<div class="track-title">
<a class="playlist-track" href="#" data-play-track="1">Calexico - Across The Wire</a>
</div>

Весь HTML-код:

  
       
       
       
       
           
       
       
       
                                    
                                    
       Your browser does not support HTML5 audio.
      

      Large toggle button
    


    
00:00 /
          00:00
        


      


    Previous track button
      Next track button
    


  


      Small toggle button
      
1.
      
Calexico - Across The Wire
      
Small toggle button
      
2.
      
Ryan Adams & The Cardinals - Cold Roses
      
Small toggle button
      
3.
      
The Slackers - Married Girl
      
Small toggle button
      
4.
      
Blitzen Trapper - Saturday Night
      
Small toggle button
      
5.
      
The Samples - Feel Us Shaking
      
Small toggle button
      
6.
      
Mike Doughty - American Car
      
Small toggle button
      
7.
      
G. Love & Special Sauce - Dreamin'
      
Small toggle button
      
8.
      
Guster - Amsterdam
      
Small toggle button
      
9.
      
O.A.R. - About Mr. Brown
      
Small toggle button
      
10.
      
My Morning Jacket - Phone Went West
      
Music from the Live Music Archive

Копируем стили CSS и под уже вставленным кодом прописываем теги <style type="text/css">здесь всталяем стили CSS </style>

Стили CSS:

@import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css";
.screen-reader-text {
  /* Reusable, toolbox kind of class */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.disabled {
  color: #666;
  cursor: default;
}

.show {
  display: inline-block !important;
}

body {
  margin: 10px 0 0 0;
}
body .container {
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  margin: 0 auto;
  width: 500px;
}
body .container .player {
  height: 60px;
  margin: 0;
  position: relative;
  width: 400px;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */
  *zoom: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
  body .container .player {
    width: 470px;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  body .container .player {
    width: 470px;
  }
}
@media (min-width: 1200px) {
  body .container .player {
    width: 470px;
  }
}
body .container .player .large-toggle-btn {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  float: left;
  font-size: 1.5em;
  height: 50px;
  margin: 0 10px 0 0;
  overflow: hidden;
  padding: 5px 0 0 0;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  width: 54px;
}
body .container .player .large-toggle-btn .large-play-btn {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: -14%;
}
body .container .player .large-toggle-btn .large-play-btn:before {
  content: "\f04b";
  font: 1.5em/1.75 "FontAwesome";
}
body .container .player .large-toggle-btn .large-pause-btn {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: -13%;
}
body .container .player .large-toggle-btn .large-pause-btn:before {
  content: "\f04c";
  font: 1.5em/1.75 "FontAwesome";
}
body .container .player .info-box {
  bottom: 10px;
  left: 65px;
  position: absolute;
  top: 15px;
}
body .container .player .info-box .track-info-box {
  float: left;
  font-size: 12px;
  margin: 0 0 6px 0;
  visibility: hidden;
  width: 400px;
  *zoom: 1;
}
body .container .player .info-box .track-info-box .track-title-text {
  display: inline-block;
}
body .container .player .info-box .track-info-box .audio-time {
  display: inline-block;
  padding: 0 0 0 5px;
  width: 80px;
}
body .container .player .info-box .track-info-box:before, body .container .player .info-box .track-info-box:after {
  content: " ";
  display: table;
}
body .container .player .info-box .track-info-box:after {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
body .container .player .progress-box {
  float: left;
  min-width: 270px;
  position: relative;
}
body .container .player .progress-box .progress-cell {
  height: 12px;
  position: relative;
}
body .container .player .progress-box .progress-cell .progress {
  background: #fff;
  border: 1px solid #d9d9d9;
  height: 8px;
  position: relative;
  width: auto;
}
body .container .player .progress-box .progress-cell .progress .progress-buffer {
  background: #337ab7;
  height: 100%;
  width: 0;
}
body .container .player .progress-box .progress-cell .progress .progress-indicator {
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: 3px;
  cursor: pointer;
  height: 10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -2px;
  width: 22px;
}
body .container .player .controls-box {
  bottom: 10px;
  left: 350px;
  position: absolute;
}
body .container .player .controls-box .previous-track-btn {
  cursor: pointer;
  display: inline-block;
}
body .container .player .controls-box .previous-track-btn:before {
  content: "\f049";
  font: 1em "FontAwesome";
}
body .container .player .controls-box .next-track-btn {
  cursor: pointer;
  display: inline-block;
}
body .container .player .controls-box .next-track-btn:before {
  content: "\f050";
  font: 1em "FontAwesome";
}
body .container .player:before, body .container .player:after {
  content: " ";
  display: table;
}
body .container .player:after {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
body .container .play-list {
  display: block;
  margin: 0 auto 20px auto;
  width: 100%;
}
body .container .play-list .play-list-row {
  display: block;
  margin: 10px 0;
  width: 100%;
  *zoom: 1;
}
body .container .play-list .play-list-row .track-title .playlist-track {
  color: #000;
  text-decoration: none;
}
body .container .play-list .play-list-row .track-title .playlist-track:hover {
  text-decoration: underline;
}
body .container .play-list .play-list-row .small-toggle-btn {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
body .container .play-list .play-list-row .small-toggle-btn .small-play-btn {
  display: inline-block;
}
body .container .play-list .play-list-row .small-toggle-btn .small-play-btn:before {
  content: "\f04b";
  font: 0.85em "FontAwesome";
}
body .container .play-list .play-list-row .small-toggle-btn .small-pause-btn {
  display: inline-block;
}
body .container .play-list .play-list-row .small-toggle-btn .small-pause-btn:before {
  content: "\f04c";
  font: 0.85em "FontAwesome";
}
body .container .play-list .play-list-row .track-number {
  display: inline-block;
}
body .container .play-list .play-list-row .track-title {
  display: inline-block;
}
body .container .play-list .play-list-row .track-title .playlist-track {
  text-decoration: none;
}
body .container .play-list .play-list-row .track-title .playlist-track:hover {
  text-decoration: underline;
}
body .container .play-list .play-list-row .track-title.active-track {
  font-weight: bold;
}
body .container .play-list .play-list-row:before, body .container .play-list .play-list-row:after {
  content: " ";
  display: table;
}
body .container .play-list .play-list-row:after {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

Завершаем JavaScript-ом: прописываем теги <script type="text/javascript">Здесь вставляем код JavaScript</script>

var audioPlayer = function() {
  "use strict";

  // Private variables
  var _currentTrack = null;
  var _elements = {
    audio: document.getElementById("audio"),
    playerButtons: {
      largeToggleBtn: document.querySelector(".large-toggle-btn"),
      nextTrackBtn: document.querySelector(".next-track-btn"),
      previousTrackBtn: document.querySelector(".previous-track-btn"),
      smallToggleBtn: document.getElementsByClassName("small-toggle-btn")
    },
    progressBar: document.querySelector(".progress-box"),
    playListRows: document.getElementsByClassName("play-list-row"),
    trackInfoBox: document.querySelector(".track-info-box")
  };
  var _playAHead = false;
  var _progressCounter = 0;
  var _progressBarIndicator = _elements.progressBar.children[0].children[0].children[1];
  var _trackLoaded = false;

  /**
   * Determines the buffer progress.
   *
   * @param audio The audio element on the page.
   **/
  var _bufferProgress = function(audio) {
    var bufferedTime = (audio.buffered.end(0) * 100) / audio.duration;
    var progressBuffer = _elements.progressBar.children[0].children[0].children[0];

    progressBuffer.style.width = bufferedTime + "%";
  };

  /**
   * A utility function for getting the event cordinates based on browser type.
   *
   * @param e The JavaScript event.
   **/
  var _getXY = function(e) {
    var containerX = _elements.progressBar.offsetLeft;
    var containerY = _elements.progressBar.offsetTop;

    var coords = {
      x: null,
      y: null
    };

    var isTouchSuopported = "ontouchstart" in window;

    if (isTouchSuopported) { //For touch devices
      coords.x = e.clientX - containerX;
      coords.y = e.clientY - containerY;

      return coords;
    } else if (e.offsetX || e.offsetX === 0) { // For webkit browsers
      coords.x = e.offsetX;
      coords.y = e.offsetY;

      return coords;
    } else if (e.layerX || e.layerX === 0) { // For Mozilla firefox
      coords.x = e.layerX;
      coords.y = e.layerY;

      return coords;
    }
  };

  var _handleProgressIndicatorClick = function(e) {
    var progressBar = document.querySelector(".progress-box");
    var xCoords = _getXY(e).x;

    return (xCoords - progressBar.offsetLeft) / progressBar.children[0].offsetWidth;
  };

  /**
   * Initializes the html5 audio player and the playlist.
   *
   **/
  var initPlayer = function() {

    if (_currentTrack === 1 || _currentTrack === null) {
      _elements.playerButtons.previousTrackBtn.disabled = true;
    }

    //Adding event listeners to playlist clickable elements.
    for (var i = 0; i < _elements.playListRows.length; i++) {
      var smallToggleBtn = _elements.playerButtons.smallToggleBtn[i];
      var playListLink = _elements.playListRows[i].children[2].children[0];

      //Playlist link clicked.
      playListLink.addEventListener("click", function(e) {
        e.preventDefault();
        var selectedTrack = parseInt(this.parentNode.parentNode.getAttribute("data-track-row"));

        if (selectedTrack !== _currentTrack) {
          _resetPlayStatus();
          _currentTrack = null;
          _trackLoaded = false;
        }

        if (_trackLoaded === false) {
          _currentTrack = parseInt(selectedTrack);
          _setTrack();
        } else {
          _playBack(this);
        }
      }, false);

      //Small toggle button clicked.
      smallToggleBtn.addEventListener("click", function(e) {
        e.preventDefault();
        var selectedTrack = parseInt(this.parentNode.getAttribute("data-track-row"));

        if (selectedTrack !== _currentTrack) {
          _resetPlayStatus();
          _currentTrack = null;
          _trackLoaded = false;
        }

        if (_trackLoaded === false) {
          _currentTrack = parseInt(selectedTrack);
          _setTrack();
        } else {
          _playBack(this);
        }

      }, false);
    }

    //Audio time has changed so update it.
    _elements.audio.addEventListener("timeupdate", _trackTimeChanged, false);

    //Audio track has ended playing.
    _elements.audio.addEventListener("ended", function(e) {
      _trackHasEnded();
    }, false);

    //Audio error. 
    _elements.audio.addEventListener("error", function(e) {
      switch (e.target.error.code) {
        case e.target.error.MEDIA_ERR_ABORTED:
          alert('You aborted the video playback.');
          break;
        case e.target.error.MEDIA_ERR_NETWORK:
          alert('A network error caused the audio download to fail.');
          break;
        case e.target.error.MEDIA_ERR_DECODE:
          alert('The audio playback was aborted due to a corruption problem or because the video used features your browser did not support.');
          break;
        case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
          alert('The video audio not be loaded, either because the server or network failed or because the format is not supported.');
          break;
        default:
          alert('An unknown error occurred.');
          break;
      }
      trackLoaded = false;
      _resetPlayStatus();
    }, false);

    //Large toggle button clicked.
    _elements.playerButtons.largeToggleBtn.addEventListener("click", function(e) {
      if (_trackLoaded === false) {
        _currentTrack = parseInt(1);
        _setTrack()
      } else {
        _playBack();
      }
    }, false);

    //Next track button clicked.
    _elements.playerButtons.nextTrackBtn.addEventListener("click", function(e) {
      if (this.disabled !== true) {
        _currentTrack++;
        _trackLoaded = false;
        _resetPlayStatus();
        _setTrack();
      }
    }, false);

    //Previous track button clicked.
    _elements.playerButtons.previousTrackBtn.addEventListener("click", function(e) {
      if (this.disabled !== true) {
        _currentTrack--;
        _trackLoaded = false;
        _resetPlayStatus();
        _setTrack();
      }
    }, false);

    //User is moving progress indicator.
    _progressBarIndicator.addEventListener("mousedown", _mouseDown, false);

    //User stops moving progress indicator.
    window.addEventListener("mouseup", _mouseUp, false);
  };

  /**
   * Handles the mousedown event by a user and determines if the mouse is being moved.
   *
   * @param e The event object.
   **/
  var _mouseDown = function(e) {
    window.addEventListener("mousemove", _moveProgressIndicator, true);
    audio.removeEventListener("timeupdate", _trackTimeChanged, false);

    _playAHead = true;
  };

  /**
   * Handles the mouseup event by a user.
   *
   * @param e The event object.
   **/
  var _mouseUp = function(e) {
    if (_playAHead === true) {
      var duration = parseFloat(audio.duration);
      var progressIndicatorClick = parseFloat(_handleProgressIndicatorClick(e));
      window.removeEventListener("mousemove", _moveProgressIndicator, true);

      audio.currentTime = duration * progressIndicatorClick;
      audio.addEventListener("timeupdate", _trackTimeChanged, false);
      _playAHead = false;
    }
  };

  /**
   * Moves the progress indicator to a new point in the audio.
   *
   * @param e The event object.
   **/
  var _moveProgressIndicator = function(e) {
    var newPosition = 0;
    var progressBarOffsetLeft = _elements.progressBar.offsetLeft;
    var progressBarWidth = 0;
    var progressBarIndicator = _elements.progressBar.children[0].children[0].children[1];
    var progressBarIndicatorWidth = _progressBarIndicator.offsetWidth;
    var xCoords = _getXY(e).x;

    progressBarWidth = _elements.progressBar.children[0].offsetWidth - progressBarIndicatorWidth;
    newPosition = xCoords - progressBarOffsetLeft;

    if ((newPosition >= 1) && (newPosition <= progressBarWidth)) {
      progressBarIndicator.style.left = newPosition + ".px";
    }
    if (newPosition < 0) {
      progressBarIndicator.style.left = "0";
    }
    if (newPosition > progressBarWidth) {
      progressBarIndicator.style.left = progressBarWidth + "px";
    }
  };

  /**
   * Controls playback of the audio element.
   *
   **/
  var _playBack = function() {
    if (_elements.audio.paused) {
      _elements.audio.play();
      _updatePlayStatus(true);
      document.title = "\u25B6 " + document.title;
    } else {
      _elements.audio.pause();
      _updatePlayStatus(false);
      document.title = document.title.substr(2);
    }
  };

  /**
   * Sets the track if it hasn't already been loaded yet.
   *
   **/
  var _setTrack = function() {
    var songURL = _elements.audio.children[_currentTrack - 1].src;

    _elements.audio.setAttribute("src", songURL);
    _elements.audio.load();

    _trackLoaded = true;

    _setTrackTitle(_currentTrack, _elements.playListRows);

    _setActiveItem(_currentTrack, _elements.playListRows);

    _elements.trackInfoBox.style.visibility = "visible";

    _playBack();
  };

  /**
   * Sets the activly playing item within the playlist.
   *
   * @param currentTrack The current track number being played.
   * @param playListRows The playlist object.
   **/
  var _setActiveItem = function(currentTrack, playListRows) {
    for (var i = 0; i < playListRows.length; i++) {
      playListRows[i].children[2].className = "track-title";
    }

    playListRows[currentTrack - 1].children[2].className = "track-title active-track";
  };

  /**
   * Sets the text for the currently playing song.
   *
   * @param currentTrack The current track number being played.
   * @param playListRows The playlist object.
   **/
  var _setTrackTitle = function(currentTrack, playListRows) {
    var trackTitleBox = document.querySelector(".player .info-box .track-info-box .track-title-text");
    var trackTitle = playListRows[currentTrack - 1].children[2].outerText;

    trackTitleBox.innerHTML = null;

    trackTitleBox.innerHTML = trackTitle;

    document.title = trackTitle;
  };

  /**
   * Plays the next track when a track has ended playing.
   *
   **/
  var _trackHasEnded = function() {
    parseInt(_currentTrack);
    _currentTrack = (_currentTrack === _elements.playListRows.length) ? 1 : _currentTrack + 1;
    _trackLoaded = false;

    _resetPlayStatus();

    _setTrack();
  };

  /**
   * Updates the time for the song being played.
   *
   **/
  var _trackTimeChanged = function() {
    var currentTimeBox = document.querySelector(".player .info-box .track-info-box .audio-time .current-time");
    var currentTime = audio.currentTime;
    var duration = audio.duration;
    var durationBox = document.querySelector(".player .info-box .track-info-box .audio-time .duration");
    var trackCurrentTime = _trackTime(currentTime);
    var trackDuration = _trackTime(duration);

    currentTimeBox.innerHTML = null;
    currentTimeBox.innerHTML = trackCurrentTime;

    durationBox.innerHTML = null;
    durationBox.innerHTML = trackDuration;

    _updateProgressIndicator(audio);
    _bufferProgress(audio);
  };

  /**
   * A utility function for converting a time in miliseconds to a readable time of minutes and seconds.
   *
   * @param seconds The time in seconds.
   *
   * @return time The time in minutes and/or seconds.
   **/
  var _trackTime = function(seconds) {
    var min = 0;
    var sec = Math.floor(seconds);
    var time = 0;

    min = Math.floor(sec / 60);

    min = min >= 10 ? min : '0' + min;

    sec = Math.floor(sec % 60);

    sec = sec >= 10 ? sec : '0' + sec;

    time = min + ':' + sec;

    return time;
  };

  /**
   * Updates both the large and small toggle buttons accordingly.
   *
   * @param audioPlaying A booean value indicating if audio is playing or paused.
   **/
  var _updatePlayStatus = function(audioPlaying) {
    if (audioPlaying) {
      _elements.playerButtons.largeToggleBtn.children[0].className = "large-pause-btn";

      _elements.playerButtons.smallToggleBtn[_currentTrack - 1].children[0].className = "small-pause-btn";
    } else {
      _elements.playerButtons.largeToggleBtn.children[0].className = "large-play-btn";

      _elements.playerButtons.smallToggleBtn[_currentTrack - 1].children[0].className = "small-play-btn";
    }

    //Update next and previous buttons accordingly
    if (_currentTrack === 1) {
      _elements.playerButtons.previousTrackBtn.disabled = true;
      _elements.playerButtons.previousTrackBtn.className = "previous-track-btn disabled";
    } else if (_currentTrack > 1 && _currentTrack !== _elements.playListRows.length) {
      _elements.playerButtons.previousTrackBtn.disabled = false;
      _elements.playerButtons.previousTrackBtn.className = "previous-track-btn";
      _elements.playerButtons.nextTrackBtn.disabled = false;
      _elements.playerButtons.nextTrackBtn.className = "next-track-btn";
    } else if (_currentTrack === _elements.playListRows.length) {
      _elements.playerButtons.nextTrackBtn.disabled = true;
      _elements.playerButtons.nextTrackBtn.className = "next-track-btn disabled";
    }
  };

  /**
   * Updates the location of the progress indicator according to how much time left in audio.
   *
   **/
  var _updateProgressIndicator = function() {
    var currentTime = parseFloat(_elements.audio.currentTime);
    var duration = parseFloat(_elements.audio.duration);
    var indicatorLocation = 0;
    var progressBarWidth = parseFloat(_elements.progressBar.offsetWidth);
    var progressIndicatorWidth = parseFloat(_progressBarIndicator.offsetWidth);
    var progressBarIndicatorWidth = progressBarWidth - progressIndicatorWidth;

    indicatorLocation = progressBarIndicatorWidth * (currentTime / duration);

    _progressBarIndicator.style.left = indicatorLocation + "px";
  };

  /**
   * Resets all toggle buttons to be play buttons.
   *
   **/
  var _resetPlayStatus = function() {
    var smallToggleBtn = _elements.playerButtons.smallToggleBtn;

    _elements.playerButtons.largeToggleBtn.children[0].className = "large-play-btn";

    for (var i = 0; i < smallToggleBtn.length; i++) {
      if (smallToggleBtn[i].children[0].className === "small-pause-btn") {
        smallToggleBtn[i].children[0].className = "small-play-btn";
      }
    }
  };

  return {
    initPlayer: initPlayer
  };
};

(function() {
  var player = new audioPlayer();

  player.initPlayer();
})();

Таким вот способом, можно установить плеер с плейлистом, перемоткой и паузой.

Есть ещё один момент. Чтобы не было таких простыней из кодов, можно вынести CSS и JS на тот же гугл-сайт, а вместо них прописать путь к ним. Это будет выглядеть примерно так:

<link href="https://sites.google.com/site/belyipingvin/file/player.css" rel="stylesheet" type="text/css"></link>
<script src="https://sites.google.com/site/belyipingvin/file/player.js"></script>

меняем то что красным

Кстати! Если Вам нужны иностранные исполнители, то можете поискать ссылки на https://archive.org . В самом html коде в конце есть ссылка.

На этом неожиданный пост, закончен. Далеко не расходитесь, я вернусь уже совсем скоро.😋

Примечание от автора:

Чтобы скопировать коды нужно навести курсор на код и кликнуть на этот значок.

Для копирования

В открывшемся окне кликаем один раз и зажимаем клавиши Ctrl + A, после выделения зажимаем клавиши Ctrl + C, а для вставки Ctrl + V

Ctrl+A, Ctrl+C

#ДоверяйтеДругДругу!

Настройка ОСи, установка софта. Графика. Часть II

2019-06-17T02:46:00.001+03:00

Настройка ОС - установка софта - часть 1

Настройка ОС - установка софта - часть 2

Мы уже установили в прошлый раз скан, просмотрщик картинок и GIMP. Это как основа, а для большего функционала, добавим MyPaint, Inkscape, Blender и Krita.Сегодня займёмся наполнением Меню - Графика.

И так первым будет MyPaint.

mypaint

Довольно таки, отличная рисовалка, которой я часто пользуюсь. Сейчас разработчики взяли курс на Виндовс, но и в Линуксом она поддерживается. Есть в Убунтовских репах версия 1.2.0 и на Флэтпак версия 1.2.1. С Флэтпака у меня встала на английском, с репов на русском. В функционале разницы практически нет, что ставить выбирать вам.
Установка через репозиторий выполняется командами:

sudo apt-add-repository ppa:achadwick/mypaint-testing
sudo apt-get update
sudo apt-get install mypaint mypaint-data-extras

Установка Flatpak:

flatpak install --from https://raw.githubusercontent.com/mypaint/mypaint/master/flatpak/mypaint-stable.flatpakref
flatpak run org.mypaint.MyPaint

Есть возможность скачать дополнительные кисти от разработчика Brien Dieterle

Скачать набор кистей

Продолжаем установку программ и на очереди Inkscape.

inkscape

Это мощный векторный графический редактор, хорошо используется иллюстраторами и не только. Так как я в основном использую растровую графику, Inkscape мне нужен для конвертирования иконок и картинок в SVG формат, для создания дизайна в своей сборке. Поэтому, я знаю как импортировать и экспортировать картинки, дальше пока не заходил.😋Возможно кому-то это будет полезно.

Через Флэтпак, я её не ставил, думаю с репов вполне хватит.

sudo add-apt-repository ppa:inkscape.dev/stable
sudo apt-get update
sudo apt-get install inkscape

Или же через Центр Приложений.

Далее установим не менее мощный агрегат, в то же время сложный и непознанный мной.😀

Мне 3D вроде ни к чему, а вот кому-то это понадобиться.

blender

Установка Flatpak:

flatpak install flathub org.blender.Blender

Можно через Центр Приложений, можно скачать инсталлятор с оф.сайта программы. Я для теста ставил через центр приложений, самый на мой взгляд простой способ.

blender

Ссылка на страницу скачивания: https://www.blender.org/download/

И закончит наш графический набор программ, утилита нашего соотечественника - Krita.

krita

Тоже мощная штука, сегодня попробовал её в действие, даже как то цыпанула, часа полтора просидел. Конечно, её лучше ставить на мощные машины с 64-битной архитектурой. Раньше у меня были только 32-битные буки и комп, поэтому я её обходил, т.к. были страшные тормоза. Но включать в сборку её не стану, весит она где-то 250 МБ, лучше после установить.

Установка через репозиторий:

sudo add-apt-repository ppa:kritalime/ppa
sudo apt-get update
sudo apt-get install krita

Также установить Русский язык:

sudo apt-get install krita-l10n

Установка Flatpak:

flatpak install flathub org.kde.krita

Вот теперь можно справиться с любыми дизайно-графическими задачами. Если кто знает ещё полезный программы и утилиты по Графике, то прошу поделиться своими знаниями, так сказать - на благо обществу.😁

А я не надолго отлучусь ~~понужде~~... До скорых встреч!

П.С. Ещё одну программульку нашёл, занятная вещица, о ней напишу в отдельном посте. Это прога создаёт 2D анимацию и называется - Tupi 2D.

#ВсемСолнцаТеплаЛюбви!

Установка Flatpak в Ubuntu

2019-06-16T11:59:00.001+03:00

Установка Flatpak

Ubuntu Quick Setup

Следуйте этим простым шагам , чтобы начать использовать Flatpak

Установить Флэтпак

Чтобы установить Flatpak на Ubuntu 18.10 (Cosmic Cuttlefish) или Ubuntu 19.04
(Disco Dingo), просто запустите :

sudo apt install flatpak
В старых версиях Ubuntu официальный Flatpak PPA является рекомендуемым
способом установки Flatpak. Чтобы установить его , запустите в терминале
следующее :

sudo add-apt-repository ppa:alexlarsson/flatpak
sudo apt update
sudo apt install flatpak
Установите программный плагин Flatpak
Плагин Flatpak для приложения Software позволяет устанавливать
приложения без командной строки . Чтобы установить , запустите :

sudo apt install gnome-software-plugin-flatpak
Добавьте хранилище Flathub
Flathub - лучшее место для получения приложений Flatpak. Чтобы включить
его , запустите :

flatpak remote-add --if-not-exists flathu https://flathub.org/repo/flathub.flatpakrepo
Перезагрузка
Чтобы завершить настройку , перезагрузите систему . Теперь все , что вам
нужно сделать , это установить несколько приложений (https://flathub.org/) !

Будни без Интернета

2019-06-15T22:07:00.000+03:00

Что то частые стали перебои с инетом. То на майские праздники, просидел две недели без связи с миром, то два дня назад в соседнем селе, что то случилось, и у нас вырубили сеть.
Но скучать не приходилось особо, да уже не хватает его... Но прекрасно провёл время. Вечерами татухи и рисование, и два дня пролетели не заметно.😃
Планировал написать сегодня продолжение по настройки системы, но ничего не подготовил, поэтому перенесу на завтра, послезавтра. Сегодня очередная заметка и пару фоток, чтобы Вы не скучали...😃

Решил немного украсить страницу в ЖЖ, добавил шапку и захотелось, что то нарисовать, на ум пришёл задумчивый пингвин.😃 Потом решил обновить и на блоге, но скоро уберу. Другого нарисую, чтобы одинаковых не было, там и тут.

Шапка в ЖЖ

Тату под кнопкой ↓

Всё же надумала соседка сделать тату и вот, что получилось.

В процессе

тату узор

Такой коротенький обзорчик 😃 ....

#ПустьВсегдаБудутСети@!

Немного новостей...

2019-06-12T16:05:00.001+03:00

Новости блога

Сегодня, тех. поддержка Nabble перевели мой форум на https.
Я как прочитал письмо от них, сразу решил встроить его на блог, тем более страница уже была под него отведена и ждала нужного момента, который подкрался неожиданно. 😄

Теперь всё в одном месте, это удобно мне и надеюсь будет удобно и комфортно Вам, моим друзьям и читателям.
Обязательно заходите, смотрите, изучайте, делитесь своими идеями и опытом, просто пишите комментарии.

Есть ещё одна новость...
Я восстановил страницу в ЖЖ, поменял шаблон, немного подредактировал, и можно публиковать и там свои заметки. Журнал у меня в последнее время, больше для кросспостинга. Одно время я его вёл, писал посты, фотки выкладывал, а потом чёт забросил. Что мне там не нравиться, так это много рекламы, ладно бы хоть, что нибудь перепадало.😋

Страница в ЖЖ

Что то я все свои старые проекты по вытаскивал... к чему бы это? 😃
С одной стороны, лучше не распыляться, а с другой... просто хочется, чтобы было.😃
Время всегда всё на места расставляет, вот и посмотрим.

Такие короткие новости. Не переключайтесь, я уже скоро вернусь!😄

#ЛюбитеЛюбить!

Как установить понравившийся шрифт на блог в Blogger

2019-06-11T22:40:00.001+03:00

шрифт на блог

Вспомнил, что когда-то хотел установить скаченный шрифт на блоге. Тогда не получилось это сделать, решил сегодня заняться этим вопросом. Вопросов могло и не быть, если блог или сайт был бы на какой нить CMS. Но Пингвин на блогспот, поэтому пришлось попотеть, кстати у нас днём +35º в тени. 😓

Начал я с простого метода.

Загрузил шрифты на гугл-сайт и скопировал ссылки, a в стилях прописал:

@font-face {
font-family: 'имя_шрифта';
font-style: normal;
font-weight: 400;
src: url(путь_до_ шрифта_на сайте.ttf) format('ttf');
}

Про сайт и копирование ссылок писал ЗДЕСЬ.

Это не помогло. Тогда стили прописал в текстовый файл, сохранил как .css, загрузил на сайт и сделал ссылку на него ввиде гугл-шрифтов.

<link href='путь_до_ файла_со_стилями_на сайте.css' rel='stylesheet'/>

Хотя это тоже самое, но подумал, а вдруг.😃 Не прокатила....
Далее облазил туевухучу сайтов и блогов, где писалось всё про эти способы. И тут наткнулся на интересную тему. Почему яша, так долго гонял меня, по ненужным сайтам? Блог довольна таки известный, "Блог СЕО Дилетанта".

Там расписан способ, как это сделать через сервис Cufon, который уже и не работает несколько лет. Но есть ссылка на github.com где остались каталоги и скрипты.
Я это дела скачал и поместил на хосте, сайт открылся но генерация шрифта не получалась из за отсутствия одного файла. Вообщем не стал я пока разбираться со всем этим, мож лучшие времена придут, тогда.😃

Поискал еще немного по теме "Cufon" и нашёл сайт где можно сгенерировать шрифты. Вот ссылка на него https://everythingfonts.com/cufon
И осталось теперь, сложить всё в кучу.

Теперь по порядку:
Качаем и после загружаем скрипт cufon.js себе на гугл-сайт.
Идём на сайт (ссылка выше), и генерируем выбранный шрифт, получаем zip-архив с шрифтом в формате .js, который тоже грузим себе на сайт.
Копируем выше приведённый код (заменив все ссылки и название на свои) и помещаем его в редакторе - HTML на Blogger, перед закрывающемся тегом </head>.

Хочу заметить, что последний скрипт из списка, показывает, что все теги c <h1> будут отображаться загруженным нами шрифтом. Ну а как правило это Заголовок в блоге.

Вот еще примеры, куда можно применить этот скрипт:

<script type="text/javascript">
Cufon.replace('h1');
Cufon.replace('h2');
Cufon.replace('p');
Cufon.replace('#mycufon'); -указываем идентификатор вместо тега
</script>

Если использовать несколько шрифтов на блоге, то прописываем примерно так:

Ну и под конец скрин, а там те места где надо проставить галочки (хотя каждый может выбирать сам).

Генератор cufon

Вроде бы всё рассказал. Если возникнут вопросы, обращайтесь! Рад буду помочь!

До скорых встреч на страницах Белого Пингвина!

P.S. Пример можно посмотреть в шапке данного блога.😃

#БудьтеСчастливы!

Во саду ли...

2019-06-09T22:34:00.000+03:00

Сегодня разгрузочный день. Ничего особо не делал, даже вздремнул после обеда, а вечерком расслабился в саду под яблоней, в удобном кресле. День получился лёгким, перетекающий в вечерний катарсис. 😃

все в сад

Решил выложить ещё пару-тройку фоток сегодняшнего дня... так, для смены обстановки на блоге.

черешня

Черешня уже через несколько дней совсем созреет, это у нас средняя, раннею уже собрали, поздняя на подходе. У нас получается - кто вперёд, мы или птицы? Склёвывают только так, что упала, не клюют, только с веток. А вот вишни в этом году совсем мало, в том деревья были усыпаны.

ежевика

В этом году зацвела ежевика, первый раз на новом месте, попробуем...😃

мраморная роза

В том году сажали саженцы роз, это мне очень нравится, мраморная.

Мини экскурсия по саду окончена. Если кому понравилось, можно повторить...😃
А я не прощаюсь, до скорых встреч на страницах Белого Пингвина!

#берегитеприродуматьвашу!😃

Tattoo как хобби или...

2019-06-09T12:50:00.000+03:00

Сегодня немного отошёл от компьютерной темы, поработал в реале. Хотелось бы почаще это делать, но в селе, не в городе...
Мне не хватает практике, бывает и по пол года ничего не делаю, а потом неделю народ идёт, очередь образуется, потом опять тишина. Отвыкаю за это время, а когда снова надо делать, получается как в первый раз. 😄
Заработком это не назовёшь, но порой выручает. Лет так десять назад, ещё думал в городе снимать квартиру и заняться татуировкой серьёзно, но как всегда, что-то пошло не так, и подался сварщиком в колхоз. Сейчас уже желание ехать в город отпало, но как всегда, не отчего не отказываюсь.😆

А вот сегодняшняя сова на ноге.

tattoo - сова

#учитьсяучитьсяиучитьсявиленин😋

Урок по GIMP на форуме - Текст по кругу

2019-06-08T23:01:00.000+03:00

Начинаю потихоньку наполнять форум, и сегодня разместил первый урок. Тема урока распространённая, много уроков уже есть по этой теме, но обновляется не только версия, но и функционал программы.
Долго искал как сделать текст по кругу, пересмотрел кучу материала, а результат не тот. Текст выводился совсем ни так, как надо было. Методом проб и ошибок нашёл решение, чем и поделился на форуме. Как всегда много картинок и пояснения к ним.

Здесь выкладывать не стал, даю только ссылку Делаем надпись по кругу или овалу , может кому и пригодится.

Такая коротенькая заметка. Не прощаюсь. До Скорого!

Урок по GIMP на форуме

#МирВашемуДому!

Настройка ОСи, установка софта. Часть первая

2019-06-07T23:53:00.001+03:00

Настройка ОС - установка софта - часть 1

Предлагаю ознакомиться в этой статье, с минимальным набором софта, после установки которого, можно уже будет использовать систему как систему. Я и вправду, начал расползаться по углам, то это начну, то другое... а вот за сборку XbuntOS совсем подзабыл. Решил немного исправить положение и начать с малого.

И так начнём:

В этой статье Установка Ubuntu mini.iso + Xubuntu core была показана установка на виртуальной машине. Если продолжать тему настройки системы на ВМ, то нам нужно будет помимо подключений дополнений, установить тройку приложений. Они позволят правильно заработать, этим дополнениям.

Переходим в терминал и вбиваем команду:

sudo apt install gcc make perl

Далее добавляем себя в группу vboxsf, чтобы заработали общие папки

sudo usermod -aG vboxsf <имя_пользователя>

или сначала установить утилиту Пользователи и группы

sudo apt install gnome-system-tools

А потом через меню в графической оболочке, выполнить это как было показано в этой статье .

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

Далее пойдёт набор софта с установкой в терминале:

Чтобы мы могли двигаться дальше, установим блокнот, браузер и синаптик, ну и дисковую утилиту добавим.

sudo apt install mousepad firefox synaptic gparted

Теперь мы можем выйти в инет, написать текст или скопировав вставить в текстовый редактор и можем перейти в synaptic для дальнейшей установки программ, непосредственно, через него.
Предлагаю установить к синаптику строку быстрого поиска, т.к. по-умолчанию её нет, выполнив поочерёдно две команды.

sudo apt-get install apt-xapian-index
sudo update-apt-xapian-index

Так как мы всё ещё в терминале, то можно установить ещё программ, тем более придётся только копировать и вставлять. 😋

Начнём заполнять категории Графика и Мультимедиа добавив плееры, скан и просмотрщик картинок.

sudo apt install audacious vlc simple-scan ristretto

Да, и прибавим к этому графический редактор GIMP, куда нам без него...
Можно установить версию из стандартного репозитория, но мы добавим гимповский, где всегда самая последняя версия.

sudo add-apt-repository ppa:otto-kesselgulasch/gimp
sudo apt-get update
sudo apt-get install gimp

Переходим к офису, весь можно не ставить, а вот две основные Calc (Exel) и Writer (Word) установим. Да, еще можно читалку PDF файлов прибавить

sudo apt install libreoffice-writer libreoffice-calc libreoffice-l10n-ru atril

Даже с таким минимальным набором программ, можно выполнять довольно-таки большой объём задач. Конечно это не всё, что мы установим в систему, но на сегодня думаю хватит. Ну, а заканчивать мы будет софтом для юзабилити.

Установим Центр Приложений, мож кому удобней так работать.

sudo apt install ubuntu-software

Кому-то (как мне например) захочется настроить меню под себя, установим Редактор Меню

sudo apt install menulibre

Всегда устанавливаю док-панель, и самая удобная, простая и надёжная это Plank

sudo apt-get install plank

Если система установлена на комп, а там еще и винда, то Grub Customizer будет необходим

sudo add-apt-repository ppa:danielrichter2007/grub-customizer
sudo apt-get update
sudo apt-get install grub-customizer

Также не помешает уведомление о приходящих обновлениях

sudo apt-get install update-notifier

Новая система не полностью переведена на русский, поэтому Язык Системы необходим

sudo apt-get install language-selector-gnome

Бывает такое, что уже есть для установки софта DEB - пакеты, тогда установим их через терминал следующей командой.

sudo dpkg -i имя_пакета.deb

Пакеты лучше расположить в Домашнею Папку, а если возникли проблемы с несовместимостью или ещё какие, то используем это

sudo apt install -f

Такой вот наборчик получается 😀
И добьём сегодняшний пост установкой плагинов для панели.

Устанавливаем плагины для панели xfce4 через Synaptic

Открываем синаптик и в поиске пишем xfce4, далее выбираем из списка следующие плагины

xfce4-clipman-plugin
xfce4-netload-plugin
xfce4-places-plugin
xfce4-weather-plugin
xfce4-xkb-plugin

Это мои самые любимые, без них панель кажется пустой ИМХО.

Вот теперь ВСЁ!😋
Читайте, применяйте, а я не прощаюсь, до скорого!

#БытьБобру!😋

Форум для Blogger

2019-06-05T00:06:00.001+03:00

Что то меня понесло в разные стороны...😁

На днях вспомнил, что когда-то встраивал форум на Blogger. Тема вроде заезжая, да и форумы сейчас наверное не в ходу, но мне так захотелось это сделать, что я стал искать информацию. Нашёл её быстро, но столкнулся с рядом проблем.
Первая это то, что ресурс работает на протоколе http, а блогспот уже активно использует https, да и не только он.
Сейчас любой браузер, желтеет и краснеет, выкидывает столько предупреждений, мол не защищённое соединение, опасный сайт, не вводите на нём никакой личной информации. Прям все с ума посходили с этими сертификатами SSL. Это ладно, когда сайт уже старый, в поисковиках уже замылен и открывается нормально, а когда молодой... и не захочешь заходить на него.😂

Так вот, о чём это я - о форуме Nabble.
Сколько я пересмотрел бесплатных форумов... а понравился именно наббл. Это я его и встраивал когда-то, даже кажется на этот самый блог "Записки Белого Пингвина", но на этот раз пока не сложилось. Можно было перевести блог на http, но как-то неайс.

Даже сделал для него поддомен forum.whitepingvin.ru. Потом подумал, если перевести этот поддомен на протокол https, то возможно он и заработает на блоггере. Для этого делегировал домен whitepingvin на CloudFlare, а все поддомены автоматом прописались под сертификатом SSL.

Но это меня не спасло, а только усложнило ситуацию. Полетели все настройки блоггера, пришлось восстанавливать, а форум вообще перестал открываться.😂
Написал в суппорт наббла, там вроде могут перевести на https, но пока они молчат. Будем ждать, может что и получиться.

Но на самом то деле, я ждать не могу 😂...
Мне надо сделать задуманное, и пусть не совсем так как планировал. Пришлось создать ещё один форум, создать еще один блог на блогспоте, отключить перенаправление на https, убрать всё лишнее с главной странице блога и встроить форум!!!

Он теперь есть у меня!😁 И можно посетить его прямо сейчас по адресу: http://forumgimp.blogspot.com/
(но сначала дочитайте этот пост)

Немного о форуме

Введение форумов, очень серьёзная и сложная задача. Когда только размышляешь, то кажется всё вроде просто, а вот когда начинаешь заниматься этим, осознаёшь все трудности жизнеобеспечения ресурса. Я не говорю, что раскручу его в топ 100, но для поддержки буду уделять время и наполнять информацией.

Называется он "Форум про GIMP" или "GIMP для Всех", и от сюда понятно, что тематика это графический редактор GIMP. У меня есть желание, изучить его все, ну или почти все тонкости, начать пользоваться им профессионально. Он всегда мне нравился, в отличие от PS, только я использовал его как рисовалку. Мне нужны были только кисти и слои, а всё остальное постольку-поскольку.

Если из читателей данного блога, есть любители этого графического редактора, то приглашаю Вас присоединиться к форуму. Вместе мы быстрей освоим программу и поможем всем желающим познать её, публикуя полезный материал.

Ну вот вроде и закончились мысли...😂

Пора видимо закругляться. Не переключайтесь, мы вернёмся уже скоро.

Напоследок пара картинок сделанных мной в GIMP.

#ВыСпособныНаБольшее!