Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug/issue 45 footer overlapping eventbrite widget when zoomed in #46

Merged
merged 3 commits into from
May 30, 2024
Merged

bug/issue 45 footer overlapping eventbrite widget when zoomed in #46

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
522b10b
push footer to bottom of screen
thescientist13 May 30, 2024
ca64c2a
refactor away usage of float and use flexbox
thescientist13 May 30, 2024
e5ebc7c
align widths for ticket button icons
thescientist13 May 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
86 changes: 46 additions & 40 deletions src/pages/tickets.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,48 +58,54 @@

<hr class="mt-4 mb-4 m-auto md:w-2/3"/>

<div class="mt-8 text-left md:ml-44 lg:w-2/5 lg:ml-44 xl:ml-52">
<h2
class="font-primary text-primary text-2xl uppercase font-extrabold mb-2"
>
<img
src="/assets/images/ga-ticket.webp"
class="block md:inline-block w-1/4 md:w-1/5"
alt="General Admission ticket stub"
height="101"
width="200"
/>
General Admission (&dollar;25)
</h2>
<p class="font-primary text-primary text-left md:w-3/4">
This tickets affords admission for one person with access to the entrance gallery, main hall, and vendors gallery.
</p>
</div>
<div class="flex">
<div class="flex-col lg:w-1/2">
<div class="mt-8 text-left md:ml-44 lg:max-w-5/6 lg:ml-40 xl:ml-48">
<h2
class="font-primary text-primary text-2xl uppercase font-extrabold mb-2"
>
<img
src="/assets/images/ga-ticket.webp"
class="block md:inline-block w-1/4 md:w-1/5"
alt="General Admission ticket stub"
height="101"
width="200"
/>
General Admission (&dollar;25)
</h2>
<p class="font-primary text-primary text-left md:w-3/4">
This tickets affords admission for one person with access to the entrance gallery, main hall, and vendors gallery.
</p>
</div>

<div class="mt-8 text-left md:ml-44 lg:max-w-5/6 lg:ml-40 xl:ml-48">
<h2
class="font-primary text-primary text-2xl uppercase font-extrabold mb-2"
>
<img
src="/assets/images/vip-ticket.webp"
class="block md:inline-block w-1/4 md:w-1/5"
alt="VIP ticket stub"
height="101"
width="200"
/>
VIP Package (&dollar;45)
</h2>
<p class="font-primary text-primary text-left md:w-3/4">
Includes General Admission and access to the mezzanine section and green room, a 10&percnt; off merch coupon code, and complimentary snacks and refreshments. New perks this year include an event poster and an exclusive video / audio recording of highlights from the event.
</p>
</div>
</div>

<div class="mt-8 text-left md:ml-44 lg:w-2/5 lg:ml-44 xl:ml-52">
<h2
class="font-primary text-primary text-2xl uppercase font-extrabold mb-2"
>
<img
src="/assets/images/vip-ticket.webp"
class="block md:inline-block w-1/4 md:w-1/5"
alt="VIP ticket stub"
height="101"
width="200"
/>
VIP Package (&dollar;45)
</h2>
<p class="font-primary text-primary text-left md:w-3/4">
Includes General Admission and access to the mezzanine section and green room, a 10&percnt; off merch coupon code, and complimentary snacks and refreshments. New perks this year include an event poster and an exclusive video / audio recording of highlights from the event.
</p>
<div class="flex-col hidden lg:block lg:w-1/2">
<!-- TODO it is a known issue that for local dev the EventBrite iframe overflows on top of the footer -->
<!-- https://github.com/AnalogStudiosRI/www.blissri.com/issues/4 -->
<div
id="eventbrite-widget-container-902468426357"
class="hidden lg:block lg:w-5/6"
></div>
</div>
</div>

<!-- TODO it is a known issue that for local dev the EventBrite iframe overflows on top of the footer -->
<!-- https://github.com/AnalogStudiosRI/www.blissri.com/issues/4 -->
<div
id="eventbrite-widget-container-902468426357"
class="hidden lg:inline-block w-1/3 float-right -mt-72 mr-24 bg-slate-50 h-96 xl:w-2/5"
></div>
</body>

</html>
Loading