Media is too big
VIEW IN TELEGRAM
Что делают программисты в свободное время? Правильно, кодят 😁
Вот и я решил объединить 3 нейросети в один телеграм бот, который будет учить меня английскому через общение голосовыми сообщениями 😅
И, блин, вы только посмотрите, как же это круто! И хотя я накодил этого монстра франкенштейна своими собственными руками, мне до сих пор не верится, что такое возможно. Так и хочется сказать "Да, ну нафиг! Это фейк!" 😂
Но это правда) Вот нейросети, которые я использовал:
1. Whisper — для распознавания моих голосовых сообщений.
2. ChatGPT — для обработки запросов и генерации текстовых ответов.
3. Elevenlabs Speech Synthesis — для правильного озвучивания того текста, который написал ChatGPT, акцентом носителя языка.
Пока не знаю, дойдёт ли дело до продакшена, (тут много нюансов..), но кодить это очень захватывающе 😁
Вот и я решил объединить 3 нейросети в один телеграм бот, который будет учить меня английскому через общение голосовыми сообщениями 😅
И, блин, вы только посмотрите, как же это круто! И хотя я накодил этого монстра франкенштейна своими собственными руками, мне до сих пор не верится, что такое возможно. Так и хочется сказать "Да, ну нафиг! Это фейк!" 😂
Но это правда) Вот нейросети, которые я использовал:
1. Whisper — для распознавания моих голосовых сообщений.
2. ChatGPT — для обработки запросов и генерации текстовых ответов.
3. Elevenlabs Speech Synthesis — для правильного озвучивания того текста, который написал ChatGPT, акцентом носителя языка.
Пока не знаю, дойдёт ли дело до продакшена, (тут много нюансов..), но кодить это очень захватывающе 😁
🔥57🤩6👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Сейчас делал такой блок оценки урока и столкнулся с интересной задачкой:
Как обводить PNG-картинки по их контуру?
Обычные свойства border и тем более outline тут не подойдут, т.к. они не воспринимают форму самой картинки. И у box-shadow такая же проблема ☹️
Очевидным решением было использовать CSS фильтр drop-shadow(), ведь только он может делать что-то подобное. Но, к моему разочарованию, оказалось, что у него нет параметра spread, такого, как у box-shadow 😬
Spread делает смещение тени от края элемента. Например, если вы светите на предмет фонариком вблизи, то тень от него будет большой. Примерно так же работает spread, увеличивая и уменьшая тень. Можете поиграться тут.
Т.е. без спреда не получится сделать резкую и широкую тень, которая будет отбрасываться во все стороны от картинки.
Но зато мы можем сделать много теней! 😁 Благо, свойство filter нам позволяет это.
То есть, чтобы сделать широкую и резкую тень, нужно отбросить её несколько раз в разные стороны. Таким образом она будет выглядеть как обводка картинки.
А если добавить ещё больше теней, но другого цвета, то можно сделать и двойную, и тройную обводку, и так до бесконечности.
Кстати, такой способ работает даже на анимированных картинках! 😱
Чтоб не быть голословным, собрал для вас пример, где вы можете подсмотреть, как это реализовано 😊
🔗 https://codepen.io/dmitryspace/pen/XWPwEJO
Как обводить PNG-картинки по их контуру?
Обычные свойства border и тем более outline тут не подойдут, т.к. они не воспринимают форму самой картинки. И у box-shadow такая же проблема ☹️
Очевидным решением было использовать CSS фильтр drop-shadow(), ведь только он может делать что-то подобное. Но, к моему разочарованию, оказалось, что у него нет параметра spread, такого, как у box-shadow 😬
Spread делает смещение тени от края элемента. Например, если вы светите на предмет фонариком вблизи, то тень от него будет большой. Примерно так же работает spread, увеличивая и уменьшая тень. Можете поиграться тут.
Т.е. без спреда не получится сделать резкую и широкую тень, которая будет отбрасываться во все стороны от картинки.
Но зато мы можем сделать много теней! 😁 Благо, свойство filter нам позволяет это.
То есть, чтобы сделать широкую и резкую тень, нужно отбросить её несколько раз в разные стороны. Таким образом она будет выглядеть как обводка картинки.
А если добавить ещё больше теней, но другого цвета, то можно сделать и двойную, и тройную обводку, и так до бесконечности.
Кстати, такой способ работает даже на анимированных картинках! 😱
Чтоб не быть голословным, собрал для вас пример, где вы можете подсмотреть, как это реализовано 😊
🔗 https://codepen.io/dmitryspace/pen/XWPwEJO
🔥32👍4🤩2
Часто ли вы теряли какой-то код или другую информацию, которую скопировали, но так и не успели никуда вставить? Лично у меня такое было 1000 раз))
И каково было моё удивление, когда я узнал, что, начиная с Windows 10, есть замечательная системная настройка, которая позволяет открывать список всего, что ты скопировал 😅
Я как-то упустил этот момент, когда перескочил с Windows 7 сразу на Windows 11 :)
Чтобы включить это:
• Откройте Настройки.
• Выберите Система -> Буфер обмена -> Включите Журнал буфера обмена
После этого вы сможете использовать сочетание клавиш Windows + V, чтобы открыть историю буфера обмена и увидеть всё, что было скопировано в рамках рабочей сессии.
И каково было моё удивление, когда я узнал, что, начиная с Windows 10, есть замечательная системная настройка, которая позволяет открывать список всего, что ты скопировал 😅
Я как-то упустил этот момент, когда перескочил с Windows 7 сразу на Windows 11 :)
Чтобы включить это:
• Откройте Настройки.
• Выберите Система -> Буфер обмена -> Включите Журнал буфера обмена
После этого вы сможете использовать сочетание клавиш Windows + V, чтобы открыть историю буфера обмена и увидеть всё, что было скопировано в рамках рабочей сессии.
👍32🔥21
Переключение на след/пред модуль в уроке
По просьбам страждущих учеников написал скрипт, который облегчает переход на след/пред модуль 😄
Скрипт и подробности тут:
https://getscript.ru/blog/1041641
По просьбам страждущих учеников написал скрипт, который облегчает переход на след/пред модуль 😄
Скрипт и подробности тут:
https://getscript.ru/blog/1041641
🔥45🤩4👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
🎉52
Минималистичный блок оценки урока добавлен на GetScript
🔗 https://getscript.ru/blog/1042047
Смайлики оживают при наведении курсора мыши 😊
🔗 https://getscript.ru/blog/1042047
Смайлики оживают при наведении курсора мыши 😊
🔥46
Как запускать скрипты на всех страницах GC, кроме лендингов? 🤔
Бывало ли у вас такое, что при стилизации личного кабинета ученика через Настройки аккаунта у вас "поехало" что-то на лендингах из-за того, что код прописанный в Настройках аккаунта влияет на все страницы?
Короче, я тут придумал простой способ, как запускать скрипты и стили из Настроек аккаунта только внутри ЛК, либо наоборот только на лендингах и страницах блога.
Подробнее тут 🤓👉 https://getscript.ru/blog/1043946
Бывало ли у вас такое, что при стилизации личного кабинета ученика через Настройки аккаунта у вас "поехало" что-то на лендингах из-за того, что код прописанный в Настройках аккаунта влияет на все страницы?
Короче, я тут придумал простой способ, как запускать скрипты и стили из Настроек аккаунта только внутри ЛК, либо наоборот только на лендингах и страницах блога.
Подробнее тут 🤓
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍1
1. Виджет GC-чата для любого сайта получил обновление, которое пофиксило отображение чата у авторизованных пользователей (когда виджет стоит на том же домене).
🔗 https://getscript.ru/blog/931590
2. Превью диплома на странице редактирования теперь работает, как браузерное расширение и позволяет просматривать результат редактирования диплома без перезагрузки страницы.
🔗 https://getscript.ru/blog/1044266
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍1
Dmitry Space кодит!
Мне много пишут по поводу этой связки геткурса с календарём, поэтому отвечу всем и сразу тут)
ДА, интеграция геткурса с Google-календарём готова и уже работает в парочке школ. Более того, уже готова даже аналогичная интеграция геткурса с Яндекс-календарём 😊
Почему я не анонсирую это с фейерверками и хлопушками? Потому что 1) Те, кто хотел, уже забил очередь на установку в личке. 2) Я сейчас вожусь над отдельным сервисом, где можно будет без влезания в код настроить виджет для своей школы. Сервис будет работать только по подписке. Но пока он в разработке, поэтому мы настраиваем календари на личных хостингах ранних заказчиков и с разовой оплатой. Все вопросы в ЛС @DmitrySpace.
ДА, интеграция геткурса с Google-календарём готова и уже работает в парочке школ. Более того, уже готова даже аналогичная интеграция геткурса с Яндекс-календарём 😊
Почему я не анонсирую это с фейерверками и хлопушками? Потому что 1) Те, кто хотел, уже забил очередь на установку в личке. 2) Я сейчас вожусь над отдельным сервисом, где можно будет без влезания в код настроить виджет для своей школы. Сервис будет работать только по подписке. Но пока он в разработке, поэтому мы настраиваем календари на личных хостингах ранних заказчиков и с разовой оплатой. Все вопросы в ЛС @DmitrySpace.
🔥10⚡1👏1
Dmitry Space кодит!
Мне много пишут по поводу этой связки геткурса с календарём, поэтому отвечу всем и сразу тут) ДА, интеграция геткурса с Google-календарём готова и уже работает в парочке школ. Более того, уже готова даже аналогичная интеграция геткурса с Яндекс-календарём…
Возможности интеграции с календарём Google/Яндекс пока что следующие:
🟠 Для админов:
1. Есть возможность задавать начальную и конечную дату, между которыми пользователям позволяется создавать события. Будет полезно, когда запись открывается заранее. Например, эксперт консультирует только через неделю.
2. Есть возможность задавать расписание работы по дням недели (указывать выходные дни) и рабочим часам. Например, можно настроить, что в пятницу у эксперта сокращённый день, а в воскресенье выходной.
3. Есть возможность указывать, длительность события. Например, сколько идёт созвон с экспертом, 1 час, 2, 3... Т.е. при длительности события, к примеру, 2 часа, будут показываться "окна" для записи размером не менее 2 часов. + Длительность события отражается в самом Google/Яндекс календаре — какую длительность поставишь, столько времени событие будет занимать в календаре.
4. Есть возможность указывать дедлайн, за какое время до начала события запись на него будет прекращаться. Чтобы нельзя было записаться, за 2 минуты до начала, к примеру.
5. Дата и время, которые выбрал пользователь, записываются в доп поля заказа в геткуре.
6. Уведомление пользователей и сотрудников о скором наступлении события можно настроить через процесс, используя доп поля с датой и временем.
7. Добавление новых событий в календарь происходит через процесс, который запускается сразу после отправки формы.
🟢 Для пользователей:
1. Есть возможность видеть свободные даты и часы для записи.
2. Календарь изначально показывается с выбранными ближайшими свободными днём и временем.
Скрин тут https://t.me/dmitryspace_code/269
1. Есть возможность задавать начальную и конечную дату, между которыми пользователям позволяется создавать события. Будет полезно, когда запись открывается заранее. Например, эксперт консультирует только через неделю.
2. Есть возможность задавать расписание работы по дням недели (указывать выходные дни) и рабочим часам. Например, можно настроить, что в пятницу у эксперта сокращённый день, а в воскресенье выходной.
3. Есть возможность указывать, длительность события. Например, сколько идёт созвон с экспертом, 1 час, 2, 3... Т.е. при длительности события, к примеру, 2 часа, будут показываться "окна" для записи размером не менее 2 часов. + Длительность события отражается в самом Google/Яндекс календаре — какую длительность поставишь, столько времени событие будет занимать в календаре.
4. Есть возможность указывать дедлайн, за какое время до начала события запись на него будет прекращаться. Чтобы нельзя было записаться, за 2 минуты до начала, к примеру.
5. Дата и время, которые выбрал пользователь, записываются в доп поля заказа в геткуре.
6. Уведомление пользователей и сотрудников о скором наступлении события можно настроить через процесс, используя доп поля с датой и временем.
7. Добавление новых событий в календарь происходит через процесс, который запускается сразу после отправки формы.
1. Есть возможность видеть свободные даты и часы для записи.
2. Календарь изначально показывается с выбранными ближайшими свободными днём и временем.
Скрин тут https://t.me/dmitryspace_code/269
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Скрываем лишние блоки в карточке пользователя
Если вы такой же перфекционист, как и я, и не можете терпеть беспорядок, то считайте, что этот скрипт создан для вас 😉
🔗 https://getscript.ru/blog/1046823
Если вы такой же перфекционист, как и я, и не можете терпеть беспорядок, то считайте, что этот скрипт создан для вас 😉
🔗 https://getscript.ru/blog/1046823
🔥41🤩3
https://t.me/addlist/fdXiGOPBQ51kYjky
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍3😍1
This media is not supported in your browser
VIEW IN TELEGRAM
Pac-Man в GetCourse 😱
Хочу поделиться новым достижением — я сделал ещё одну игру в геткурсе 🎉 Мы решили воссоздать знаменитую игру Pac-Man для того, чтобы взбодрить и развлечь учеников, а также наградить их приятными бонусами, которые будут мотивировать на следующие покупки.
Задача игры состоит в том, чтобы съесть все печеньки в лабиринте, избегая встречи с привидениями, которые гоняются за героем. За каждые 10 съеденных печенек ученик получает 1% скидки на следующую покупку в школе. Чем больше печенек успеешь съесть, тем больше скидка.
Несмотря на то, что в открытом доступе нашлось немало примеров реализации. Мне пришлось повозиться, чтобы заставить игру работать именно в геткурсе. К тому же, хотелось добавить в игру какую-то изюминку, поэтому я решил сделать лабиринт игры в виде названия школы Russmo🧨
Для этого пришлось написать целый генератор уровней и обучить призраков, выбираться из тупиков)) Зато теперь я могу делать лабиринты любых форм и размеров 🤓
В общем, получилось нереально круто! Все были в восторге от игрушки) Особенно я, когда прошёл её 1000 раз во время тестирования 😁
Использование игр в обучении — это очень эффективный подход. И я настоятельно рекомендую вам использовать игрофикацию в вашей школе. Я удивляюсь тому, что такой эффективный инструмент используется так редко и примитивно) Ведь столько всего можно ещё напридумывать.. Лично у меня в голове ещё много идей, почему бы их не попробовать? 😉
Хочу поделиться новым достижением — я сделал ещё одну игру в геткурсе 🎉 Мы решили воссоздать знаменитую игру Pac-Man для того, чтобы взбодрить и развлечь учеников, а также наградить их приятными бонусами, которые будут мотивировать на следующие покупки.
Задача игры состоит в том, чтобы съесть все печеньки в лабиринте, избегая встречи с привидениями, которые гоняются за героем. За каждые 10 съеденных печенек ученик получает 1% скидки на следующую покупку в школе. Чем больше печенек успеешь съесть, тем больше скидка.
Несмотря на то, что в открытом доступе нашлось немало примеров реализации. Мне пришлось повозиться, чтобы заставить игру работать именно в геткурсе. К тому же, хотелось добавить в игру какую-то изюминку, поэтому я решил сделать лабиринт игры в виде названия школы Russmo
Для этого пришлось написать целый генератор уровней и обучить призраков, выбираться из тупиков)) Зато теперь я могу делать лабиринты любых форм и размеров 🤓
В общем, получилось нереально круто! Все были в восторге от игрушки) Особенно я, когда прошёл её 1000 раз во время тестирования 😁
Использование игр в обучении — это очень эффективный подход. И я настоятельно рекомендую вам использовать игрофикацию в вашей школе. Я удивляюсь тому, что такой эффективный инструмент используется так редко и примитивно) Ведь столько всего можно ещё напридумывать.. Лично у меня в голове ещё много идей, почему бы их не попробовать? 😉
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥76❤🔥23👍5😱4👏3💩1
This media is not supported in your browser
VIEW IN TELEGRAM
Нашёл крутой сервис для создания превьюшек личных кабинетов, всяких отзывов для сайта и прочего.
Мне такое часто бывает нужно, и приходится фотошопить, а тут за 10 сек всё делается. Красота 😊
Мне такое часто бывает нужно, и приходится фотошопить, а тут за 10 сек всё делается. Красота 😊
🔥73👍14👏1🙏1
Media is too big
VIEW IN TELEGRAM
Я не выдержал... 😶
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥102😍18👍6🤯4
У Даниила появился чумовой кейс по оформлению ГК, которое сделано на базе Ремейка. 😍 Спешите видеть!
https://dev-postnov.ru/projects/design-getcourse-opiumova/
https://dev-postnov.ru/projects/design-getcourse-opiumova/
🔥25🤩4👀3
Выдача персонального QR-кода пользователям
На днях делал интересный скрипт для оффлайн событий. С помощью этого скрипта генерируются персональные QR-коды для пользователей, которые затем добавляются в обычную рассылку на платформе GetCourse.
📌 Кейс: Школа проводит платные оффлайн мероприятия, и чтобы на них не проходил кто попало, на входе происходит проверка билетов.
Билет с QR-кодом отправляется на почту пользователя после оплаты в геткурсе. Он может распечатать билет или показать QR-код на экране своего смартфона при входе.
Сотрудник, проверяющий билеты, сканирует QR-код со своего смартфона. Если код действительный, то открывается специальная страница пользователя на платформе GetCourse, где можно увидеть аватарку и имя пользователя, а также тариф, который он приобрел (можно отображать так же ряд и место в зрительном зале).
Ссылка на страницу пользователя зашифрована в QR-коде, которую может расшифровать только скрипт. Подделать такой QR-код практически невозможно.
На странице билетёр может нажать кнопку, которая мгновенно добавит пользователя в группу "Пришедшие на событие". Конечно, кнопка доступна только сотруднику, проверяющему билеты, и недоступна для других людей. Если человек уже прошёл на мероприятие, это будет так же отображаться у билетёра (чтобы нельзя было пройти 2 раза по одному билету).
Как вам такое? 🤓
На днях делал интересный скрипт для оффлайн событий. С помощью этого скрипта генерируются персональные QR-коды для пользователей, которые затем добавляются в обычную рассылку на платформе GetCourse.
📌 Кейс: Школа проводит платные оффлайн мероприятия, и чтобы на них не проходил кто попало, на входе происходит проверка билетов.
Билет с QR-кодом отправляется на почту пользователя после оплаты в геткурсе. Он может распечатать билет или показать QR-код на экране своего смартфона при входе.
Сотрудник, проверяющий билеты, сканирует QR-код со своего смартфона. Если код действительный, то открывается специальная страница пользователя на платформе GetCourse, где можно увидеть аватарку и имя пользователя, а также тариф, который он приобрел (можно отображать так же ряд и место в зрительном зале).
Ссылка на страницу пользователя зашифрована в QR-коде, которую может расшифровать только скрипт. Подделать такой QR-код практически невозможно.
На странице билетёр может нажать кнопку, которая мгновенно добавит пользователя в группу "Пришедшие на событие". Конечно, кнопка доступна только сотруднику, проверяющему билеты, и недоступна для других людей. Если человек уже прошёл на мероприятие, это будет так же отображаться у билетёра (чтобы нельзя было пройти 2 раза по одному билету).
Как вам такое? 🤓
🔥110👍8❤🔥6👏2
This media is not supported in your browser
VIEW IN TELEGRAM
Добавил на GetScript.ru ещё один блок, который помогает пользователям изучать тренинги более комфортно и эффективно, ускоряя доступ к последним просмотренным материалам и сокращая время на их поиск.
🔗 https://getscript.ru/blog/1050019
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14❤🔥7👍3