button env img

Author: anistark

src/_includes/components/button.njk

@@ -1,4 +1,4 @@
-{% macro button(text, url, lime_bg=false) %}
+{% macro button(text, url, lime_bg=false, env = env) %}
     {% if lime_bg %}
         {% set bg_class = "bg-pycon-lime hover:bg-pycon-lime/90" %}
         {% set text_class = "text-black" %}
@@ -12,7 +12,7 @@
             {{ text }}
         </span>
         <div class="flex justify-center items-center w-8 h-8 bg-white rounded-full border border-black group-hover:rotate-45 transition-transform duration-300">
-            <img src="{{ '/img/assets/arrow-vector.svg' | url }}" alt="Arrow" class="w-4 h-3 group-hover:scale-110 transition-transform duration-300" />
+            <img src="{{ env.baseUrl }}img/assets/arrow-vector.svg" alt="Arrow" class="w-4 h-3 group-hover:scale-110 transition-transform duration-300" />
         </div>
     </a>
 {% endmacro %}

src/_includes/footer.njk

@@ -2,7 +2,7 @@
 <footer class="bg-blue-600 flex text-white mb-0 bottom-0 w-full relative">
     <div class="relative mx-[6%] md:mx-[12%] mt-24 pb-8 md:pt-20 md:pb-12 w-full md:w-auto">
         <div class="xl:scale-125 text-center md:text-left">
-            {{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true) }}
+            {{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true, env = env) }}
         </div>
         <div class="relative mt-10 pb-4 xl:scale-125 scale-100">
             <div class="text-[#D7FF7B] text-lg md:text-2xl font-normal leading-tight md:leading-loose text-center md:text-left">Connect Us on</div>

src/_includes/landing/communities.njk

@@ -9,7 +9,7 @@
         </p>
 
         <div class="w-fit">
-          {{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true) }}
+          {{ button(text="Become a Volunteer", url="https://docs.google.com/forms/d/e/1FAIpQLSdX2LEom11BbWDiLUiQp1rmeNX9l7J8bfszGidsRDoExy0D5A/viewform", lime_bg=true, env = env) }}
         </div>
       </div>
       <div class="hidden lg:block relative h-[420px]">

src/_includes/landing/sponsors.njk

@@ -10,7 +10,7 @@
                     PyCon India is completely driven by volunteers. Sponsoring the event helps to sustain and grow the conference as well as
                     the Community. Sponsor help in making the conference affordable, and maintaining the inventory for the conference.
                 </p>
-                {{ button(text="Download Prospectus", url="/PyConIndia2025SponsorshipBrochure.pdf", lime_bg=true) }}
+                {{ button(text="Download Prospectus", url="/PyConIndia2025SponsorshipBrochure.pdf", lime_bg=true, env = env) }}
             </div>
             <!-- Desktop image -->
             <div class="hidden md:flex justify-end -mt-72">

src/cfp.njk

@@ -117,7 +117,7 @@ layout: base.njk
                     </li>
                 </ul>
                 <div class="flex justify-center pt-8">
-                    {{ button(text="Submit a Proposal", url="https://cfp.in.pycon.org/2025/cfp", lime_bg=true) }}
+                    {{ button(text="Submit a Proposal", url="https://cfp.in.pycon.org/2025/cfp", lime_bg=true, env = env) }}
                 </div>
             </div>
         </div>

src/tickets.njk

@@ -211,7 +211,7 @@ layout: base.njk
                     </li>
                 </ul>
                 <div class="flex justify-center pt-8">
-                    {{ button(text="Buy Tickets !!", url="https://konfhub.com/pyconindia2025", lime_bg=true) }}
+                    {{ button(text="Buy Tickets !!", url="https://konfhub.com/pyconindia2025", lime_bg=true, env = env) }}
                 </div>
             </div>
         </div>

src/venue.njk

@@ -30,7 +30,7 @@ layout: base.njk
                 <p>Hosur Road, Lakkasandra,</p>
                 <p>Bengaluru - 560029</p>
                 <p>Landmark: Near Dairy Circle</p>
-                <div class="pt-8">{{ button(text="Find Direction", url="https://maps.app.goo.gl/jwUM4FYX6G35YkYe7?g_st=com.google.maps.preview.copy", lime_bg=true) }}</div>
+                <div class="pt-8">{{ button(text="Find Direction", url="https://maps.app.goo.gl/jwUM4FYX6G35YkYe7?g_st=com.google.maps.preview.copy", lime_bg=true, env = env) }}</div>
             </div>
             <div class="w-[90%] lg:w-[70%] xl:w-[52%] pt-24 pr-4 mx-auto lg:ml-auto">
                 {% call card(bg="lime") -%}