Explain rifts and temple feedback

Author: web3blind

app/css/main.css

@@ -975,7 +975,12 @@ body {
     padding: 8px 12px; background: rgba(212,168,67,0.1);
     border: 1px solid var(--color-primary); border-radius: var(--radius-sm);
     font-size: 0.9rem; animation: eventPulse 2s ease-in-out infinite;
+    color: var(--color-text); text-align: left; width: 100%;
 }
+.event-banner-button { cursor: pointer; font: inherit; }
+.event-banner-button:focus { outline: 2px solid var(--color-primary); outline-offset: 2px; }
+.event-copy { flex: 1; display: flex; flex-direction: column; gap: 2px; }
+.event-desc { color: var(--color-text-muted); font-size: 0.82rem; }
 @keyframes eventPulse {
     0%, 100% { opacity: 1; }
     50% { opacity: 0.8; }
@@ -1837,3 +1842,14 @@ body,
     background: var(--color-surface-2);
     color: var(--color-text-muted);
 }
+
+
+.temple-status-region {
+    min-height: 1.2em;
+    margin-top: 8px;
+    color: var(--color-text-muted);
+}
+.temple-status-success {
+    color: var(--color-success);
+    font-weight: 600;
+}

app/index.html

@@ -13,7 +13,7 @@
     <link rel="icon" type="image/png" sizes="192x192" href="assets/icons/viz-magic-192.png?v=20260713a">
     <link rel="icon" type="image/png" sizes="512x512" href="assets/icons/viz-magic-512.png?v=20260713a">
     <link rel="apple-touch-icon" href="assets/icons/viz-magic-192.png?v=20260713a">
-    <link rel="stylesheet" href="css/main.css?v=20260712k">
+    <link rel="stylesheet" href="css/main.css?v=20260713a">
     <link rel="stylesheet" href="css/themes.css">
     <link rel="stylesheet" href="css/accessibility.css">
 </head>
@@ -120,8 +120,8 @@
     <script src="js/config.js?v=20260712a"></script>
 
     <!-- I18n -->
-    <script src="js/i18n/ru.js?v=20260713c"></script>
-    <script src="js/i18n/en.js?v=20260713c"></script>
+    <script src="js/i18n/ru.js?v=20260713d"></script>
+    <script src="js/i18n/en.js?v=20260713d"></script>
 
     <!-- Utilities -->
     <script src="js/utils/helpers.js?v=20260621l"></script>
@@ -186,7 +186,7 @@
     <script src="js/ui/screens/landing.js"></script>
     <script src="js/ui/screens/login.js?v=20260711a"></script>
     <script src="js/ui/screens/onboarding.js"></script>
-    <script src="js/ui/screens/home.js?v=20260713b"></script>
+    <script src="js/ui/screens/home.js?v=20260713c"></script>
     <script src="js/ui/screens/character.js?v=20260713b"></script>
     <script src="js/ui/screens/hunt.js?v=20260713b"></script>
     <script src="js/ui/screens/inventory.js?v=20260621l"></script>
@@ -202,7 +202,7 @@
     <script src="js/ui/screens/settings.js?v=20260713a"></script>
     <script src="js/ui/screens/help.js?v=20260712a"></script>
     <script src="js/ui/screens/leaderboard.js?v=20260712c"></script>
-    <script src="js/ui/screens/temple.js?v=20260712c"></script>
+    <script src="js/ui/screens/temple.js?v=20260713a"></script>
 
     <!-- Main App Controller (must be last) -->
     <script src="js/ui/app.js?v=20260712a"></script>

app/js/i18n/en.js

