where the wild roses grow

mybb@mybb.ru (Rosemary Willington) — Mon, 27 Jul 2026 20:56:31 +0300

��

mybb@mybb.ru (Rosemary Willington) — Tue, 21 Jul 2026 15:07:41 +0300

[html]<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Advent+Pro:wght@600;700&family=Jost:wght@400;500&display=swap" rel="stylesheet">

<div id="pgen">
<style>
#pgen{
--bg:#16151c; --panel:#201f29; --line:#373543;
--ink:#e5e3ec; --dim:#8b8899; --red:#8e2233; --redhi:#b32c40; --blue:#6462b5;
display:block; padding:20px; border-radius:12px;
background:var(--bg); color:var(--ink);
font:400 13px/1.5 'Jost',sans-serif; text-align:left;
}
#pgen *{box-sizing:border-box}
#pgen h3{
font:700 20px/1 'Advent Pro',sans-serif; text-transform:uppercase; letter-spacing:.08em;
margin:0 0 18px; color:var(--ink);
}
#pgen h4{
font:600 12px/1 'Advent Pro',sans-serif; text-transform:uppercase; letter-spacing:.1em;
color:var(--dim); margin:0 0 10px;
}
#pgen .pg-cols{display:flex; gap:20px; align-items:flex-start}
#pgen .pg-form{flex:1 1 auto; min-width:0}
#pgen .pg-out{flex:0 0 340px; position:sticky; top:20px}
@media (max-width:880px){
#pgen .pg-cols{display:block}
#pgen .pg-out{width:auto; position:static; margin-top:16px}
}
#pgen .pg-sec{margin:0 0 20px}

#pgen label{display:block; font:400 10px/1.4 'Jost',sans-serif; text-transform:uppercase;
letter-spacing:.07em; color:var(--dim); margin:0 0 4px}
#pgen input[type=text], #pgen input[type=number], #pgen textarea{
width:100%; padding:8px 10px; margin:0;
background:var(--panel); border:1px solid var(--line); border-radius:6px;
color:var(--ink); font:400 13px 'Jost',sans-serif;
}
#pgen input:focus, #pgen textarea:focus{outline:none; border-color:var(--blue)}
#pgen textarea{resize:vertical; min-height:70px;
font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11.5px; line-height:1.45}

#pgen .pg-g2{display:grid; grid-template-columns:1fr 1fr; gap:10px}
#pgen .pg-g3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px}
#pgen .pg-f{margin:0 0 10px}

#pgen .pg-row{position:relative; padding:0 30px 0 0; margin:0 0 10px}
#pgen .pg-row.pg-main{padding-left:9px; border-left:2px solid var(--redhi)}
#pgen .pg-del{
position:absolute; top:16px; right:0; width:22px; height:22px;
border:none; border-radius:5px; background:transparent; color:var(--dim);
cursor:pointer; font-size:11px; line-height:1; padding:0;
}
#pgen .pg-del:hover{background:var(--red); color:#fff}

#pgen button{font-family:'Jost',sans-serif}
#pgen .pg-add{
padding:6px 12px; background:transparent; color:var(--dim);
border:1px solid var(--line); border-radius:6px; cursor:pointer; font-size:11.5px;
}
#pgen .pg-add:hover{border-color:var(--blue); color:var(--ink)}

#pgen #pg-code{min-height:300px; background:#100f16; font-size:11px}
#pgen .pg-btns{display:flex; gap:8px; margin-top:9px}
#pgen .pg-btn{
flex:1; padding:9px; border:none; border-radius:6px; cursor:pointer;
font:600 11px 'Advent Pro',sans-serif; text-transform:uppercase; letter-spacing:.09em;
}
#pgen .pg-btn-p{background:var(--red); color:#fff}
#pgen .pg-btn-p:hover{background:var(--redhi)}
#pgen .pg-btn-s{background:transparent; color:var(--dim); border:1px solid var(--line)}
#pgen .pg-btn-s:hover{border-color:var(--blue); color:var(--ink)}

#pgen .pg-note{margin:8px 0 0; font-size:11.5px; color:#c9909c; display:none}
#pgen .pg-note.pg-show{display:block}

