Sneed-Group/sneedpage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create index.html

Browse source
This commit is contained in:
The Ghost of FOSS' Future 2024-09-17 07:06:06 -05:00 committed by GitHub
parent 6684f17930
commit 474886d640
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 82 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
index.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<title>SneedPage</title>
</head>
<body>
<textarea id="prompt" rows="10" cols="50"></textarea>
<button onclick="generateWebsite()">Prompt</button>
<div id="preview" width="100%" height="32%"></div>
<button onclick="saveHTML()">Save HTML</button>
<script>
let currentHTML;
function generateWebsite() {
const prompt = document.getElementById("prompt").value;
// Replace with your Ollama API call and processing logic
const generatedHTML = generateHTMLFromPrompt(prompt);
// Load the generated HTML into the iframe
const iframe = document.getElementById("preview");
iframe.contentDocument.open();
iframe.contentDocument.write(generatedHTML);
iframe.contentDocument.close();
}
function saveHTML() {
const generatedHTML = currentHTML;
const blob = new Blob([generatedHTML], { type: "text/html" });
const a = document.createElement("a");
a.href = URL.createObjectURL(blob);
a.download = "generated_website.html";
a.click();
}
// Replace this with your Ollama API integration and HTML generation logic
let answerCount = 0
let body;
function generateHTMLFromPrompt(prompt) {
const url = "https://ollama-api.nodemixaholic.com/api/generate";
if (answercount < 1) {
prompt += `
Create this in HTML, CSS, and Javascript as a single-page application with dynamically loading content.
Do NOT use external libraries.`
} else {
prompt += `
See that? Yeah do that to the following website code:
${currentHTML}
Be sure to use HTML, CSS, and Javascript and make it a single-page application with dynamically loading content.
Do NOT use external libraries.
Fix any bugs as well.`
}
body = JSON.stringify({
model: "starcoder2:7b",
prompt: prompt // User's prompt from the text area
});
fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: body
})
.then(response => response.json())
.then(data => {
// Display the generated website code in a designated area (e.g., pre tag)
currentHTML = data.response;
document.getElementById("preview").innerHTML = currentHTML;
answerCount++
return data.response;
})
.catch(error => {
console.error(error);
// Handle API errors and display an error message to the user
});
}
</script>
</body>
</html>