last changes VR

var query = "tag:VR";
var pages = wiki.getSearch(query, 10, "-date");
<div class="lc-list">
    foreach (var pg in pages)
    {
        var wdText = date.format(pg.date, "ddd");
        var wdClass = "lc-wd";
        if (wdText == "Sa" || wdText == "So" || wdText == "Sat" || wdText == "Sun") {
            let wdClass = "lc-wd lc-we";
        }
        <div class="lc-row">
            <div class="lc-cal-wrap">
                <span class=(wdClass)>; wdText; </span>
                <div class="lc-cal">
                    <span class="lc-cal-head">; date.format(pg.date, "MMM yyyy"); </span>
                    <span class="lc-cal-day">; date.format(pg.date, "dd"); </span>
                </div>
            </div>
            <span class="lc-link"><a href=(pg.uri)>; pg.title; </a></span>
        </div>;
    }
</div>

div.lc-list { padding: 0; margin: 0; }
div.lc-row { display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-bottom: 1px solid #eee; transition: background 0.15s ease; }
div.lc-row:last-child { border-bottom: none; }
div.lc-row:hover { background: #f0f6ff; }
div.lc-cal-wrap { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; gap: 2px; }
span.lc-wd { display: block; font-size: 8px; font-weight: bold; color: #fff; background: #555; border-radius: 3px; padding: 1px 5px; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; line-height: 1.4; }
span.lc-we { background: #c0392b; }
div.lc-cal { display: flex; flex-direction: column; align-items: center; width: 56px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; background: #fff; flex-shrink: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
span.lc-cal-head { display: block; background: #0077aa; color: #fff; font-size: 9px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.3px; padding: 3px 2px; width: 100%; text-align: center; line-height: 1.3; white-space: nowrap; }
span.lc-cal-day { display: block; font-size: 20px; font-weight: bold; color: #333; padding: 4px 0; line-height: 1.1; text-align: center; }
span.lc-link { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
span.lc-link a { color: #0077aa; text-decoration: none !important; font-weight: bold; font-size: 14px; }
span.lc-link a:hover { color: #005580; text-decoration: underline !important; }
.widget-tagged-articles .date { display: none; }