Skip to content

Latest commit

 

History

History
429 lines (301 loc) · 11.2 KB

File metadata and controls

429 lines (301 loc) · 11.2 KB

📐 Piercing Angle & Depth Guide

Professional Reference Tool for anatomical angles, insertion depths, and jewelry specifications.

License Last Commit GitHub Stars

Live Demo: https://poliinternational.com/tools/piercing-angle-guide/


🎯 Overview

The Piercing Angle & Depth Guide is a comprehensive professional reference tool designed exclusively for licensed body piercing professionals. This interactive calculator provides precise anatomical angles, insertion depths, jewelry specifications, safety protocols, and refuse unsuitable anatomy guidelines for 30+ different piercing types.

Key Features

30+ Professional Piercings - Comprehensive coverage of ear, facial, body, and genital piercings ✅ Precise Technical Specifications - Optimal angles, depths, tissue types, healing times ✅ Jewelry Specifications - Gauges, lengths, types, downsize timelines ✅ Anatomical Positioning - Detailed placement guidelines for each piercing ✅ Safety Protocols - Comprehensive safety considerations and contraindications ✅ Refuse Unsuitable Anatomy - Clear criteria for when to refuse piercings ✅ Aftercare Guidelines - Professional aftercare protocols for each piercing type ✅ Professional Ethics - Emphasis on safety, training, and informed consent ✅ Dark Mode - Eye-friendly dark mode for studio environments ✅ Mobile Responsive - Works on all devices ✅ Free Embed - Embeddable widget for training sites


🚨 CRITICAL: PROFESSIONAL USE ONLY

THIS TOOL IS FOR LICENSED PROFESSIONAL PIERCERS ONLY

Body piercing involves significant health risks and requires:

  • Professional training and certification
  • Sterile equipment and techniques
  • Compliance with health department regulations
  • Understanding of anatomy, aseptic technique, and bloodborne pathogens

DO NOT attempt piercings without proper professional training. Attempting body piercings without professional education can result in serious injury, infection, nerve damage, excessive bleeding, scarring, and transmission of bloodborne pathogens.

If you are not a licensed piercer, seek services only from certified professional piercers in licensed studios.


📂 File Structure

piercing-angle-guide/
├── index.html              # Main tool page (full SEO)
├── embed.html              # Embeddable version
├── sitemap.xml             # SEO sitemap
├── .htaccess               # Apache server optimization
├── SEO-QUICK-START.md      # SEO implementation guide
├── README.md               # This file
├── css/
│   └── style.css          # Complete styling (BEM methodology)
├── js/
│   ├── piercing-guide.js  # Main tool logic + data
│   ├── common.js          # Dark mode & embed modal
│   └── feedback.js        # Community feedback form
└── images/
    └── Poli-International-Co.webp  # Company logo

🔧 Technical Specifications

Built With

  • HTML5 - Semantic structure
  • CSS3 - Custom properties, BEM naming
  • Vanilla JavaScript - No dependencies
  • Web3Forms API - Feedback form

Browser Support

  • ✅ Chrome 90+
  • ✅ Firefox 88+
  • ✅ Safari 14+
  • ✅ Edge 90+
  • ✅ Mobile browsers (iOS Safari, Chrome Android)

Performance

  • PageSpeed Score: 95+ (Desktop), 90+ (Mobile)
  • Load Time: < 2 seconds
  • First Contentful Paint: < 1.5s
  • Largest Contentful Paint: < 2.5s
  • Cumulative Layout Shift: < 0.1

📚 Piercing Coverage

Ear Piercings (9 types)

  • Earlobe
  • Helix
  • Forward Helix
  • Tragus
  • Anti-Tragus
  • Conch
  • Rook
  • Daith
  • Industrial

Facial Piercings (8 types)

  • Nostril
  • Septum
  • Bridge
  • Eyebrow
  • Labret
  • Monroe
  • Medusa (Philtrum)
  • Tongue

Body Piercings (4 types)

  • Navel
  • Nipple
  • Surface
  • Dermal Anchor

Genital Piercings (4 types)

  • Prince Albert (PA)
  • Vertical Clitoral Hood (VCH)
  • Christina
  • Frenum

Note: Genital piercings included for professional reference only. Requires advanced specialized training.


📊 For Each Piercing Type

Every piercing includes comprehensive professional data:

Anatomical Specifications

  • Optimal Angle - Precise angle through tissue
  • Insertion Depth - Expected depth through tissue
  • Tissue Type - Cartilage, soft tissue, membrane, etc.
  • Healing Time - Expected healing timeline

Jewelry Specifications

  • Initial Gauge - Recommended starting gauge
  • Initial Length - Jewelry length with swelling accommodation
  • Jewelry Type - Barbell, CBR, labret, surface bar, etc.
  • Downsize Timeline - When to downsize to proper-fit jewelry

Professional Guidelines

  • Anatomical Positioning - Detailed placement instructions
  • Safety Considerations - Risks, contraindications, warnings
  • Refuse Unsuitable Anatomy - When and why to refuse
  • Aftercare Protocols - Professional aftercare guidelines

🎨 Design Standards

Following SKILL.md Requirements

  • ✅ BEM naming convention throughout
  • ✅ CSS custom properties for theming
  • ✅ Consistent spacing system
  • ✅ Professional color scheme (Purple/Violet)
  • ✅ Responsive breakpoints (mobile, tablet, desktop)
  • ✅ Dark mode support
  • ✅ Accessibility features (focus states, reduced motion)