@@ -859,7 +859,8 @@ var LangEN = {
     event_weave_surge: 'Weave Surge',
     event_weave_surge_desc: 'Mana regeneration doubled!',
     event_minor_rift: 'Minor Rift',
-    event_minor_rift_desc: 'Rare creatures appear in the World!',
+    event_minor_rift_desc: 'Rare creatures appear more often in hunts. Press to go hunting while the rift is open.',
+    event_time_left: '{time} left.',
     event_world_boss: 'World Boss',
     event_world_boss_desc: 'The Aether Dragon has awakened!',
     event_next_season: 'Season Change',
@@ -1049,7 +1050,7 @@ var LangEN = {
     temple_offer_button: 'Offer {cost}',
     temple_offering_started: 'Sending the offering to the chain...',
     temple_offering_failed: 'Offering failed. Mana should not count as spent in game.',
-    temple_offering_success: 'Offering accepted. A sign of faith was added to your bag.',
+    temple_offering_success: 'Your prayer was heard. The offering was accepted and a faith mark was added to your bag.',
     temple_cooldown_active: 'This deity has already accepted an offering today.',
     temple_last_offering_recorded: 'A recent offering is already recorded in the world.',
     temple_no_offering_yet: 'No offering to this deity has been recorded yet.',
@@ -1067,7 +1068,7 @@ var LangEN = {
     temple_social_publish: 'Publish the prayer to the Chronicle',
     temple_social_note: 'This creates a separate #viz_magic #temple post so the prayer is visible in the social feed.',
     temple_social_post: '{name} prays at the Temple. {deity}, hear this: “{prayer}” #viz_magic #temple {tag}',
-    temple_social_success: 'Prayer published to the Chronicle.',
+    temple_social_success: 'Your prayer was heard and published to the Chronicle.',
     temple_social_failed: 'The offering was accepted, but the prayer post was not sent. The reward is saved.',
     temple_energy_check_failed: 'Could not check mana before the offering.',
     temple_not_enough_mana: 'Not enough mana for the offering.',

app/js/i18n/ru.js

@@ -859,7 +859,8 @@ var LangRU = {
     event_weave_surge: 'Всплеск Плетения',
     event_weave_surge_desc: 'Регенерация маны удвоена!',
     event_minor_rift: 'Малый Разлом',
-    event_minor_rift_desc: 'Редкие существа появляются в Мире!',
+    event_minor_rift_desc: 'Редкие существа чаще появляются на охоте. Нажми, чтобы перейти к охоте, пока разлом открыт.',
+    event_time_left: 'Осталось {time}.',
     event_world_boss: 'Мировой Босс',
     event_world_boss_desc: 'Эфирный Дракон пробудился!',
     event_next_season: 'Смена Сезона',
@@ -1049,7 +1050,7 @@ var LangRU = {
     temple_offer_button: 'Принести {cost}',
     temple_offering_started: 'Подношение отправляется в цепочку...',
     temple_offering_failed: 'Подношение не удалось. Мана не должна считаться потраченной в игре.',
-    temple_offering_success: 'Подношение принято. Знак веры добавлен в сумку.',
+    temple_offering_success: 'Твоя молитва услышана. Подношение принято, знак веры добавлен в сумку.',
     temple_cooldown_active: 'Сегодня это божество уже приняло подношение.',
     temple_last_offering_recorded: 'Последнее подношение уже записано в мире.',
     temple_no_offering_yet: 'Подношений этому божеству ещё не было.',
@@ -1067,7 +1068,7 @@ var LangRU = {
     temple_social_publish: 'Опубликовать молитву в Хронику',
     temple_social_note: 'Это создаст отдельный пост с #viz_magic #temple, чтобы молитву увидели в социальной ленте.',
     temple_social_post: '{name} молится в Храме. {deity}, услышь: «{prayer}» #viz_magic #temple {tag}',
-    temple_social_success: 'Молитва опубликована в Хронику.',
+    temple_social_success: 'Твоя молитва услышана и опубликована в Хронику.',
     temple_social_failed: 'Подношение принято, но пост молитвы не отправился. Награда сохранена.',
     temple_energy_check_failed: 'Не удалось проверить ману перед подношением.',
     temple_not_enough_mana: 'Недостаточно маны для подношения.',

app/js/ui/screens/home.js

@@ -83,6 +83,14 @@ var HomeScreen = (function() {
             });
         }
 
+        var eventButtons = el.querySelectorAll('.event-banner-button');
+        for (var eb = 0; eb < eventButtons.length; eb++) {
+            eventButtons[eb].addEventListener('click', function() {
+                SoundManager.play('tap');
+                Helpers.EventBus.emit('navigate', this.getAttribute('data-screen'));
+            });
+        }
+
         // Boss alert click
         var bossAlert = el.querySelector('.boss-alert');
         if (bossAlert) {
@@ -140,11 +148,21 @@ var HomeScreen = (function() {
             if (evt.type === 'world_boss') continue; // Shown separately
             var timeLeft = Math.floor(evt.blocksRemaining * 3 / 60);
             var timeStr = timeLeft > 60 ? Math.floor(timeLeft / 60) + 'h' : timeLeft + 'm';
-            html += '<div class="event-banner-item">' +
+            var descKey = evt.nameKey + '_desc';
+            var desc = t(descKey);
+            if (!desc || desc === descKey) desc = '';
+            var target = evt.type === 'minor_rift' ? 'hunt' : '';
+            var tag = target ? 'button' : 'div';
+            var attrs = target ? ' type="button" data-screen="' + target + '"' : '';
+            html += '<' + tag + ' class="event-banner-item event-banner-' + evt.type + (target ? ' event-banner-button' : '') + '"' + attrs + ' aria-label="' +
+                t(evt.nameKey) + (desc ? '. ' + desc : '') + ' ' + t('event_time_left', {time: timeStr}) + '">' +
                 '<span class="event-icon" aria-hidden="true">' + evt.icon + '</span>' +
-                '<span class="event-name">' + t(evt.nameKey) + '</span>' +
+                '<span class="event-copy">' +
+                    '<span class="event-name">' + t(evt.nameKey) + '</span>' +
+                    (desc ? '<span class="event-desc">' + desc + '</span>' : '') +
+                '</span>' +
                 '<span class="event-timer">' + timeStr + '</span>' +
-            '</div>';
+            '</' + tag + '>';
         }
         html += '</div>';
         return html;

app/js/ui/screens/temple.js

@@ -43,6 +43,7 @@ var TempleScreen = (function() {
                 '<h1 data-screen-focus>' + t('temple_title') + '</h1>' +
                 '<p>' + t('temple_intro') + '</p>' +
                 '<p class="temple-balance-note">' + t('temple_balance_note') + '</p>' +
+                '<p id="temple-status-region" class="temple-status-region" role="status" aria-live="polite"></p>' +
             '</div>' +
             '<div class="temple-deities">';
 
@@ -109,6 +110,13 @@ var TempleScreen = (function() {
         return html;
     }
 
+    function _setTempleStatus(message, isSuccess) {
+        var el = Helpers.$('temple-status-region');
+        if (!el) return;
+        el.className = 'temple-status-region' + (isSuccess ? ' temple-status-success' : '');
+        el.textContent = message || '';
+    }
+
     function _makeOffering(deityId) {
         if (busy) return;
         var deity = null;
@@ -117,6 +125,7 @@ var TempleScreen = (function() {
         }
         if (!deity) return;
         if (!VizAccount.isLoggedIn || !VizAccount.isLoggedIn()) {
+            _setTempleStatus(Helpers.t('not_logged_in'), false);
             Toast.error(Helpers.t('not_logged_in'));
             return;
         }
@@ -126,6 +135,7 @@ var TempleScreen = (function() {
         var headBlock = state.headBlock || 0;
         var last = state.temple && state.temple[user] ? (state.temple[user][deity.id] || 0) : 0;
         if (last && headBlock && headBlock - last < 28800) {
+            _setTempleStatus(Helpers.t('temple_cooldown_active'), false);
             Toast.info(Helpers.t('temple_cooldown_active'));
             return;
         }
@@ -135,22 +145,26 @@ var TempleScreen = (function() {
         var shouldPublish = !socialToggle || socialToggle.checked;
 
         busy = true;
+        _setTempleStatus(Helpers.t('temple_offering_started'), false);
         Toast.info(Helpers.t('temple_offering_started'));
         VizAccount.getAccount(user, function(energyErr, accountData) {
             if (energyErr || !accountData) {
                 busy = false;
+                _setTempleStatus(Helpers.t('temple_energy_check_failed'), false);
                 Toast.error(Helpers.t('temple_energy_check_failed'));
                 return;
             }
             var currentEnergy = VizAccount.calculateCurrentEnergy(accountData);
             if (currentEnergy < OFFERING_ENERGY) {
                 busy = false;
+                _setTempleStatus(Helpers.t('temple_not_enough_mana'), false);
                 Toast.error(Helpers.t('temple_not_enough_mana'));
                 return;
             }
             VizBroadcast.templeOffering(deity.id, deity.target, OFFERING_ENERGY, prayerText, function(err, result) {
                 busy = false;
                 if (err) {
+                    _setTempleStatus(Helpers.t('temple_offering_failed'), false);
                     Toast.error(Helpers.t('temple_offering_failed'));
                     return;
                 }
@@ -162,9 +176,11 @@ var TempleScreen = (function() {
                     user, deity.id, deity.target, OFFERING_ENERGY, blockNum, prayerText
                 );
                 if (event && event.type === 'temple_offering_rejected') {
+                    _setTempleStatus(Helpers.t('temple_cooldown_active'), false);
                     Toast.info(Helpers.t('temple_cooldown_active'));
                 } else {
                     StateEngine.saveCheckpoint(function() {});
+                    _setTempleStatus(Helpers.t('temple_offering_success'), true);
                     Toast.success(Helpers.t('temple_offering_success'));
                     if (shouldPublish) {
                         _publishPrayerPost(deity, prayerText, user);

app/manifest.json

@@ -3,7 +3,7 @@
     "short_name": "VizMagic",
     "description": "Viz Magic — accessible browser RPG on the VIZ blockchain",
     "id": "https://vizmagic.web3blind.xyz/",
-    "start_url": "/?pwa=viz-magic-v51",
+    "start_url": "/?pwa=viz-magic-v52",
     "scope": "/",
     "display": "standalone",
     "display_override": ["standalone", "minimal-ui"],

app/sw.js

@@ -1,5 +1,5 @@
 // Viz Magic — Service Worker
-var CACHE_NAME = 'viz-magic-v51';
+var CACHE_NAME = 'viz-magic-v52';
 var ASSETS = [
     '/',
     '/index.html',