scarab911 / 12-coming-sooon

Demo Coming Soon page, learning responsive design and content rendering with JS.

Hi there, I'm Paul'ius - aka Scarab911 👋

Cyber Security Student, Programmer!!!

• 🤓 Just finished Google Cyber Security certificate
• 🌱 I’m currently learning penetration testing on "TryHackMe" 🤣
• 👯 Preparing for CompTIA Security+ exam
• 🥅 2024 Goals: get Security+ land the first job as an entry level Security analyst
• ⚡ Fun fact: I love to learn by helping others. I can tell a joke 😆

Connect with me:

Languages and Tools:

---

📺 Latest YouTube Videos

• not started yet, have an idea for live streaming(need better gear)

---

⚡ GitHub Stats

12-coming-sooon's Issues

Back to top

• css smooth scroll

Progress bar

• static design

FavIcon

Render progress bar

• render with JS
• data from external file

Hero section

• logo

• h1

• p

• clock placeholder

• form place holder

• mouse place holder

• background image doesn't move while scrolling (parallax)

Form functionality

On submit:

• input validation based on input type
• on error: display error message (toaster)
• on success: display success msg (toaster)

README

Mouse animation

• animated element

Render socials

• render with JS
• data from external file

Footer section

• socials placeholder
• bottom texts
  • logo
  • 3x texts with links:
    • pseudo elements
    • desktop 3 in row
    • mobile: 3 column
  • p

Message form

Subscribe form

design only

Render clock

• Deadline date from external file
• format numbers: days can be single digits, other only double digits
• calculate time left
• update clock every second

Progress bar loading animation on screen

Animation should start only if element fully visible on screen.

Progress bar loading animation

Main section

• h2
• p
• progress bar placeholder
• message form placeholder

Render clock structure

Static content with demo numbers

Clock

• static
• responsive
• 1x4
• 2x2

Basic structure

• hero section

• hero content

• main content section

• left column

• right colum

• footer

• socials

• bottom texts

• html

• css

• images