For a not short time im trying to wrap my head around how to create a truly statically generated svelte(kit) website stored on S3 with periodical rebuilds using AWS Lambda.
Use-case:

• 5000+ pages (so build can be really long)
• content changes once per week (at most, so SSR seems stupid and CSR slow and costly to run API)

I dont even know if it is good idea in general. But i want to avoid amplify and vercel (Vercels ISR is tempting) and make it work using only aws resources.
I have multiple possible routes.
1, Using lambdas in parralel. In short i imagine two lambda functions.
First would fetch all data from database and create a JSON structured output(s) into some temp folder in S3. It would be split into multiple JSON files to prevent longer build times than 15 minutes and 1GB RAM which is maximum execution length and size. (lets say maximum 100 pages per generating lambda). Then for each file call a second lambda.
Second lambda will download associated JSON file and render all needed pages using the data and upload all pages on S3. As a side effect of paralerization, some of css/js files would be generated multiple times, but should have same hash in name (so they will simply overwrite ?)
After all pages are rendered and uploaded to S3, CDN is invalidated and everything works.
This is probably doable with custom build script using svelte/compiler showcased here
2, Basically the same using code pipeline whitch has the same problem as far as i know
Probably next optimization would require some smart algorithm to re-render only pages, that the database change influences.
It woud be best to create it as an adapter, but impossible since i dont know about any way to run sveltekit build process in lambda

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

Hi all, I'm trying to automate an emailing system for OTP verification but am running into some trouble. Below is my code, in it's respective files.
In models.py:

from django.db import models from django.contrib.auth.models import AbstractUser, User from django.db.models.signals import post_save from django.dispatch import receiver # Create your models here. class UserProfile(models.Model): user = models.OneToOneField(User, on_delete=models.CASCADE) otp = models.CharField(max_length=6, blank=True) otp_expiry_time = models.DateTimeField(blank=True, null=True) class AdditionalData(models.Model): user_profile = models.OneToOneField(UserProfile, on_delete=models.CASCADE) firstname = models.CharField(max_length=100, blank=True) lastname = models.CharField(max_length=100, blank=True) dateofbirth = models.DateField(null=True, blank=True) phone_no = models.CharField(max_length=20, blank=True) country_origin = models.CharField(max_length=100, blank=True) city_origin = models.CharField(max_length=100, blank=True) u/receiver(post_save, sender=User) def create_user_profile(sender, instance, created, **kwargs): if created: UserProfile.objects.create(user=instance) @receiver(post_save, sender=User) def save_user_profile(sender, instance, **kwargs): instance.userprofile.save() 

In views.py:

from django.shortcuts import render, redirect, HttpResponse from django.contrib.auth.models import User from django.contrib.auth import authenticate, login from django.contrib.auth.decorators import login_required from datetime import timedelta from django.utils import timezone from django.core.mail import send_mail from rest_framework import status from rest_framework.decorators import api_view, permission_classes from rest_framework.permissions import AllowAny from rest_framework.response import Response from .serializers import UserProfileSerializer from .models import UserProfile, AdditionalData from rest_framework_simplejwt.tokens import RefreshToken from .generate_random_digits import generate_random_digits def sign_up(request): if request.method == 'POST': username = request.POST.get('username') email = request.POST.get('email') pass1 = request.POST.get('password1') pass2 = request.POST.get('password2') User.objects.create_user(username, email, pass1).save() return redirect('login') return render(request, 'main/signup.html') def login1(request): if request.method == "POST": username = request.POST.get('username') pass1 = request.POST.get('pass') user = authenticate(request, username=username, password=pass1) if user is not None: if user.last_login is None: user.last_login = timezone.now() user.save() login(request, user) return redirect('firstlogin') else: user_profile = UserProfile.objects.get(user=user) verification_code = generate_random_digits() user_profile.otp = verification_code user_profile.otp_expiry_time = timezone.now() + timedelta(minutes=15) user_profile.save() send_mail( 'Verification Code', f'Your verification code is: {verification_code}', 'from@gmail.com', [request.user.email], fail_silently=False, ) return redirect('otp') else: error_message = "Invalid username or password" return render(request, 'main/login.html', {'error_message': error_message}) return render(request, 'main/login.html') def verify(request): username = request.data.get('username') password = request.data.get('password') otp = request.data.get('otp') user = authenticate(request, username=username, password=password) if user is not None: user_profile = UserProfile.objects.get(user=user) if ( user_profile.verification_code == otp and user_profile.otp_expiry_time is not None and user_profile.otp_expiry_time > timezone.now() ): login(request, user) refresh = RefreshToken.for_user(user) access_token = str(refresh.access_token) user_profile.otp = '' user_profile.otp_expiry_time = None user_profile.save() return Response({'access_token': access_token, 'refresh_token': str(refresh)}, status=status.HTTP_200_OK) return Response({'detail': 'Invalid verification code or credentials.'}, status=status.HTTP_401_UNAUTHORIZED) @login_required def firstlogin(request): if request.method == "POST": user = request.user try: additional_data = AdditionalData.objects.get(user_profile__user=user) except AdditionalData.DoesNotExist: additional_data = AdditionalData.objects.create(user_profile=UserProfile.objects.get(user=user)) additional_data.firstname = request.POST.get('FirstName') additional_data.lastname = request.POST.get('LastName') date_str = f"{request.POST.get('dob-year')}-{request.POST.get('dob-month')}-{request.POST.get('dob-day')}" try: additional_data.dateofbirth = date_str except ValueError: return HttpResponse('Invalid date format') additional_data.phone_no = request.POST.get('PhoneNumber') additional_data.country_origin = request.POST.get('Country') additional_data.city_origin = request.POST.get('City') additional_data.save() return HttpResponse('WORKED') return render(request, 'main/firstlogin.html') @login_required def home(response): return render(response, 'main/landing_page.html') def otp(response): return render(response, 'main/otp.html') 

