ABagram/arduino_tutorial_webpage

a personal project aimed at learning web development through a curiosity approach

About

Resources

• Contents of Arduino Project Tutorial
  • Initialization
    • How to Use a Breadboard
    • Interface an I2C LCD with Arduino
• Web Design
  • Font Family: Poppins
  • Icons: Icons8, Font Awesome, Icons Reference (Font Awesome 5, Font Awesome 4, Bootstrap, Google)
  • Color Palette: Arduino Community Logo
  • Reading Progress Bar: How to Build a Reading Progress Bar With CSS and JavaScript
  • Custom Bullets:
    • Custom bullet ("Step" counter, "Method" counter) in style.css was achieved through the assistance of Google Gemini
    • Bullet change at visited or visited-bullet.js was achieved through the assistance of ChatGPT
  • Custom Alerts: Custom Warning Alert Notification using HTML CSS & JavaScript excluding HTML & JavaScript, including CSS with major revisions
  • Code Block: Prism with major revisions in prism.css
  • Tooltip: CSS Tooltip