Sandpitarticles: Difference between revisions

"The human being should understand that 'I am mūḍha, so I'll have to learn'. And the Vedas says, 'Then go to guru'. Tad-vijñānārthaṁ sa gurum evābhigacchet: (MU 1.2.12) 'You must go if you want to learn'. And if he remains mūḍha and speculates, then he remains mūḍha. He never gets the enlightenment. He remains continually... Mūḍhā janmani janmani mām aprāpyaiva (BG 16.20). He cannot get God. Life after life, he will go on like that, mūḍha."

760204 - Morning Walk - Mayapur

@@ Line 1: / Line 1: @@
-<div id="mainbanner">Random Articles</div><br>
+<div id="mainbanner" style="border-radius:10px;">Exploring Śrīla Prabhupāda's Teachings</div><br>
 <!--------------------------------Random Articles------------------------------->
 {{RandomArticles}}
+<!--
 <div align=center>
-<div id="mainbanner">Random Media of Śrīla Prabhupāda</div><br>
+<div id="mainbanner" style="border-radius:10px;">Śrīla Prabhupāda's Media Snippets</div><br>
+-->
 <!--------------------------------Random Media------------------------------->
+<!--
 <div class="row">
-   <div class="large-3 columns">{{Random ImageQuote}}</div>
+   <div class="large-3 columns">{{RandomShorts}}</div>
-   <div class="large-5 columns"><div style="margin: 8px 0 0 25px"><nomobile>{{RandomVideo}}</nomobile></div><mobileonly>{{RandomVideoMobile}}</mobileonly></div>
+   <div class="large-5 columns"><div style="margin: 8px 0 0 25px"><nomobile>{{RandomVideo2}}</nomobile></div><mobileonly>{{RandomVideoMobile}}</mobileonly></div>
-   <div class="large-4 columns">{{RandomImage 400px}}</div>
+   <div class="large-4 columns">{{Random ImageQuote}}</div>
+</div>
+-->
+<div style="text-align: center; width: 100%;">
+<div id="mainbanner" style="border-radius:10px; margin-bottom: 25px; width: 100%;">Śrīla Prabhupāda's Media Snippets</div>
+<!--------------------Identical Styled Card Grid with Green Borders-------------------->
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; width: 100%; margin: 0 auto; padding: 0; align-items: stretch;">
+  <!-- Box 1 (Left) -->
+  <div style="flex: 1 1 300px; max-width: 320px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      {{RandomShorts}}
+    </div>
+  </div>
+  <!-- Box 2 (Center) -->
+  <div style="flex: 1 1 400px; max-width: 450px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      <nomobile>{{RandomVideo2}}</nomobile>
+      <mobileonly>{{RandomVideoMobile}}</mobileonly>
+    </div>
+  </div>
+  <!-- Box 3 (Right) -->
+  <div style="flex: 1 1 300px; max-width: 320px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      {{Random ImageQuote}}
+    </div>
+  </div>
+</div>
 </div>
 <br />
-| align=center|{{Master Main Page - Random Audio Clips from Srila Prabhupada}}
+{{Master Main Page - Random Audio Clips from Srila Prabhupada}}
 <!--------------------------------Latest News and Updates------------------------------->
-<div id="mainbanner">Latest News and Updates</div><br>
+<!--
+<div id="mainbanner" style="border-radius:10px;">Latest News and Updates</div><br>
 <html><div class="feedgrabbr_widget" id="fgid_e66b13cc97b8e0f74f94b6188">
   </div>
@@ Line 26: / Line 64: @@
   </script></html>
 <br />
+-->
 <!--------------------------------Old Random Image------------------------------->
 <!-- {| id="mp-tfp" style="margin:4px 0px 0px 0px; width:100%; background:none;"
@@ Line 55: / Line 95: @@
 ! <h2  id="mp-tfp-h2" style="margin:0; background:#ddcef2; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:middle; color:#000; padding:0.2em 0.4em">[[Random Video Clips of Srila Prabhupada|Random Video Clips of Srila Prabhupada]]</h2>
 |-
-| <div class="center"><br />{{RandomVideo}}</div>
+| <div class="center"><br />{{RandomVideo2}}</div>
 |}
 |} -->