In settings.py:

""" Django settings for mysite project. Generated by 'django-admin startproject' using Django 4.2.6. For more information on this file, see https://docs.djangoproject.com/en/4.2/topics/settings/ For the full list of settings and their values, see https://docs.djangoproject.com/en/4.2/ref/settings/ """ from pathlib import Path import os # Build paths inside the project like this: BASE_DIR / 'subdir'. BASE_DIR = Path(__file__).resolve().parent.parent # Quick-start development settings - unsuitable for production # See https://docs.djangoproject.com/en/4.2/howto/deployment/checklist/ # SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY = '#####...' # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True ALLOWED_HOSTS = [] # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'main.apps.MainConfig', ] MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ] ROOT_URLCONF = 'mysite.urls' TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'templates')], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ] EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend' EMAIL_HOST = 'smtp.gmail.com' EMAIL_PORT = 587 EMAIL_USE_TLS = True EMAIL_HOST_USER = 'from@gmail.com' EMAIL_HOST_PASSWORD = '############' WSGI_APPLICATION = 'mysite.wsgi.application' # Database # https://docs.djangoproject.com/en/4.2/ref/settings/#databases DATABASES = { 'default': { 'ENGINE': 'django.db.backends.sqlite3', 'NAME': BASE_DIR / 'db.sqlite3', } } # Password validation # https://docs.djangoproject.com/en/4.2/ref/settings/#auth-password-validators AUTH_PASSWORD_VALIDATORS = [ { 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator', }, { 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator', }, { 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator', }, { 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator', }, ] # Internationalization # https://docs.djangoproject.com/en/4.2/topics/i18n/ LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/4.2/howto/static-files/ STATIC_URL = 'static/' # Default primary key field type # https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' 

otp.html:

TLDR:
The problems are as follows:

• 4 verification codes were sent b2b2b2b on the first try
• No longer receiving any emails
• The otp.html redirect after entering the code doesn't work