#pgen .pg-check{display:flex; align-items:center; gap:7px; font-size:12px;
color:var(--dim); cursor:pointer; margin:0; text-transform:none; letter-spacing:0}
#pgen .pg-check input{width:14px; height:14px; accent-color:var(--redhi); margin:0}
</style>

</div>

</div>
</div>

var DEF_BG = 'https://forumstatic.ru/files/001c/bd/d1/23353.png';

function epRow(d){
d = d || {};
var el = document.createElement('div');
el.className = 'pg-row pg-ep';
el.innerHTML =
'<button class="pg-del" title="��">✕</button>'+
'<div class="pg-g3">'+
'<div class="pg-f"><label>��</label><input type="text" class="e-title"></div>'+
'<div class="pg-f"><label>��</label><input type="text" class="e-who"></div>'+
'<div class="pg-f"><label>��</label><input type="text" class="e-url"></div>'+
'</div>'+
'<label class="pg-check"><input type="checkbox" class="e-closed"> ��</label>';
set(el,'.e-title',d.title); set(el,'.e-who',d.who); set(el,'.e-url',d.url);
if(d.closed) el.querySelector('.e-closed').checked = true;
return el;
}

function imgRow(src){
var el = document.createElement('div');
el.className = 'pg-row pg-img';
el.innerHTML =
'<button class="pg-del" title="��">✕</button>'+
'<div class="pg-f"><label>��</label><input type="text" class="i-src"></div>';
set(el,'.i-src',src);
return el;
}

var charsHtml = chars.map(function(c){
var link = ' <a class="ch-go" href="'+esc(c.url)+'" title="� ��"><i class="fa-solid fa-address-card"></i></a>\n'+
' <b>'+esc(c.name)+'</b><i>'+esc(c.race)+'</i>';
return c.main
? '<div class="ch-char main on">\n'+link+'\n</div>'
: '<div class="ch-char"\n data-ava="'+esc(c.ava)+'"\n'+
' data-mercy="'+esc(c.mercy)+'" data-wrath="'+esc(c.wrath)+'">\n'+link+'\n</div>';
}).join('\n\n');

var eps = all('#pg-eps .pg-ep').map(function(r){
var g = function(s){ return r.querySelector(s).value.trim(); };
var x = r.querySelector('.e-closed').checked ? '<span class="x">[x]</span>' : '';
var w = g('.e-who');
return '<a href="'+esc(g('.e-url'))+'" class="ch-ep">'+x+esc(g('.e-title'))+
(w ? ' <i>('+esc(w)+')</i>' : '')+'</a>';
}).join('\n');

q('pg-code').value =
"<div class='character'>\n"+
'<div class="ch-photo"><img src="'+esc(v('pg-bg') || DEF_BG)+'"></div>\n\n'+
'<div class="ch-side">\n\n'+
'<div class="ch-ava">\n<img src="'+esc(v('pg-ava'))+'">\n</div>\n\n'+
'<div class="ch-stat"><img src="https://forumstatic.ru/files/001c/bd/d1/28034.png"><b>��:</b><span class="ch-mercy">'+esc(v('pg-mercy'))+'</span></div>\n'+
'<div class="ch-stat"><img src="https://forumstatic.ru/files/001c/bd/d1/66823.png"><b>��:</b><span class="ch-wrath">'+esc(v('pg-wrath'))+'</span></div>\n\n'+
'<div class="ch-chars">\n\n'+charsHtml+'\n\n'+
'</div>\n'+
'</div>\n\n'+
'<div class="menu">\n<div class="menu-links">\n'+
"<span alt=\"sm1\" class=\"tabactive\" onclick='showTab(this);'>��</span>\n"+
"<span alt=\"sm2\" onclick='showTab(this);'>��</span>\n"+
'</div>\n</div>\n\n'+
'<div id="submenu">\n<div class="sm1 submenutext" style="display:block;">\n\n'+
'<div class="ch-box tall">\n<div class="ch-box-t">��</div>\n<div class="ch-grid g3">\n'+coll+'\n</div>\n</div>\n\n'+
'<div class="ch-box short">\n<div class="ch-box-t">��</div>\n'+eps+'\n</div>\n\n'+
'</div>\n\n'+
'<div class="sm2 submenutext">\n\n'+
'<div class="ch-box tall">\n<div class="ch-box-t">�� </div>\n<div class="ch-grid g5">\n'+bms+'\n</div>\n</div>\n\n'+
'<div class="ch-box short">\n<div class="ch-box-t">�� </div>\n<div class="ch-grid g5">\n'+bgs+'\n</div>\n</div>\n\n'+
'</div>\n</div>\n</div>';

