FETCH WITH HTTP BASIC AUTH

[{"selector":"#anim-9b107ddd-ab42-4c0e-9410-e820b9acc5d8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-885247cf-c8ff-4128-be51-afde87203652","keyframes":{"transform":["translate3d(0px, -1306.17348%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7cdd053-2b68-4607-be6b-f9a9f132a47f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afb9bdc1-ef93-4805-927c-54259cc5a8d5","keyframes":{"transform":["translate3d(0px, 137.48537%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7a6e161-5379-4b2d-8dfa-1a045d094baa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d1443d0-6e24-4e27-89b1-e19c963333d1","keyframes":{"transform":["translate3d(0px, 294.07400%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] JS (quick guide & examples)

FETCH WITH HTTP BASIC AUTH

[{"selector":"#anim-39d96901-5033-48ed-ba55-b983e5031aab","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9ead8952-a87f-4ac9-87dd-9269b4cfba97","keyframes":{"transform":["translate3d(-116.06557%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce563964-3a33-41b6-b59f-b9e150ff961f","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-02a5b55c-07e6-4356-8623-a0fe17b50f00","keyframes":{"transform":["translate3d(-115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63c08227-3720-47fc-9b87-2941107c99d3","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-822185ce-476d-4d40-9d92-bed8961cadac","keyframes":{"transform":["translate3d(-115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] URL & CREDENTIALS var url = "protected/secret.html", creds = btoa("USER:PASS"); FETCH WITH HTTP AUTH fetch (url, { headers: { "Authorization": `Basic ${creds}` } }) HANDLE SERVER RESPONSE .then(res => { if (res.status != 200) { throw "NO GOOD"; } return res.text(); }) .then(res => console.log(res));

BASIC AUTH WITH APACHE

[{"selector":"#anim-6b008d8e-82ac-42bc-8d81-87fc35ed5f54","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8b3c659d-d494-446a-8630-743b36203696","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8e27fd5-de60-45fb-9d7e-528b09f4b2d6","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-20c4cb56-dac9-4a76-8b2d-90715b9f4897","keyframes":{"transform":["translate3d(116.19048%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] .HTACCESS AuthType Basic AuthName "Password Required" AuthUserFile FOLDER\.htpasswd Require valid-user RUN HTACCESS IN COMMAND LINE htpasswd -c "PATH/FOLDER/.htpasswd" USER

VISIT & FOLLOW

[{"selector":"#anim-be695caa-fedc-4260-8f24-05ebe3aaa94a","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c0f1e7f4-8c15-408e-8f93-c78cfb06ec26","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f538c9f-370b-4720-be6f-80c3c10ecc6d","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac96809f-4ef6-416b-8c81-befc8646ebb2","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dfc348c5-de83-484c-b767-efd3de1c6e6f","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-abd607de-a5d4-4380-b534-167d4ad7f166","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9c8f00c5-fafa-42fc-a739-977a8c9f7a56","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a6f97d42-59af-4bea-8d57-7090b12f0066","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5367fd70-c753-4f5c-98c5-17e1a4f28a03","keyframes":{"transform":["translate3d(-170.88234%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7a5a569a-af83-454e-b5c6-21286d8bf250 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.249001618125643%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

FETCH WITH HTTP BASIC AUTH