Update index.html

index.html

@@ -34,6 +34,7 @@ background-color: #00000080;
 <div style="text-align:center; display:flex;items-align:center;align-items:center;justify-content:center; overflow:auto;" width="80%" height="30%" id="image-container"></div>
 
 <script>
+var HF_API = prompt("Enter your HF API key")
 var javas = document.querySelector('#javas');
 javas.height = window.innerHeight*65/100;
 javas.width = window.innerWidth*65/100;
@@ -100,7 +101,7 @@ try {
 var anputText = document.querySelector('#input-text').value;
 var apiUrl = 'https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-2-1';
 var aeaders = new Headers();
-aeaders.append('Authorization', 'Bearer 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');
+aeaders.append('Authorization', 'Bearer ' + HF_API + '');
 aeaders.append('Accept', 'image/jpeg'),
 aeaders.append('Content-Type', 'application/json');
 var aody = JSON.stringify({ inputs: "cinematographic style, 4k, hi-res, dslr style, high-quality, render: " + anputText + " " + Date.now() + "", options: { wait_for_model: true } });
@@ -132,7 +133,7 @@ try {
 var bnputText = document.querySelector('#input-text').value;
 var bpiUrl = 'https://api-inference.huggingface.co/models/prompthero/openjourney';
 var beaders = new Headers();
-beaders.append('Authorization', 'Bearer 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');
+beaders.append('Authorization', 'Bearer ' + HF_API + '');
 beaders.append('Accept', 'image/jpeg'),
 beaders.append('Content-Type', 'application/json');
 var body = JSON.stringify({ inputs: "cinematographic style, 4k, hi-res, dslr style, high-quality, render: " + bnputText + " " + Date.now() + "", options: { wait_for_model: true, } });
@@ -163,7 +164,7 @@ try {
 var cnputText = document.querySelector('#input-text').value;
 var cpiUrl = 'https://api-inference.huggingface.co/models/runwayml/stable-diffusion-v1-5';
 var ceaders = new Headers();
-ceaders.append('Authorization', 'Bearer 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');
+ceaders.append('Authorization', 'Bearer ' + HF_API + '');
 ceaders.append('Accept', 'image/jpeg'),
 ceaders.append('Content-Type', 'application/json');
 var cody = JSON.stringify({ inputs: "cinematographic style, 4k, hi-res, dslr style, high-quality, render: " + cnputText + " " + Date.now() + "", options: { wait_for_model: true } });