Hey i’m doing a Bachelor of IT ar RMIT. Currently 1.5 years in and graduate at my 3rd year. So exactly halfway.
I read through the subreddit and it seems as IT is frowned upon by the technology community, considered like a business degree and that Computer Science and Software Engineering are much better degrees and the failed ones done IT.
I chose IT because I wasn’t so sure as to what kind of tech I wanted to do. I wasn’t really familiar with CS, DS, SWE were either and I haven’t had much time to think which kind of tech degree I wanted to do since I had to pick a degree without finding out which tech I loved doing, and I feared that I chose a tech degree I loathed.
So I chose the general degree and to see which one I liked. Technology has been my passion ever since I was like 4. And I don’t intend that to change to a completely different field.
I know it’s better to get a Computer Science degree as it’s more versatile. I know there’s lots of math involved but I never had too much trouble with math, I do know it’s very advanced though.
I have done programming in Java and I hated it at first when I done it at uni because of how overwhelming it was for me and the time constraint was basically insane. But, I have retried it at my own pace with an open mind to see what I can do, I feel kind of comfortable with it and it seems a lot more enjoyable. I wouldn’t consider myself a pro I still have a lot to learn. But I can definitely understand what the code is trying to do. I know the concepts. I am very good with HTML and CSS so I guess that’s something, still need to work on JavaScript.
I have become extremely curious about Software Engineering and I found the Software Engineering Fundamentals for IT actually pretty enjoyable. I didn’t have much trouble understanding the concepts. Plus the moneys great too, I know money isn’t everything im aware of that, but I also want a job that pays very good too. I consider it important for my future.
However one other field I like is Cyber Security, hacking has been fascinating for me ever since I was a kid, I was always watching how technology worked on YouTube. I am thinking of doing a Bachelor of IT with a Major in Cyber Security. I know Cyber Security pays well, I have a relative that works at a bank so maybe I could get an internship too.
But at the same time, it seems like I fucked up because I could of done SWE or CS if I knew better.
My university has a Cyber Security, Computer Science, and Software Engineering degree but i’m not sure if i’ll end up having to do another 3-4 years on top of the extra debt. Like I wasted my time in IT. I’m starting to think that I made a big mistake.
Was picking IT the right call? Because I can’t find an answer. Sorry for the long message.

Hello, I am planning to join uplift code camp this July is the 65k worth it for this bootcamp, I am a graduate of BSIT from Mapua. I have a little background on html, css, javascript and frameworkds like bootstrap and angular since I got a UI/UX Engineer position at my first job. Currently I am a UI/UX Designer and I feel like designing isn't for me. I want to go back to coding but my cv does not appeal as a developer since it has more details about UI/UX Designing.

Hello, I am planning to join uplift code camp this July is the 65k worth it for this bootcamp, I am a graduate of BSIT from Mapua. I have a little background on html, css, javascript and frameworkds like bootstrap and angular since I got a UI/UX Engineer position at my first job. Currently I am a UI/UX Designer and I feel like designing isn't for me. I want to go back to coding but my cv does not appeal as a developer since it has more details about UI/UX Designing.

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I'm currently doing a University coding course our finally assignment is to code an entire website and well the code just isn't working and my tutor is of zero help to me. The website needs to be viewable on desktop, mobile and tablet but for what ever reason even using the provided layout from my tutor I'm unable to get anything apart from the nav bar to respond on top of that anything after the about section on the website just doesn't work no matter what I change. I'm frustrated with it and just need someone to explain to me like a 5 year old what in my code is wrong.
CSS:

@media only screen and (max-width: 1920px) { } @media only screen and (max-width: 1366px) { } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 640px) { } @media only screen and (max-width: 360px) { } .navbar-container { display: flex; align-items: center; position: fixed; top: 0; width: 100%; background-color: #5c4033; z-index: 10; } img { width: 80px; height: auto; margin-right: 10px; } #navItems { list-style-type: none; margin: 0; padding: 0; display: flex; width: calc(100% - 90px); justify-content: space-around; } li a { display: flex; align-items: center; padding: 14px 16px; color: #ffffff; text-align: center; } li a:hover { background-color: #c4a484; } a:link, a:visited, a:hover, a:active { text-decoration: none; } Body { background-color: #c4a484; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 100px; width: 500px; position: absolute; left: 75px; top: 45px; } #img1 { position: absolute; left: 1275px; top: 100px; width: 600px; } #img2 { position: absolute; left: 650px; top: 275px; width: 600px; } #goat { position: absolute; left: 25px; top: 475px; width: 600px; } .About { position: absolute; Left: 1275px; top: 920px; font-family: Arial, Helvetica, sans-serif; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 50px; } .thumbs { display:flex; justify-content:center; flex-wrap:wrap; width:500px; max-width:100%; > a { max-width:150px; height:150px; margin:10px; overflow:hidden; border-radius:5px; box-shadow:0 0 0 3px white, 0 5px 8px 3px rgba(black, 0.6); img { transform:scale(1); transition:transform 0.1s ease-in-out; filter:grayscale(50%); min-width:100%; min-height:100%; max-width:100%; max-height:100%; } &:hover { img { transform:scale(1.1); filter:grayscale(0%); } } } } .lightbox { position:fixed; background:rgba(black,0.5); backdrop-filter:blur(10px); -webkit-backdrop-filter: blur(10px); height:100%; width:100%; left:0; top:0; transform:translateY(-100%); opacity:0; transition:opacity 0.5s ease-in-out; &:has(div:target) { transform:translateY(0%); opacity:1; } a.nav { text-decoration:none; color:white; font-size:40px; text-shadow:0 2px 2px rgba(black,0.8); opacity:0.5; font-weight:200; &:hover { opacity:1; } } .target { position:absolute; height:100%; width:100%; display:flex; transform:scale(0); align-items:center; justify-content:space-between; *:first-child,*:last-child { flex:0 0 100px; text-align:center; @media all and (max-width:600px){ flex:0 0 50px; } } .content { transform:scale(0.9); opacity:0; flex:1 1 auto; align-self: center; max-height:100%; min-height:0; max-width:calc(100% - 200px); min-width:0; border-radius:5px; overflow:hidden; box-shadow:0 0 0 3px white, 0 5px 8px 3px rgba(black, 0.6); transition:transform 0.25s ease-in-out,opacity 0.25s ease-in-out; img { min-width:100%; min-height:100%; max-width:100%; max-height:calc(100vh - 40px); display:block; margin:0; } } &:target { transform:scale(1); .content { transform:scale(1); opacity:1; } } } .close { position:absolute; right:10px; top:10px; } } @media only screen and (max-width: 1920px) { } @media only screen and (max-width: 1366px) { } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 640px) { } @media only screen and (max-width: 360px) { } .navbar-container { display: flex; align-items: center; position: fixed; top: 0; width: 100%; background-color: #5c4033; z-index: 10; } img { width: 80px; height: auto; margin-right: 10px; } #navItems { list-style-type: none; margin: 0; padding: 0; display: flex; width: calc(100% - 90px); justify-content: space-around; } li a { display: flex; align-items: center; padding: 14px 16px; color: #ffffff; text-align: center; } li a:hover { background-color: #c4a484; } a:link, a:visited, a:hover, a:active { text-decoration: none; } Body { background-color: #c4a484; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 100px; width: 500px; position: absolute; left: 75px; top: 45px; } #img1 { position: absolute; left: 1275px; top: 100px; width: 600px; } #img2 { position: absolute; left: 650px; top: 275px; width: 600px; } #goat { position: absolute; left: 25px; top: 475px; width: 600px; } .About { position: absolute; Left: 1275px; top: 920px; font-family: Arial, Helvetica, sans-serif; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 50px; } .thumbs { display:flex; justify-content:center; flex-wrap:wrap; width:500px; max-width:100%; > a { max-width:150px; height:150px; margin:10px; overflow:hidden; border-radius:5px; box-shadow:0 0 0 3px white, 0 5px 8px 3px rgba(black, 0.6); img { transform:scale(1); transition:transform 0.1s ease-in-out; filter:grayscale(50%); min-width:100%; min-height:100%; max-width:100%; max-height:100%; } &:hover { img { transform:scale(1.1); filter:grayscale(0%); } } } } .lightbox { position:fixed; background:rgba(black,0.5); backdrop-filter:blur(10px); -webkit-backdrop-filter: blur(10px); height:100%; width:100%; left:0; top:0; transform:translateY(-100%); opacity:0; transition:opacity 0.5s ease-in-out; &:has(div:target) { transform:translateY(0%); opacity:1; } a.nav { text-decoration:none; color:white; font-size:40px; text-shadow:0 2px 2px rgba(black,0.8); opacity:0.5; font-weight:200; &:hover { opacity:1; } } .target { position:absolute; height:100%; width:100%; display:flex; transform:scale(0); align-items:center; justify-content:space-between; *:first-child,*:last-child { flex:0 0 100px; text-align:center; @media all and (max-width:600px){ flex:0 0 50px; } } .content { transform:scale(0.9); opacity:0; flex:1 1 auto; align-self: center; max-height:100%; min-height:0; max-width:calc(100% - 200px); min-width:0; border-radius:5px; overflow:hidden; box-shadow:0 0 0 3px white, 0 5px 8px 3px rgba(black, 0.6); transition:transform 0.25s ease-in-out,opacity 0.25s ease-in-out; img { min-width:100%; min-height:100%; max-width:100%; max-height:calc(100vh - 40px); display:block; margin:0; } } &:target { transform:scale(1); .content { transform:scale(1); opacity:1; } } } .close { position:absolute; right:10px; top:10px; } } 

HTML:

          
 
Lilac Valley Farm Stay
    
 
 
About Lilac Valley
 Escape to Rustic Luxury at Lilac Valley Farm Stay Imagine waking up to the gentle sounds of a farmyard, surrounded by the breathtaking beauty of the Blue Mountains. Lilac Valley Farm Stay is your invitation to unwind and reconnect with nature in a beautifully restored luxury barn house. This hidden gem, lovingly renovated by local interior designer Marina YeMarina Ye, offers a unique blend of rustic charm and modern comfort. Spread over four acres, the property boasts:
 
 
A stunning open-plan barn house, perfect for families or groups.
 
An enchanting cottage garden bursting with colorful blooms.
 
A refreshing plunge pool to cool off after a day of exploring.
 
Friendly farmyard companions – sheep, chickens, ducks, and the ever-so-charming Rosie the goat.
 
 Lilac Valley Farm Stay has been a favorite amongst AirBnB guests and has even garnered attention online. Get ready for an unforgettable escape. 
 
 
    
 
 
  spacer to keep content centered in the flex container  
  
  
 
  
  
 
  
  spacer to keep content centered in the flex container  
  
             
 
Lilac Valley Farm Stay
    
 
 
About Lilac Valley
 Escape to Rustic Luxury at Lilac Valley Farm Stay Imagine waking up to the gentle sounds of a farmyard, surrounded by the breathtaking beauty of the Blue Mountains. Lilac Valley Farm Stay is your invitation to unwind and reconnect with nature in a beautifully restored luxury barn house. This hidden gem, lovingly renovated by local interior designer Marina YeMarina Ye, offers a unique blend of rustic charm and modern comfort. Spread over four acres, the property boasts:
 
 
A stunning open-plan barn house, perfect for families or groups.
 
An enchanting cottage garden bursting with colorful blooms.
 
A refreshing plunge pool to cool off after a day of exploring.
 
Friendly farmyard companions – sheep, chickens, ducks, and the ever-so-charming Rosie the goat.
 
 Lilac Valley Farm Stay has been a favorite amongst AirBnB guests and has even garnered attention online. Get ready for an unforgettable escape. 
 
 
    
 
 
  spacer to keep content centered in the flex container  
  
  
 
  
  
 
  
  spacer to keep content centered in the flex container  
  
   

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/

I am skilled in developing end-to-end custom solutions that meet business needs and deliver exceptional user experiences.
Hire me to help you navigate thru any challenge and web development needs.

• WordPress CMS e-commerce, business, and personal websites
• PHP Web Development carts, various user, content, data management applications, LMS, CRM, online communities, and forums
• Task automation workflows and processes for your unique needs
• Design and develop websites (create mockups prior to coding)
• Pixel perfect design conversion (existing design) to HTML/CSS/JS + Backend development
• Responsive Web Design (cross-browser and mobile devices compatible)
• Full-stack MVP development
• Mobile app development Android, iOS (cross-platform)
• Re-evaluate, redesign, update, full recode, or clone existing websites from the ground up

ecommerce/web development expert https://www.reddit.com/useAGENT_1611/comments/15szlph/ecommerce_expert_services/
cost-effective web development solutions (remote freelancer) - gigs to complex - packages/depends on availability https://www.reddit.com/useAGENT_1611/comments/15rt3vo/providing_costeffective_web_development_solutions/
starting at 15usd/per hour. website/portfolio upon request (https) clrvync (dot) one/onboarding
the easiest way to get response is via email. contact for business madebyavery14 (gmail). I'm also available on chat/instant messaging platforms.
some works: clrvync (dot) one/media/trading.mp4, clrvync (dot) one/media/realstate.mp4, clrvync (dot) one/media/qdev.mp4, clrvync (dot) one/media/tour.mp4
information is given to serious inquiries/work only.
portfolio/works moved to https://www.reddit.com/useAGENT_1611/comments/18l8q4w/portfolio_moved/