{"id":1020,"date":"2025-10-18T11:24:19","date_gmt":"2025-10-18T11:24:19","guid":{"rendered":"https:\/\/viewri.com\/?page_id=1020"},"modified":"2025-12-29T09:04:49","modified_gmt":"2025-12-29T09:04:49","slug":"dp","status":"publish","type":"page","link":"https:\/\/viewri.com\/facebook\/dp\/","title":{"rendered":"Facebook DP viewer"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        \r\n        .facebook_body {\r\n            font-family: 'Inter', sans-serif;\r\n            min-height: 80vh;\r\n            background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #3182ce 100%);\r\n            color: #e2e8f0;\r\n            padding: 15px;\r\n        }\r\n        \r\n        .fb-dp-viewer-wrapper {\r\n            max-width: 1200px;\r\n            margin:5rem auto;\r\n            background: rgba(26, 54, 93, 0.7);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 1.5rem;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            padding: 2rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            animation: fadeIn 1.2s ease-out;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n        }\r\n        \r\n        .fb-dp-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #63b3ed, #90cdf4, #bee3f8);\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .fb-dp-description {\r\n            text-align: center;\r\n            color: #cbd5e0;\r\n            margin-bottom: 2rem;\r\n            font-weight: 500;\r\n            line-height: 1.5;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .fb-dp-description::before {\r\n            content: '\\f39e';\r\n            font-family: 'Font Awesome 6 Free';\r\n            font-weight: 900;\r\n            margin-right: 0.5rem;\r\n            color: #63b3ed;\r\n        }\r\n        \r\n        .fb-dp-search-form {\r\n            display: flex;\r\n            gap: 0;\r\n            margin-bottom: 2rem;\r\n            border-radius: 2rem;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .fb-dp-url-input {\r\n            flex: 1;\r\n            padding: 1rem 1.5rem;\r\n            border: none;\r\n            font-weight: 500;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            color: #2d3748;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .fb-dp-url-input:focus {\r\n            outline: none;\r\n            background: rgba(255, 255, 255, 1);\r\n        }\r\n        \r\n        .fb-dp-analyze-btn {\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            color: #fff;\r\n            border: none;\r\n            padding: 0 2rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: 'Montserrat', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .fb-dp-analyze-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n        \r\n        .fb-dp-analyze-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n        \r\n        .fb-dp-analyze-btn:hover:not(:disabled) {\r\n            background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%);\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .fb-dp-analyze-btn:disabled {\r\n            opacity: 0.7;\r\n            cursor: not-allowed;\r\n        }\r\n        \r\n        .fb-dp-error-message {\r\n            background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);\r\n            color: #fff;\r\n            padding: 1rem 1.5rem;\r\n            border-radius: 1rem;\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            box-shadow: 0 8px 20px rgba(229, 62, 62, 0.3);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .fb-dp-profile-section {\r\n            text-align: center;\r\n            min-height: 200px;\r\n        }\r\n        \r\n        .fb-dp-profile-name {\r\n            font-weight: 800;\r\n            margin-bottom: 1.2rem;\r\n            color: #90cdf4;\r\n            font-family: 'Montserrat', sans-serif;\r\n            letter-spacing: -0.5px;\r\n            text-transform: uppercase;\r\n        }\r\n        \r\n        .fb-dp-profile-name i {\r\n            margin-right: 0.5rem;\r\n            color: #63b3ed;\r\n        }\r\n        \r\n        .fb-dp-profile-pics {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 1.5rem;\r\n            justify-content: center;\r\n            margin-top: 1.5rem;\r\n        }\r\n        \r\n        .fb-dp-pic-card {\r\n            background: rgba(26, 54, 93, 0.6);\r\n            backdrop-filter: blur(15px);\r\n            border-radius: 1.5rem;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .fb-dp-pic-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n            border-color: rgba(99, 179, 237, 0.3);\r\n        }\r\n        \r\n        .fb-dp-pic-card img {\r\n            width: 100%;\r\n            object-fit: cover;\r\n            transition: all 0.4s ease;\r\n        }\r\n        \r\n        .fb-dp-pic-card:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .fb-dp-card-content {\r\n            padding: 1.2rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            background: rgba(26, 54, 93, 0.4);\r\n            flex-grow: 1;\r\n        }\r\n        \r\n        .fb-dp-quality-badge {\r\n            display: inline-block;\r\n            padding: 0.4rem 0.8rem;\r\n            border-radius: 2rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            color: #fff;\r\n            box-shadow: 0 4px 10px rgba(49, 130, 206, 0.3);\r\n        }\r\n        \r\n        .fb-dp-quality-badge i {\r\n            margin-right: 0.3em;\r\n        }\r\n        \r\n        .fb-dp-pic-meta {\r\n            color: #a0aec0;\r\n            font-weight: 500;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 0.3rem 0.6rem;\r\n            border-radius: 0.5rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .fb-dp-download-btn {\r\n            background: linear-gradient(135deg, #63b3ed 0%, #3182ce 100%);\r\n            color: #fff;\r\n            border: none;\r\n            padding: 0.7rem 1.2rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            border-radius: 2rem;\r\n            transition: all 0.3s ease;\r\n            width: 100%;\r\n            margin-top: auto;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 4px 15px rgba(49, 130, 206, 0.3);\r\n        }\r\n        \r\n        .fb-dp-download-btn:hover {\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(49, 130, 206, 0.4);\r\n        }\r\n        \r\n        .fb-dp-download-btn i {\r\n            margin-right: 0.4em;\r\n        }\r\n        \r\n        .fb-dp-spinner {\r\n            display: inline-block;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 2px solid #fff;\r\n            border-radius: 50%;\r\n            animation: spin 1s linear infinite;\r\n        }\r\n        \r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        .fb-dp-skeleton {\r\n            background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%);\r\n            background-size: 200% 100%;\r\n            animation: skeleton-loading 1.5s infinite linear;\r\n            border-radius: 0.5rem;\r\n        }\r\n        \r\n        @keyframes skeleton-loading {\r\n            0% { background-position: 200% 0; }\r\n            100% { background-position: -200% 0; }\r\n        }\r\n        \r\n        .fb-dp-skeleton-img {\r\n            width: 100%;\r\n            border-radius: 0;\r\n        }\r\n        \r\n        .fb-dp-skeleton-badge {\r\n            width: 80px;\r\n            height: 24px;\r\n            border-radius: 1rem;\r\n        }\r\n        \r\n        .fb-dp-skeleton-btn {\r\n            width: 100%;\r\n            height: 40px;\r\n            border-radius: 2rem;\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        \r\n        \/* Extra large devices (1200px and up) *\/\r\n        @media (min-width: 1200px) {\r\n            .fb-dp-viewer-wrapper {\r\n                padding: 2.5rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                font-size: 1.1rem;\r\n                padding: 1.2rem 1.8rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                font-size: 1.1rem;\r\n                padding: 0 2.5rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 250px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n        \r\n        \/* Large devices (992px to 1199px) *\/\r\n        @media (min-width: 992px) and (max-width: 1199px) {\r\n            .fb-dp-viewer-wrapper {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 2.8rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                font-size: 1.05rem;\r\n                padding: 1.1rem 1.6rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                font-size: 1.05rem;\r\n                padding: 0 2.2rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 230px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.7rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n        \r\n        \/* Medium devices (768px to 991px) *\/\r\n        @media (min-width: 768px) and (max-width: 991px) {\r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1.8rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                font-size: 1rem;\r\n                padding: 1rem 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                font-size: 1rem;\r\n                padding: 0 2rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 220px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n        \r\n        \/* Small devices (576px to 767px) *\/\r\n        @media (min-width: 576px) and (max-width: 767px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .fb-dp-search-form {\r\n                flex-direction: column;\r\n                border-radius: 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                border-radius: 1.5rem 1.5rem 0 0;\r\n                padding: 0.9rem 1.3rem;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                border-radius: 0 0 1.5rem 1.5rem;\r\n                padding: 0.9rem;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .fb-dp-profile-pics {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.2rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 200px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.7rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.8rem;\r\n            }\r\n\t\t\t\t\t\t .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n\t\t\t\t\t\tmargin-top:30px;\r\n        }\r\n        }\r\n        \r\n        \/* Extra small devices (375px to 575px) *\/\r\n        @media (min-width: 375px) and (max-width: 575px) {\r\n            body {\r\n                padding: 8px;\r\n            }\r\n            \r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1.2rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 1.9rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .fb-dp-search-form {\r\n                flex-direction: column;\r\n                border-radius: 1.2rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                border-radius: 1.2rem 1.2rem 0 0;\r\n                padding: 0.8rem 1.2rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                border-radius: 0 0 1.2rem 1.2rem;\r\n                padding: 0.8rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .fb-dp-profile-pics {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 180px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.4rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.7rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.8rem;\r\n            }\r\n\t\t\t\t\t\t .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n\t\t\t\t\t\tmargin-top:30px;\r\n        }\r\n        }\r\n        \r\n        \/* Very small devices (up to 374px) *\/\r\n        @media (max-width: 374px) {\r\n            body {\r\n                padding: 5px;\r\n            }\r\n            \r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 1.7rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-search-form {\r\n                flex-direction: column;\r\n                border-radius: 1rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                border-radius: 1rem 1rem 0 0;\r\n                padding: 0.7rem 1rem;\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                border-radius: 0 0 1rem 1rem;\r\n                padding: 0.7rem;\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-profile-pics {\r\n                grid-template-columns: 1fr;\r\n                gap: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 160px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.65rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.7rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.75rem;\r\n            }\r\n\t\t\t\t\t .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n\t\t\t\t\t\tmargin-top:30px;\r\n        }\r\n        }\r\n    <\/style>\r\n\r\n\r\n<div class=\"facebook_body\">\r\n    <div class=\"fb-dp-viewer-wrapper\">\r\n        <h1 class=\"fb-dp-title\">Facebook DP Viewer<\/h1>\r\n        <div class=\"fb-dp-description\">View and download different quality Facebook profile pictures easily.<\/div>\r\n        \r\n        <form class=\"fb-dp-search-form\" onsubmit=\"analyzeUrl(event)\">\r\n            <input type=\"url\" id=\"urlInput\" class=\"fb-dp-url-input\" placeholder=\"Enter Facebook profile URL...\" required>\r\n            <button type=\"submit\" class=\"fb-dp-analyze-btn\" id=\"analyzeBtn\">Show<\/button>\r\n        <\/form>\r\n        \r\n        <div id=\"errorMessage\" class=\"fb-dp-error-message\" style=\"display: none;\"><\/div>\r\n        <div id=\"profileSection\" class=\"fb-dp-profile-section\" style=\"display: none;\"><\/div>\r\n    <\/div>\r\n\t\r\n\t\t\t<script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n\t\t\t<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n\r\n    <script>\r\n        let isLoading = false;\r\n        \r\n        function showError(msg) {\r\n            const errorDiv = document.getElementById('errorMessage');\r\n            errorDiv.textContent = msg;\r\n            errorDiv.style.display = 'block';\r\n        }\r\n        \r\n        function hideError() {\r\n            document.getElementById('errorMessage').style.display = 'none';\r\n        }\r\n        \r\n        function showSkeleton() {\r\n            const section = document.getElementById('profileSection');\r\n            section.innerHTML = `\r\n                <div class=\"fb-dp-profile-name\"><i class=\"fas fa-images\"><\/i> Loading...<\/div>\r\n                <div class=\"fb-dp-profile-pics\">\r\n                    ${[1, 2, 3].map(() => `\r\n                        <div class=\"fb-dp-pic-card\">\r\n                            <div class=\"fb-dp-skeleton fb-dp-skeleton-img\"><\/div>\r\n                            <div class=\"fb-dp-card-content\">\r\n                                <div class=\"fb-dp-skeleton fb-dp-skeleton-badge\"><\/div>\r\n                                <div class=\"fb-dp-skeleton fb-dp-skeleton-btn\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `).join('')}\r\n                <\/div>\r\n            `;\r\n            section.style.display = 'block';\r\n        }\r\n        \r\n        function showSpinnerInButton() {\r\n            const btn = document.getElementById('analyzeBtn');\r\n            btn.innerHTML = '<span class=\"fb-dp-spinner\"><\/span>';\r\n        }\r\n        \r\n        function restoreButton() {\r\n            const btn = document.getElementById('analyzeBtn');\r\n            btn.innerHTML = 'Show';\r\n        }\r\n        \r\n        function analyzeUrl(event) {\r\n            event.preventDefault();\r\n            hideError();\r\n            document.getElementById('profileSection').style.display = 'none';\r\n            const url = document.getElementById('urlInput').value.trim();\r\n            if (!url) return;\r\n            const btn = document.getElementById('analyzeBtn');\r\n            btn.disabled = true;\r\n            showSpinnerInButton();\r\n            showSkeleton();\r\n            \r\n            fetch('https:\/\/tools.xrespond.com\/api\/facebook\/all-details', {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify({ url })\r\n            })\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                btn.disabled = false;\r\n                restoreButton();\r\n                if (!data || !data.data || !Array.isArray(data.data.data)) {\r\n                    showError('Could not fetch profile data.');\r\n                    document.getElementById('profileSection').style.display = 'none';\r\n                    return;\r\n                }\r\n                const pics = extractProfilePics(data.data.data);\r\n                if (!pics.length) {\r\n                    showError('No profile pictures found.');\r\n                    document.getElementById('profileSection').style.display = 'none';\r\n                    return;\r\n                }\r\n                displayProfilePics(pics);\r\n            })\r\n            .catch(e => {\r\n                btn.disabled = false;\r\n                restoreButton();\r\n                showError('Error: ' + e.message);\r\n                document.getElementById('profileSection').style.display = 'none';\r\n            });\r\n        }\r\n        \r\n        function extractProfilePics(dataArr) {\r\n            const pics = [];\r\n            const seen = new Set();\r\n            dataArr.forEach(item => {\r\n                if (item.result && item.result.data && item.result.data.user && item.result.data.user.profile_header_renderer && item.result.data.user.profile_header_renderer.user) {\r\n                    const user = item.result.data.user.profile_header_renderer.user;\r\n                    if (user.profilePicLarge && user.profilePicLarge.uri && !seen.has(user.profilePicLarge.uri)) {\r\n                        pics.push({\r\n                            url: user.profilePicLarge.uri,\r\n                            label: 'Large',\r\n                            width: user.profilePicLarge.width || '',\r\n                            height: user.profilePicLarge.height || ''\r\n                        });\r\n                        seen.add(user.profilePicLarge.uri);\r\n                    }\r\n                    if (user.profilePicMedium && user.profilePicMedium.uri && !seen.has(user.profilePicMedium.uri)) {\r\n                        pics.push({\r\n                            url: user.profilePicMedium.uri,\r\n                            label: 'Medium',\r\n                            width: user.profilePicMedium.width || '',\r\n                            height: user.profilePicMedium.height || ''\r\n                        });\r\n                        seen.add(user.profilePicMedium.uri);\r\n                    }\r\n                    if (user.profilePicSmall && user.profilePicSmall.uri && !seen.has(user.profilePicSmall.uri)) {\r\n                        pics.push({\r\n                            url: user.profilePicSmall.uri,\r\n                            label: 'Small',\r\n                            width: user.profilePicSmall.width || '',\r\n                            height: user.profilePicSmall.height || ''\r\n                        });\r\n                        seen.add(user.profilePicSmall.uri);\r\n                    }\r\n                    if (user.profile_picture && user.profile_picture.uri && !seen.has(user.profile_picture.uri)) {\r\n                        pics.push({\r\n                            url: user.profile_picture.uri,\r\n                            label: 'Default',\r\n                            width: user.profile_picture.width || '',\r\n                            height: user.profile_picture.height || ''\r\n                        });\r\n                        seen.add(user.profile_picture.uri);\r\n                    }\r\n                }\r\n            });\r\n            return pics;\r\n        }\r\n        \r\n        function displayProfilePics(pics) {\r\n            const section = document.getElementById('profileSection');\r\n            section.innerHTML = '';\r\n            section.style.display = 'block';\r\n            \r\n            const qualityOrder = { 'Large': 1, 'Medium': 2, 'Small': 3, 'Default': 4 };\r\n            pics.sort((a, b) => qualityOrder[a.label] - qualityOrder[b.label]);\r\n            \r\n            const qualityIcons = {\r\n                'Large': 'fa-crown',\r\n                'Medium': 'fa-star',\r\n                'Small': 'fa-circle',\r\n                'Default': 'fa-image'\r\n            };\r\n            \r\n            section.innerHTML = `\r\n                <div class=\"fb-dp-profile-name\"><i class=\"fas fa-images\"><\/i> Premium Profile Pictures<\/div>\r\n                <div class=\"fb-dp-profile-pics\">\r\n                    ${pics.map(pic => {\r\n                const resolution = pic.width && pic.height ? `${pic.width}\u00d7${pic.height}` : '';\r\n                const qualityIcon = qualityIcons[pic.label] || 'fa-image';\r\n                \r\n                return `\r\n                            <div class=\"fb-dp-pic-card\">\r\n                                <img decoding=\"async\" src=\"${pic.url}\" alt=\"Profile Pic\" loading=\"lazy\">\r\n                                <div class=\"fb-dp-card-content\">\r\n                                    <div class=\"fb-dp-quality-badge\">\r\n                                        <i class=\"fas ${qualityIcon}\"><\/i>${pic.label}\r\n                                    <\/div>\r\n                                    <div class=\"fb-dp-pic-meta\">${resolution}<\/div>\r\n                                    <button class=\"fb-dp-download-btn\" onclick=\"downloadImage('${pic.url}', '${pic.label.toLowerCase()}_${resolution}')\">\r\n                                        <i class=\"fas fa-download\"><\/i> Download\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        `;\r\n            }).join('')}\r\n                <\/div>\r\n            `;\r\n        }\r\n        \r\n        function downloadImage(url, filename) {\r\n            fetch(url)\r\n                .then(resp => resp.blob())\r\n                .then(blob => {\r\n                    const a = document.createElement('a');\r\n                    a.href = URL.createObjectURL(blob);\r\n                    a.download = `facebook_profile_${filename}.jpg`;\r\n                    document.body.appendChild(a);\r\n                    a.click();\r\n                    document.body.removeChild(a);\r\n                })\r\n                .catch(error => {\r\n                    console.error('Download failed:', error);\r\n                    window.open(url, '_blank');\r\n                });\r\n        }\r\n    <\/script>\r\n<\/div>\r\n[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1280px&#8221; module_alignment=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; custom_padding=&#8221;50px||50px||true|false&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#3b5998 0%,#4c70ba 50%,#8b9dc3 100%);\r\n    --brand:#3b5998;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --bg:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  body { background: var(--bg); }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-av-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-av-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-av-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-av-step{ position:relative; text-align:center; }\r\n  .fb-av-step .fb-av-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-av-step:hover .fb-av-step-icon{ transform:scale(1.08); }\r\n  .fb-av-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-av-feature-card .fb-av-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-av-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; background: var(--bg); }\r\n  .fb-av-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-av-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-av-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-av-faq-question:hover{ background:rgba(59,89,152,.05); }\r\n  .fb-av-faq-question:not(.collapsed){ background:rgba(59,89,152,.1); }\r\n  .fb-av-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-av-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--bg);\r\n    color:#333;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n    color: var(--brand);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color: var(--muted);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn{\r\n    background: var(--grad);\r\n    color: #fff;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color: var(--muted);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-av-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-av-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-av-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>How to Use the Facebook Account Viewer<\/h2>\r\n      <p>Follow these steps to browse public Facebook account content anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Profile or Page URL<\/h3>\r\n          <p>Copy the Facebook profile, page, or post URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Content<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Facebook content.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Browse Anonymously<\/h3>\r\n          <p>View public posts, pages, and profiles privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access content without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Facebook Account Viewer Features<\/h2>\r\n      <p>Tools for seamless and private browsing of public Facebook account content.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Browsing<\/h3>\r\n          <p>Browse Facebook accounts without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcc4<\/span>\r\n          <h3>Public Content Access<\/h3>\r\n          <p>View public posts, pages, and profiles effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcd1<\/span>\r\n          <h3>Multiple Content Types<\/h3>\r\n          <p>Supports posts, photos, videos, and profile details.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Browse without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly load Facebook account content anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Account Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook account content?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer only shows public content, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to browse?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Account Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Account Viewer, and browsing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse5\">\r\n                Does the Facebook Account Viewer require software installation?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse5\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. It\u2019s a web-based tool that works directly in your browser without any software.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-av-cta-title\">Try the Facebook Account Viewer Now<\/h2>\r\n    <p class=\"fb-av-cta-sub\">\r\n      Browse public Facebook account content anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-av-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-av-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-av-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        \r\n        .facebook_body {\r\n            font-family: 'Inter', sans-serif;\r\n            min-height: 80vh;\r\n            background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #3182ce 100%);\r\n            color: #e2e8f0;\r\n            padding: 15px;\r\n        }\r\n        \r\n        .fb-dp-viewer-wrapper {\r\n            max-width: 1200px;\r\n            margin:5rem auto;\r\n            background: rgba(26, 54, 93, 0.7);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 1.5rem;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            padding: 2rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            animation: fadeIn 1.2s ease-out;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n        }\r\n        \r\n        .fb-dp-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #63b3ed, #90cdf4, #bee3f8);\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .fb-dp-description {\r\n            text-align: center;\r\n            color: #cbd5e0;\r\n            margin-bottom: 2rem;\r\n            font-weight: 500;\r\n            line-height: 1.5;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .fb-dp-description::before {\r\n            content: '\\f39e';\r\n            font-family: 'Font Awesome 6 Free';\r\n            font-weight: 900;\r\n            margin-right: 0.5rem;\r\n            color: #63b3ed;\r\n        }\r\n        \r\n        .fb-dp-search-form {\r\n            display: flex;\r\n            gap: 0;\r\n            margin-bottom: 2rem;\r\n            border-radius: 2rem;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .fb-dp-url-input {\r\n            flex: 1;\r\n            padding: 1rem 1.5rem;\r\n            border: none;\r\n            font-weight: 500;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            color: #2d3748;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .fb-dp-url-input:focus {\r\n            outline: none;\r\n            background: rgba(255, 255, 255, 1);\r\n        }\r\n        \r\n        .fb-dp-analyze-btn {\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            color: #fff;\r\n            border: none;\r\n            padding: 0 2rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: 'Montserrat', sans-serif;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .fb-dp-analyze-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n        \r\n        .fb-dp-analyze-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n        \r\n        .fb-dp-analyze-btn:hover:not(:disabled) {\r\n            background: linear-gradient(135deg, #2c5282 0%, #1a365d 100%);\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .fb-dp-analyze-btn:disabled {\r\n            opacity: 0.7;\r\n            cursor: not-allowed;\r\n        }\r\n        \r\n        .fb-dp-error-message {\r\n            background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);\r\n            color: #fff;\r\n            padding: 1rem 1.5rem;\r\n            border-radius: 1rem;\r\n            margin-bottom: 1.5rem;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            box-shadow: 0 8px 20px rgba(229, 62, 62, 0.3);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .fb-dp-profile-section {\r\n            text-align: center;\r\n            min-height: 200px;\r\n        }\r\n        \r\n        .fb-dp-profile-name {\r\n            font-weight: 800;\r\n            margin-bottom: 1.2rem;\r\n            color: #90cdf4;\r\n            font-family: 'Montserrat', sans-serif;\r\n            letter-spacing: -0.5px;\r\n            text-transform: uppercase;\r\n        }\r\n        \r\n        .fb-dp-profile-name i {\r\n            margin-right: 0.5rem;\r\n            color: #63b3ed;\r\n        }\r\n        \r\n        .fb-dp-profile-pics {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 1.5rem;\r\n            justify-content: center;\r\n            margin-top: 1.5rem;\r\n        }\r\n        \r\n        .fb-dp-pic-card {\r\n            background: rgba(26, 54, 93, 0.6);\r\n            backdrop-filter: blur(15px);\r\n            border-radius: 1.5rem;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .fb-dp-pic-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n            border-color: rgba(99, 179, 237, 0.3);\r\n        }\r\n        \r\n        .fb-dp-pic-card img {\r\n            width: 100%;\r\n            object-fit: cover;\r\n            transition: all 0.4s ease;\r\n        }\r\n        \r\n        .fb-dp-pic-card:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        .fb-dp-card-content {\r\n            padding: 1.2rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 0.8rem;\r\n            background: rgba(26, 54, 93, 0.4);\r\n            flex-grow: 1;\r\n        }\r\n        \r\n        .fb-dp-quality-badge {\r\n            display: inline-block;\r\n            padding: 0.4rem 0.8rem;\r\n            border-radius: 2rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            color: #fff;\r\n            box-shadow: 0 4px 10px rgba(49, 130, 206, 0.3);\r\n        }\r\n        \r\n        .fb-dp-quality-badge i {\r\n            margin-right: 0.3em;\r\n        }\r\n        \r\n        .fb-dp-pic-meta {\r\n            color: #a0aec0;\r\n            font-weight: 500;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            padding: 0.3rem 0.6rem;\r\n            border-radius: 0.5rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n        \r\n        .fb-dp-download-btn {\r\n            background: linear-gradient(135deg, #63b3ed 0%, #3182ce 100%);\r\n            color: #fff;\r\n            border: none;\r\n            padding: 0.7rem 1.2rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            border-radius: 2rem;\r\n            transition: all 0.3s ease;\r\n            width: 100%;\r\n            margin-top: auto;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 4px 15px rgba(49, 130, 206, 0.3);\r\n        }\r\n        \r\n        .fb-dp-download-btn:hover {\r\n            background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(49, 130, 206, 0.4);\r\n        }\r\n        \r\n        .fb-dp-download-btn i {\r\n            margin-right: 0.4em;\r\n        }\r\n        \r\n        .fb-dp-spinner {\r\n            display: inline-block;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-top: 2px solid #fff;\r\n            border-radius: 50%;\r\n            animation: spin 1s linear infinite;\r\n        }\r\n        \r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n        \r\n        .fb-dp-skeleton {\r\n            background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%);\r\n            background-size: 200% 100%;\r\n            animation: skeleton-loading 1.5s infinite linear;\r\n            border-radius: 0.5rem;\r\n        }\r\n        \r\n        @keyframes skeleton-loading {\r\n            0% { background-position: 200% 0; }\r\n            100% { background-position: -200% 0; }\r\n        }\r\n        \r\n        .fb-dp-skeleton-img {\r\n            width: 100%;\r\n            border-radius: 0;\r\n        }\r\n        \r\n        .fb-dp-skeleton-badge {\r\n            width: 80px;\r\n            height: 24px;\r\n            border-radius: 1rem;\r\n        }\r\n        \r\n        .fb-dp-skeleton-btn {\r\n            width: 100%;\r\n            height: 40px;\r\n            border-radius: 2rem;\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        \r\n        \/* Extra large devices (1200px and up) *\/\r\n        @media (min-width: 1200px) {\r\n            .fb-dp-viewer-wrapper {\r\n                padding: 2.5rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                font-size: 1.1rem;\r\n                padding: 1.2rem 1.8rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                font-size: 1.1rem;\r\n                padding: 0 2.5rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 250px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n        \r\n        \/* Large devices (992px to 1199px) *\/\r\n        @media (min-width: 992px) and (max-width: 1199px) {\r\n            .fb-dp-viewer-wrapper {\r\n                padding: 2rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 2.8rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 1.05rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                font-size: 1.05rem;\r\n                padding: 1.1rem 1.6rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                font-size: 1.05rem;\r\n                padding: 0 2.2rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 230px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.7rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n        \r\n        \/* Medium devices (768px to 991px) *\/\r\n        @media (min-width: 768px) and (max-width: 991px) {\r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1.8rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                font-size: 1rem;\r\n                padding: 1rem 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                font-size: 1rem;\r\n                padding: 0 2rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 220px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.6rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n        \r\n        \/* Small devices (576px to 767px) *\/\r\n        @media (min-width: 576px) and (max-width: 767px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .fb-dp-search-form {\r\n                flex-direction: column;\r\n                border-radius: 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                border-radius: 1.5rem 1.5rem 0 0;\r\n                padding: 0.9rem 1.3rem;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                border-radius: 0 0 1.5rem 1.5rem;\r\n                padding: 0.9rem;\r\n                font-size: 0.95rem;\r\n            }\r\n            \r\n            .fb-dp-profile-pics {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.2rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 200px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.7rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.8rem;\r\n            }\r\n\t\t\t\t\t\t .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n\t\t\t\t\t\tmargin-top:30px;\r\n        }\r\n        }\r\n        \r\n        \/* Extra small devices (375px to 575px) *\/\r\n        @media (min-width: 375px) and (max-width: 575px) {\r\n            body {\r\n                padding: 8px;\r\n            }\r\n            \r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1.2rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 1.9rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .fb-dp-search-form {\r\n                flex-direction: column;\r\n                border-radius: 1.2rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                border-radius: 1.2rem 1.2rem 0 0;\r\n                padding: 0.8rem 1.2rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                border-radius: 0 0 1.2rem 1.2rem;\r\n                padding: 0.8rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .fb-dp-profile-pics {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 180px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.4rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.7rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.75rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.8rem;\r\n            }\r\n\t\t\t\t\t\t .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n\t\t\t\t\t\tmargin-top:30px;\r\n        }\r\n        }\r\n        \r\n        \/* Very small devices (up to 374px) *\/\r\n        @media (max-width: 374px) {\r\n            body {\r\n                padding: 5px;\r\n            }\r\n            \r\n            .fb-dp-viewer-wrapper {\r\n                padding: 1rem;\r\n            }\r\n            \r\n            .fb-dp-title {\r\n                font-size: 1.7rem;\r\n            }\r\n            \r\n            .fb-dp-description {\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-search-form {\r\n                flex-direction: column;\r\n                border-radius: 1rem;\r\n            }\r\n            \r\n            .fb-dp-url-input {\r\n                border-radius: 1rem 1rem 0 0;\r\n                padding: 0.7rem 1rem;\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-analyze-btn {\r\n                border-radius: 0 0 1rem 1rem;\r\n                padding: 0.7rem;\r\n                font-size: 0.85rem;\r\n            }\r\n            \r\n            .fb-dp-profile-pics {\r\n                grid-template-columns: 1fr;\r\n                gap: 0.8rem;\r\n            }\r\n            \r\n            .fb-dp-pic-card img {\r\n                height: 160px;\r\n            }\r\n            \r\n            .fb-dp-profile-name {\r\n                font-size: 1.3rem;\r\n            }\r\n            \r\n            .fb-dp-quality-badge {\r\n                font-size: 0.65rem;\r\n            }\r\n            \r\n            .fb-dp-pic-meta {\r\n                font-size: 0.7rem;\r\n            }\r\n            \r\n            .fb-dp-download-btn {\r\n                font-size: 0.75rem;\r\n            }\r\n\t\t\t\t\t .fb-dp-title {\r\n            text-align: center;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 900;\r\n            margin-bottom: 1.2rem;\r\n            background: linear-gradient(135deg, #63b3ed 0%, #90cdf4 50%, #bee3f8 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: -1px;\r\n            position: relative;\r\n            padding-bottom: 12px;\r\n\t\t\t\t\t\tmargin-top:30px;\r\n        }\r\n        }\r\n    <\/style>\r\n\r\n\r\n<div class=\"facebook_body\">\r\n    <div class=\"fb-dp-viewer-wrapper\">\r\n        <h1 class=\"fb-dp-title\">Facebook DP Viewer<\/h1>\r\n        <div class=\"fb-dp-description\">View and download different quality Facebook profile pictures easily.<\/div>\r\n        \r\n        <form class=\"fb-dp-search-form\" onsubmit=\"analyzeUrl(event)\">\r\n            <input type=\"url\" id=\"urlInput\" class=\"fb-dp-url-input\" placeholder=\"Enter Facebook profile URL...\" required>\r\n            <button type=\"submit\" class=\"fb-dp-analyze-btn\" id=\"analyzeBtn\">Show<\/button>\r\n        <\/form>\r\n        \r\n        <div id=\"errorMessage\" class=\"fb-dp-error-message\" style=\"display: none;\"><\/div>\r\n        <div id=\"profileSection\" class=\"fb-dp-profile-section\" style=\"display: none;\"><\/div>\r\n    <\/div>\r\n\t\r\n\t\t\t<script src=\"https:\/\/tools.xrespond.com\/api\/rate-limit-handler.js\"><\/script>\r\n\t\t\t<script src=\"https:\/\/tools.xrespond.com\/api\/js\/client-ip-detector.js\"><\/script>\r\n\r\n    <script>\r\n        let isLoading = false;\r\n        \r\n        function showError(msg) {\r\n            const errorDiv = document.getElementById('errorMessage');\r\n            errorDiv.textContent = msg;\r\n            errorDiv.style.display = 'block';\r\n        }\r\n        \r\n        function hideError() {\r\n            document.getElementById('errorMessage').style.display = 'none';\r\n        }\r\n        \r\n        function showSkeleton() {\r\n            const section = document.getElementById('profileSection');\r\n            section.innerHTML = `\r\n                <div class=\"fb-dp-profile-name\"><i class=\"fas fa-images\"><\/i> Loading...<\/div>\r\n                <div class=\"fb-dp-profile-pics\">\r\n                    ${[1, 2, 3].map(() => `\r\n                        <div class=\"fb-dp-pic-card\">\r\n                            <div class=\"fb-dp-skeleton fb-dp-skeleton-img\"><\/div>\r\n                            <div class=\"fb-dp-card-content\">\r\n                                <div class=\"fb-dp-skeleton fb-dp-skeleton-badge\"><\/div>\r\n                                <div class=\"fb-dp-skeleton fb-dp-skeleton-btn\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `).join('')}\r\n                <\/div>\r\n            `;\r\n            section.style.display = 'block';\r\n        }\r\n        \r\n        function showSpinnerInButton() {\r\n            const btn = document.getElementById('analyzeBtn');\r\n            btn.innerHTML = '<span class=\"fb-dp-spinner\"><\/span>';\r\n        }\r\n        \r\n        function restoreButton() {\r\n            const btn = document.getElementById('analyzeBtn');\r\n            btn.innerHTML = 'Show';\r\n        }\r\n        \r\n        function analyzeUrl(event) {\r\n            event.preventDefault();\r\n            hideError();\r\n            document.getElementById('profileSection').style.display = 'none';\r\n            const url = document.getElementById('urlInput').value.trim();\r\n            if (!url) return;\r\n            const btn = document.getElementById('analyzeBtn');\r\n            btn.disabled = true;\r\n            showSpinnerInButton();\r\n            showSkeleton();\r\n            \r\n            fetch('https:\/\/tools.xrespond.com\/api\/facebook\/all-details', {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify({ url })\r\n            })\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                btn.disabled = false;\r\n                restoreButton();\r\n                if (!data || !data.data || !Array.isArray(data.data.data)) {\r\n                    showError('Could not fetch profile data.');\r\n                    document.getElementById('profileSection').style.display = 'none';\r\n                    return;\r\n                }\r\n                const pics = extractProfilePics(data.data.data);\r\n                if (!pics.length) {\r\n                    showError('No profile pictures found.');\r\n                    document.getElementById('profileSection').style.display = 'none';\r\n                    return;\r\n                }\r\n                displayProfilePics(pics);\r\n            })\r\n            .catch(e => {\r\n                btn.disabled = false;\r\n                restoreButton();\r\n                showError('Error: ' + e.message);\r\n                document.getElementById('profileSection').style.display = 'none';\r\n            });\r\n        }\r\n        \r\n        function extractProfilePics(dataArr) {\r\n            const pics = [];\r\n            const seen = new Set();\r\n            dataArr.forEach(item => {\r\n                if (item.result && item.result.data && item.result.data.user && item.result.data.user.profile_header_renderer && item.result.data.user.profile_header_renderer.user) {\r\n                    const user = item.result.data.user.profile_header_renderer.user;\r\n                    if (user.profilePicLarge && user.profilePicLarge.uri && !seen.has(user.profilePicLarge.uri)) {\r\n                        pics.push({\r\n                            url: user.profilePicLarge.uri,\r\n                            label: 'Large',\r\n                            width: user.profilePicLarge.width || '',\r\n                            height: user.profilePicLarge.height || ''\r\n                        });\r\n                        seen.add(user.profilePicLarge.uri);\r\n                    }\r\n                    if (user.profilePicMedium && user.profilePicMedium.uri && !seen.has(user.profilePicMedium.uri)) {\r\n                        pics.push({\r\n                            url: user.profilePicMedium.uri,\r\n                            label: 'Medium',\r\n                            width: user.profilePicMedium.width || '',\r\n                            height: user.profilePicMedium.height || ''\r\n                        });\r\n                        seen.add(user.profilePicMedium.uri);\r\n                    }\r\n                    if (user.profilePicSmall && user.profilePicSmall.uri && !seen.has(user.profilePicSmall.uri)) {\r\n                        pics.push({\r\n                            url: user.profilePicSmall.uri,\r\n                            label: 'Small',\r\n                            width: user.profilePicSmall.width || '',\r\n                            height: user.profilePicSmall.height || ''\r\n                        });\r\n                        seen.add(user.profilePicSmall.uri);\r\n                    }\r\n                    if (user.profile_picture && user.profile_picture.uri && !seen.has(user.profile_picture.uri)) {\r\n                        pics.push({\r\n                            url: user.profile_picture.uri,\r\n                            label: 'Default',\r\n                            width: user.profile_picture.width || '',\r\n                            height: user.profile_picture.height || ''\r\n                        });\r\n                        seen.add(user.profile_picture.uri);\r\n                    }\r\n                }\r\n            });\r\n            return pics;\r\n        }\r\n        \r\n        function displayProfilePics(pics) {\r\n            const section = document.getElementById('profileSection');\r\n            section.innerHTML = '';\r\n            section.style.display = 'block';\r\n            \r\n            const qualityOrder = { 'Large': 1, 'Medium': 2, 'Small': 3, 'Default': 4 };\r\n            pics.sort((a, b) => qualityOrder[a.label] - qualityOrder[b.label]);\r\n            \r\n            const qualityIcons = {\r\n                'Large': 'fa-crown',\r\n                'Medium': 'fa-star',\r\n                'Small': 'fa-circle',\r\n                'Default': 'fa-image'\r\n            };\r\n            \r\n            section.innerHTML = `\r\n                <div class=\"fb-dp-profile-name\"><i class=\"fas fa-images\"><\/i> Premium Profile Pictures<\/div>\r\n                <div class=\"fb-dp-profile-pics\">\r\n                    ${pics.map(pic => {\r\n                const resolution = pic.width && pic.height ? `${pic.width}\u00d7${pic.height}` : '';\r\n                const qualityIcon = qualityIcons[pic.label] || 'fa-image';\r\n                \r\n                return `\r\n                            <div class=\"fb-dp-pic-card\">\r\n                                <img decoding=\"async\" src=\"${pic.url}\" alt=\"Profile Pic\" loading=\"lazy\">\r\n                                <div class=\"fb-dp-card-content\">\r\n                                    <div class=\"fb-dp-quality-badge\">\r\n                                        <i class=\"fas ${qualityIcon}\"><\/i>${pic.label}\r\n                                    <\/div>\r\n                                    <div class=\"fb-dp-pic-meta\">${resolution}<\/div>\r\n                                    <button class=\"fb-dp-download-btn\" onclick=\"downloadImage('${pic.url}', '${pic.label.toLowerCase()}_${resolution}')\">\r\n                                        <i class=\"fas fa-download\"><\/i> Download\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        `;\r\n            }).join('')}\r\n                <\/div>\r\n            `;\r\n        }\r\n        \r\n        function downloadImage(url, filename) {\r\n            fetch(url)\r\n                .then(resp => resp.blob())\r\n                .then(blob => {\r\n                    const a = document.createElement('a');\r\n                    a.href = URL.createObjectURL(blob);\r\n                    a.download = `facebook_profile_${filename}.jpg`;\r\n                    document.body.appendChild(a);\r\n                    a.click();\r\n                    document.body.removeChild(a);\r\n                })\r\n                .catch(error => {\r\n                    console.error('Download failed:', error);\r\n                    window.open(url, '_blank');\r\n                });\r\n        }\r\n    <\/script>\r\n<\/div>\r\n<style>       \r\n  :root{\r\n    --grad: linear-gradient(45deg,#3b5998 0%,#4c70ba 50%,#8b9dc3 100%);\r\n    --brand:#3b5998;\r\n    --ink:#333;\r\n    --muted:#666;\r\n    --muted-2:#9498a1;\r\n    --light:#f8f9fa;\r\n    --card:#fff;\r\n    --bg:#fff;\r\n    --radius:15px;\r\n    --sh:0 4px 12px rgba(0,0,0,.08);\r\n    --sh-lg:0 8px 24px rgba(0,0,0,.12);\r\n    --t:.3s ease;\r\n  }\r\n\r\n  body { background: var(--bg); }\r\n\r\n  \/* ---------- Titles ---------- *\/\r\n  .fb-av-section-title{text-align:center; margin-bottom:60px;}\r\n  .fb-av-section-title h2{font-weight:700; font-size:2.5rem; color:var(--brand); margin:0 0 12px;}\r\n  .fb-av-section-title p{color:var(--muted); max-width:700px; margin:0 auto; font-size:1.05rem;}\r\n \r\n  \/* ---------- Cards ---------- *\/\r\n  .cv-card{\r\n    background:var(--card); border-radius:var(--radius); box-shadow:var(--sh);\r\n    height:100%; transition:var(--t); padding:30px;\r\n  }\r\n  .cv-card:hover{transform:translateY(-10px); box-shadow:var(--sh-lg);}\r\n\r\n  \/* Steps *\/\r\n  .fb-av-step{ position:relative; text-align:center; }\r\n  .fb-av-step .fb-av-step-icon{\r\n    width:80px; height:80px; margin:0 auto 22px; border-radius:50%; display:flex; align-items:center; justify-content:center;\r\n    background:var(--grad); color:#fff; font-size:2rem; box-shadow:0 5px 15px rgba(0,0,0,.1); transition:var(--t);\r\n  }\r\n  .fb-av-step:hover .fb-av-step-icon{ transform:scale(1.08); }\r\n  .fb-av-step h3{font-size:1.25rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-step p{color:var(--muted); margin:0;}\r\n\r\n  \/* Features *\/\r\n  .fb-av-feature-card .fb-av-feature-icon{font-size:2rem; display:block; margin-bottom:14px;}\r\n  .fb-av-feature-card h3{font-size:1.2rem; font-weight:700; color:var(--brand); margin:0 0 10px;}\r\n  .fb-av-feature-card p{color:var(--muted); margin:0;}\r\n\r\n  \/* FAQ *\/\r\n  .vr-tool-faq{ margin: 30px auto; background: var(--bg); }\r\n  .fb-av-faq-item{ border-radius:12px; overflow:hidden; box-shadow:var(--sh); transition:var(--t); background:#fff; }\r\n  .fb-av-faq-item:hover{ box-shadow:var(--sh-lg); }\r\n  .fb-av-faq-question{\r\n    width:100%; padding:20px 24px; display:flex; justify-content:space-between; align-items:center;\r\n    background:#fff; border:none; text-align:left; font-weight:700; font-size:1.05rem; color:var(--brand); transition:var(--t);\r\n  }\r\n  .fb-av-faq-question:hover{ background:rgba(59,89,152,.05); }\r\n  .fb-av-faq-question:not(.collapsed){ background:rgba(59,89,152,.1); }\r\n  .fb-av-faq-question:not(.collapsed)::after{ transform:rotate(180deg); }\r\n  .fb-av-faq-answer{ padding:0 24px 22px; color:var(--muted); line-height:1.7; }\r\n\r\n  \/* CTA *\/\r\n  .vr-tool-cta{\r\n    background:var(--bg);\r\n    color:#333;\r\n    text-align:center;\r\n    padding:50px 0;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-title{\r\n    font-size:2.4rem;\r\n    font-weight:700;\r\n    margin:0 0 20px;\r\n    line-height:1.2;\r\n    color: var(--brand);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-sub{\r\n    max-width:800px;\r\n    margin:0 auto 30px;\r\n    font-size:1.1rem;\r\n    color: var(--muted);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn{\r\n    background: var(--grad);\r\n    color: #fff;\r\n    font-weight:600;\r\n    padding:14px 32px;\r\n    border-radius:50px;\r\n    box-shadow:var(--sh);\r\n    transition:var(--t);\r\n    text-decoration:none;\r\n    display:inline-block;\r\n  }\r\n  .vr-tool-cta .fb-av-cta-group .btn:hover{\r\n    transform:translateY(-3px);\r\n    box-shadow:var(--sh-lg);\r\n  }\r\n  .vr-tool-cta .fb-av-cta-note{\r\n    margin-top:14px;\r\n    font-size:.95rem;\r\n    color: var(--muted);\r\n  }\r\n\r\n  @keyframes fadeUp{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }\r\n  .animate-in{ animation: fadeUp .6s ease both; }\r\n\r\n  @media (max-width:991px){\r\n    .fb-av-section-title h2{font-size:2.1rem}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:2.1rem}\r\n  }\r\n  @media (max-width:767px){\r\n    .fb-av-section-title h2{font-size:1.8rem}\r\n    .cv-card{margin-bottom:20px}\r\n    .vr-tool-cta{padding:60px 0}\r\n    .vr-tool-cta .fb-av-cta-title{font-size:1.8rem}\r\n    .vr-tool-cta .fb-av-cta-sub{font-size:1rem}\r\n  }\r\n<\/style>\r\n\r\n<!-- How It Works -->\r\n<section class=\"vr-tool-how\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>How to Use the Facebook Account Viewer<\/h2>\r\n      <p>Follow these steps to browse public Facebook account content anonymously.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-link\"><\/i><\/div>\r\n          <h3>Enter Profile or Page URL<\/h3>\r\n          <p>Copy the Facebook profile, page, or post URL to view.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-search\"><\/i><\/div>\r\n          <h3>Load Content<\/h3>\r\n          <p>Click \u201cView Now\u201d to access public Facebook content.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n          <h3>Browse Anonymously<\/h3>\r\n          <p>View public posts, pages, and profiles privately.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"cv-card fb-av-step\">\r\n          <div class=\"fb-av-step-icon\"><i class=\"fas fa-user-secret\"><\/i><\/div>\r\n          <h3>No Login Required<\/h3>\r\n          <p>Access content without a Facebook account.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Features -->\r\n<section class=\"vr-tool-features\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Facebook Account Viewer Features<\/h2>\r\n      <p>Tools for seamless and private browsing of public Facebook account content.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row g-4\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd12<\/span>\r\n          <h3>Anonymous Browsing<\/h3>\r\n          <p>Browse Facebook accounts without revealing your identity.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcc4<\/span>\r\n          <h3>Public Content Access<\/h3>\r\n          <p>View public posts, pages, and profiles effortlessly.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcd1<\/span>\r\n          <h3>Multiple Content Types<\/h3>\r\n          <p>Supports posts, photos, videos, and profile details.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udcf1<\/span>\r\n          <h3>Multi-Device Support<\/h3>\r\n          <p>Optimized for phones, tablets, and desktops.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\ud83d\udd11<\/span>\r\n          <h3>No Login Needed<\/h3>\r\n          <p>Browse without Facebook credentials.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-md-4\">\r\n        <div class=\"cv-card fb-av-feature-card\">\r\n          <span class=\"fb-av-feature-icon\">\u26a1<\/span>\r\n          <h3>Fast Access<\/h3>\r\n          <p>Quickly load Facebook account content anonymously.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section class=\"vr-tool-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"fb-av-section-title\">\r\n      <h2>Frequently Asked Questions<\/h2>\r\n      <p>Learn how to use the Facebook Account Viewer effectively.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"row justify-content-center\">\r\n      <div class=\"col-lg-8\">\r\n        <div class=\"accordion\" id=\"faqAccordion\">\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse1\">\r\n                Can I view private Facebook account content?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer only shows public content, respecting privacy settings.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse2\">\r\n                Do I need a Facebook account to browse?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. The Facebook Account Viewer works without a login.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse3\">\r\n                Is the Facebook Account Viewer free to use?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                Yes. It\u2019s a free tool with no charges or subscriptions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse4\">\r\n                Is this tool affiliated with Facebook?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. This is an independent Facebook Account Viewer, and browsing is anonymous with no user alerts.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"fb-av-faq-item accordion-item mb-3\">\r\n            <h2 class=\"accordion-header\">\r\n              <button class=\"fb-av-faq-question accordion-button collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#faqCollapse5\">\r\n                Does the Facebook Account Viewer require software installation?\r\n              <\/button>\r\n            <\/h2>\r\n            <div id=\"faqCollapse5\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n              <div class=\"fb-av-faq-answer accordion-body\">\r\n                No. It\u2019s a web-based tool that works directly in your browser without any software.\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"vr-tool-cta\">\r\n  <div class=\"container\" style=\"text-align: center;\">\r\n    <h2 class=\"fb-av-cta-title\">Try the Facebook Account Viewer Now<\/h2>\r\n    <p class=\"fb-av-cta-sub\">\r\n      Browse public Facebook account content anonymously without login. Safe, private, and easy to use.\r\n    <\/p>\r\n    <div class=\"fb-av-cta-group\">\r\n      <a href=\"#\" class=\"btn btn-lg\">Try It Now<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.querySelectorAll('.fb-av-faq-question').forEach(btn=>{\r\n    btn.addEventListener('click', ()=>{\r\n      document.querySelectorAll('.fb-av-faq-question').forEach(b=>{ if(b!==btn) b.classList.add('collapsed'); });\r\n      btn.classList.toggle('collapsed');\r\n    });\r\n  });\r\n<\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":138,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1300","footnotes":""},"class_list":["post-1020","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/comments?post=1020"}],"version-history":[{"count":7,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1020\/revisions"}],"predecessor-version":[{"id":1318,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/1020\/revisions\/1318"}],"up":[{"embeddable":true,"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/pages\/138"}],"wp:attachment":[{"href":"https:\/\/viewri.com\/wp-json\/wp\/v2\/media?parent=1020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}