saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-04-19 19:01:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Normalize banner layout on screen sizes, fix kind0 in zap flow, make only image in templates clickable

Browse Source
This commit is contained in:
austinkelsay 2024-04-22 11:59:20 -05:00
parent b2a6686e89
commit f258866e07
5 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/banner/HeroBanner.js
View File

@ -39,16 +39,16 @@ const HeroBanner = () => {
quality={100}
className='opacity-70'
/>
<div className="absolute text-center text-white text-xl h-full flex flex-col justify-evenly">
<p className='text-2xl md:text-3xl lg:text-4xl xl:text-5xl'>Learn how to code</p>
<p className='text-2xl md:text-3xl lg:text-4xl xl:text-5xl'>
<div className="max-mob:min-w-full max-tab:min-w-[38%] min-w-[35%] absolute text-center text-white text-xl h-full flex flex-col justify-evenly">
<p className='text-xl md:text-3xl lg:text-4xl xl:text-5xl'>Learn how to code</p>
<p className='text-xl md:text-3xl lg:text-4xl xl:text-5xl'>
Build{' '}
<span className={`inline-block w-[35%] ${isFlipping ? 'flip-enter-active' : ''} ${getColorClass(options[currentOption])}`}>
<span className={`inline-block w-[50%] ${isFlipping ? 'flip-enter-active' : ''} ${getColorClass(options[currentOption])}`}>
{options[currentOption]}
</span>
{' '}apps
{' '}Apps
</p>
<p className='text-2xl md:text-3xl lg:text-4xl xl:text-5xl'>Become a Bitcoin developer</p>
<p className='text-xl md:text-3xl lg:text-4xl xl:text-5xl'>Become a developer</p>
</div>
</div>

7
src/components/content/carousels/templates/CourseTemplate.js
View File

@ -40,10 +40,13 @@ const CourseTemplate = (course) => {
return (
<div
onClick={() => router.push(`/details/${course.id}`)}
className="flex flex-col items-center mx-auto px-4 cursor-pointer mt-8 rounded-md"
>
<div className="relative w-full h-0" style={{ paddingBottom: "56.25%" }}>
<div
onClick={() => router.push(`/details/${course.id}`)}
className="relative w-full h-0 hover:opacity-80 transition-opacity duration-300"
style={{ paddingBottom: "56.25%"}}
>
<Image
alt="course thumbnail"
src={returnImageProxy(course.image)}

8
src/components/content/carousels/templates/ResourceTemplate.js
View File

@ -40,10 +40,14 @@ const ResourceTemplate = (resource) => {
return (
<div
onClick={() => router.push(`/details/${resource.id}`)}
className="flex flex-col items-center mx-auto px-4 cursor-pointer mt-8 rounded-md"
>
<div className="relative w-full h-0" style={{ paddingBottom: "56.25%" }}>
{/* Wrap the image in a div with a relative class with a padding-bottom of 56.25% representing the aspect ratio of 16:9 */}
<div
onClick={() => router.push(`/details/${resource.id}`)}
className="relative w-full h-0 hover:opacity-80 transition-opacity duration-300"
style={{ paddingBottom: "56.25%"}}
>
<Image
alt="resource thumbnail"
src={returnImageProxy(resource.image)}

7
src/components/content/carousels/templates/WorkshopTemplate.js
View File

@ -40,10 +40,13 @@ const WorkshopTemplate = (workshop) => {
return (
<div
onClick={() => router.push(`/details/${workshop.id}`)}
className="flex flex-col items-center mx-auto px-4 cursor-pointer mt-8 rounded-md"
>
<div className="relative w-full h-0" style={{ paddingBottom: "56.25%" }}>
<div
onClick={() => router.push(`/details/${workshop.id}`)}
className="relative w-full h-0 hover:opacity-80 transition-opacity duration-300"
style={{ paddingBottom: "56.25%"}}
>
<Image
alt="workshop thumbnail"
src={returnImageProxy(workshop.image)}

8
src/hooks/useNostr.js
View File

@ -92,11 +92,9 @@ export function useNostr() {
return;
}
const profile = kind0[0];
if (profile.lud16) {
const lud16Username = profile.lud16.split('@')[0];
const lud16Domain = profile.lud16.split('@')[1];
if (kind0.lud16) {
const lud16Username = kind0.lud16.split('@')[0];
const lud16Domain = kind0.lud16.split('@')[1];
const lud16Url = `https://${lud16Domain}/.well-known/lnurlp/${lud16Username}`;
try {