note(chars);
}

var n = q('pg-note');
n.className = w.length ? 'pg-note pg-show' : 'pg-note';
n.textContent = w.length ? '��: ' + w.join('; ') : '';
}

q('pg-bg').value = src('.ch-photo img') || DEF_BG;
q('pg-ava').value = src('.ch-ava img');
q('pg-mercy').value = txt('.ch-mercy') || 0;
q('pg-wrath').value = txt('.ch-wrath') || 0;

function fill(hostId, grid){
var h = q(hostId); h.innerHTML = '';
if(!grid) return;
Array.prototype.slice.call(grid.querySelectorAll('img')).forEach(function(im){
h.appendChild(imgRow(im.getAttribute('src')));
});
}
var g5 = list('.ch-grid.g5');
fill('pg-coll', one('.ch-grid.g3'));
fill('pg-bm', g5[0]);
fill('pg-bgs', g5[1]);

q('pg-import').value = '';
build();
}

root.addEventListener('input', function(e){
if(e.target.id === 'pg-import' || e.target.id === 'pg-code') return;
build();
});
root.addEventListener('change', function(e){
if(e.target.type === 'checkbox') build();
});
root.addEventListener('click', function(e){
var d = e.target.closest ? e.target.closest('.pg-del') : null;
if(d){ d.parentNode.remove(); build(); }
});

q('pg-addchar').onclick = function(){ q('pg-chars').appendChild(charRow()); build(); };
q('pg-addep').onclick = function(){ q('pg-eps').appendChild(epRow()); build(); };
q('pg-addcoll').onclick = function(){ q('pg-coll').appendChild(imgRow()); build(); };
q('pg-addbm').onclick = function(){ q('pg-bm').appendChild(imgRow()); build(); };
q('pg-addbg').onclick = function(){ q('pg-bgs').appendChild(imgRow()); build(); };
q('pg-doimport').onclick = doImport;

q('pg-copy').onclick = function(){
var t = q('pg-code'), b = q('pg-copy');
t.select(); t.setSelectionRange(0, 999999);
var done = function(){ b.textContent = '��'; setTimeout(function(){ b.textContent='��'; }, 1500); };
if(navigator.clipboard) navigator.clipboard.writeText(t.value).then(done, function(){ document.execCommand('copy'); done(); });
else { document.execCommand('copy'); done(); }
};

q('pg-reset').onclick = function(){
if(!confirm('�� ?')) return;
q('pg-bg').value = DEF_BG; q('pg-ava').value = '';
q('pg-mercy').value = 0; q('pg-wrath').value = 0;
q('pg-chars').innerHTML = ''; q('pg-chars').appendChild(charRow({},true));
q('pg-eps').innerHTML = ''; q('pg-eps').appendChild(epRow());
q('pg-coll').innerHTML = ''; q('pg-bm').innerHTML = ''; q('pg-bgs').innerHTML = '';
build();
};

q('pg-bg').value = DEF_BG;
q('pg-chars').appendChild(charRow({},true));
q('pg-eps').appendChild(epRow());
build();
})();
</script>[/html]
[hideprofile]

��

mybb@mybb.ru (Rosemary Willington) — Sun, 12 Jul 2026 14:46:26 +0300

��

mybb@mybb.ru (Rosemary Willington) — Wed, 08 Jul 2026 18:25:05 +0300

��

mybb@mybb.ru (Rosemary Willington) — Tue, 07 Jul 2026 22:23:48 +0300

��.

design test number one fan dima bilan

where the wild roses grow

������� ���� ��������

������ ������ ���

�������� ���������

��� ����� �����

��

��

��

��