Skip to content

Instantly share code, notes, and snippets.

@Tonich333
Tonich333 / mystic-cinema.js
Created May 27, 2026 18:33
Mystic Cinema Plugin for Lampa
(function(){
if(window.mysticLoaded)return;
window.mysticLoaded=true;
var s=document.createElement('style');
s.innerHTML='.mw{padding:20px;background:#0d0d1a;min-height:100%}.mt{color:#b388ff;font-size:26px;margin-bottom:20px}.mg{display:flex;flex-wrap:wrap;gap:15px}.mc{width:150px;background:#1a1a2e;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent}.mc:hover{border-color:#b388ff}.mc img{width:100%;height:220px;object-fit:cover}.mct{color:#fff;font-size:12px;padding:5px}.mcy{color:#aaa;font-size:11px;padding:0 5px}.mcr{color:gold;font-size:12px;padding:5px}.ml{color:#b388ff;font-size:22px;text-align:center;padding:60px}';
document.head.appendChild(s);
Lampa.Component.add('mystic_screen',function(){
var self=this;
@Tonich333
Tonich333 / mystic-cinema.js
Created May 27, 2026 18:26
Mystic Cinema Plugin for Lampa
(function() {
if (window.mysticLoaded) return;
window.mysticLoaded = true;
var style = document.createElement('style');
style.innerHTML = [
'.mystic-wrap { padding: 20px; background: #0d0d1a; min-height: 100%; }',
'.mystic-title { color: #b388ff; font-size: 26px; margin-bottom: 20px; }',
'.mystic-grid { display: flex; flex-wrap: wrap; gap: 15px; }',
@Tonich333
Tonich333 / mystic-cinema.js
Created May 27, 2026 18:18
Mystic Cinema Plugin for Lampa
(function() {
if (window.mysticLoaded) return;
window.mysticLoaded = true;
var style = document.createElement('style');
style.innerHTML = [
'.mystic-wrap { padding: 20px; background: #0d0d1a; min-height: 100%; }',
'.mystic-title { color: #b388ff; font-size: 26px; margin-bottom: 20px; }',
'.mystic-grid { display: flex; flex-wrap: wrap; gap: 15px; }',
@Tonich333
Tonich333 / mystic-cinema.js
Created May 27, 2026 18:14
Mystic Cinema Plugin for Lampa
(function() {
if (window.mysticLoaded) return;
window.mysticLoaded = true;
var style = document.createElement('style');
style.innerHTML = '\
.mystic-wrap { padding: 20px; background: #0d0d1a; min-height: 100%; }\
.mystic-title { color: #b388ff; font-size: 26px; margin-bottom: 20px; }\
.mystic-grid { display: flex; flex-wrap: wrap; gap: 15px; }\
@Tonich333
Tonich333 / mystic-cinema.js
Created May 27, 2026 18:08
Mystic Cinema Plugin for Lampa
(function() {
if (window.mysticLoaded) return;
window.mysticLoaded = true;
//================================
// 🗃️ ЯЩИК 1 — Стили CSS
//================================
var style = document.createElement('style');
style.innerHTML = '\
@Tonich333
Tonich333 / mystic-cinema.js
Created May 27, 2026 18:00
Mystic Cinema Plugin for Lampa
(function() {
// Защита от двойной загрузки
if (window.mysticLoaded) return;
window.mysticLoaded = true;
//================================
// 🗃️ ЯЩИК 1 — Стили CSS
//================================