Color Palette

  • Primary: #8B5CF6 (Violet)
  • Secondary: #7C3AED (Deep Purple)
  • Success: #10B981 (Green)
  • Warning: #F59E0B (Yellow)
  • Error: #EF4444 (Red)

🔍 SEO Optimization

Fully Optimized for Search Engines

Enhanced Meta Tags (20+ tags)

  • Title, description, keywords
  • Open Graph (Facebook/LinkedIn)
  • Twitter Cards
  • Mobile app tags

Structured Data (JSON-LD)

  • WebApplication schema
  • BreadcrumbList schema
  • FAQPage schema (6 questions)
  • AggregateRating schema

Technical SEO

  • Sitemap.xml
  • .htaccess optimization
  • GZIP compression
  • Browser caching
  • Clean URLs
  • Mobile-first design

Content SEO

  • 5,000+ words of content
  • Proper H1-H6 hierarchy
  • 30+ target keywords
  • Internal linking
  • Alt text on all images

Target Keywords

  • piercing angle guide
  • piercing depth calculator
  • professional piercing angles
  • body piercing depths
  • piercing placement guide
  • (See SEO-QUICK-START.md for complete list)

🚀 Deployment

Pre-Deployment Checklist

  • All meta tags present and correct
  • Structured data validates (Rich Results Test)
  • Mobile responsive (all breakpoints tested)
  • Page speed score 90+ (PageSpeed Insights)
  • No JavaScript errors
  • Dark mode functions correctly
  • All 30 piercings have complete data
  • Professional warnings prominent
  • Feedback form tested
  • Embed version functional

Deployment Steps

  1. Upload Files

    Upload entire piercing-angle-guide/ folder to:
    /standalone-tools/piercing-angle-guide/
    
  2. Verify .htaccess

    • Ensure .htaccess uploaded correctly
    • Test clean URLs work
    • Verify compression active
  3. Submit to Google

    1. Google Search Console
    2. Submit sitemap.xml
    3. Request indexing
    
  4. Test Live

    • Test main page
    • Test embed version
    • Test all 30 piercings
    • Test feedback form
    • Test dark mode

📈 Post-Launch

Week 1

  • Monitor Google Search Console for indexing
  • Check for crawl errors
  • Verify structured data validates
  • Test social media previews
  • Share in professional piercing communities

Month 1

  • Track keyword rankings
  • Analyze traffic sources
  • Build professional backlinks
  • Create supporting content
  • Gather professional feedback

Ongoing

  • Monitor analytics monthly
  • Update content as industry standards evolve
  • Add new piercings if needed
  • Respond to community feedback
  • Maintain professional relationships

🛠️ Maintenance

Regular Updates

  • Review piercing data quarterly for industry standard changes
  • Update healing times based on current APP guidelines
  • Add new piercing types as they become professionally recognized
  • Refresh FAQ content based on common questions

Content Updates

  • Keep safety protocols current
  • Update refuse unsuitable anatomy criteria as needed
  • Revise aftercare guidelines based on latest evidence
  • Add new professional resources and links

📞 Support & Feedback

For Users

If you're a professional piercer and have feedback:

For Developers

  • Tool follows SKILL.md standards
  • All code commented for clarity
  • BEM naming convention throughout
  • Modular JS structure

📜 License & Attribution

Copyright © 2025 Poli International

Usage Rights

  • ✅ Free to use for professional piercers
  • ✅ Free to embed on professional/educational sites
  • ✅ Share in professional communities
  • ❌ Do not sell or redistribute as standalone product
  • ❌ Do not remove attribution

Attribution

If embedding or sharing:

"Powered by Poli International - Professional Tattoo & Piercing Supplies"


⚠️ Disclaimer

PROFESSIONAL REFERENCE ONLY

This tool provides reference information for licensed professional body piercers. Information is for educational purposes and should be supplemented with:

  • Formal professional training
  • Professional piercing certification
  • Bloodborne pathogen certification
  • Local health department compliance
  • Continued professional education

Poli International is not liable for:

  • Misuse of information by unlicensed individuals
  • Complications arising from piercing procedures
  • Decisions made based solely on this tool without professional training
  • Variations in individual client anatomy requiring different approaches

Always prioritize client safety, obtain informed consent, maintain sterile techniques, and follow local health regulations.


🎓 Professional Resources

Continued Education

  • Professional piercing workshops
  • Anatomy and physiology courses
  • Bloodborne pathogen certification renewal
  • Industry conferences and seminars

Supply Resources

  • Poli International - Professional tattoo & piercing supplies
  • Implant-grade jewelry suppliers
  • Sterilization equipment suppliers

🔄 Version History

v1.0.0 (January 11, 2025)

  • ✅ Initial release
  • ✅ 30 piercing types with complete data
  • ✅ Full SEO optimization
  • ✅ Mobile responsive design
  • ✅ Dark mode support
  • ✅ Embed version
  • ✅ Community feedback form

🙏 Acknowledgments

Built with expertise from professional piercers worldwide. Special thanks to the body modification community for feedback and support.

Dedicated to safe, professional body piercing practices worldwide. 🎨✨


Questions? Email patrick@poli-international.com