Sandpitarticles: Difference between revisions

"The saṅkīrtana just now we have performed, it is vibration of the transcendental sound. This will help us in clearing the dust which we have accumulated on the surface of our mind. The whole thing is misunderstanding. We, as pure soul, pure consciousness, naturally we are aloof from material contamination. But due to our long association with this material atmosphere, we have accumulated a great, thick layer of dust on the mind. So as soon as the dust is cleared off, then we can see ourself, what we are."

660328 - Lecture BG 02.46-47 - New York

@@ Line 1: / Line 1: @@
-<div id="mainbanner">Exploring Śrīla Prabhupāda's Teachings</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">Śrīla Prabhupāda's Media Snippets</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>
 |}
 |} -->