diff --git a/.idea/config/applicationhost.config b/.idea/config/applicationhost.config index 175860584ece02bbf276b4eeaaabf2f8c0576d5d..a8fdd992d05675a6169cc9616744c29c0b5150d4 100644 --- a/.idea/config/applicationhost.config +++ b/.idea/config/applicationhost.config @@ -156,7 +156,7 @@ <virtualDirectoryDefaults allowSubDirConfig="true" /> <site name="CI-ColorWebs" id="1"> <application path="/" applicationPool="CI-ColorWebs AppPool"> - <virtualDirectory path="/" physicalPath="C:\Users\aidan\Documents\GitHub\color-website2\CI-ColorWebs" /> + <virtualDirectory path="/" physicalPath="C:\Users\aidan\OneDrive\Documents\GitHub\color-website2\CI-ColorWebs" /> </application> <bindings> <binding protocol="http" bindingInformation="*:23781:localhost" /> diff --git a/CI-ColorWebs/Pages/TruePalette.cshtml b/CI-ColorWebs/Pages/TruePalette.cshtml index 5b4c688c709aed8a99847816f24fa1032be9a4a6..504b4879625daafa9ad4c8a518522a73ff92ade8 100644 --- a/CI-ColorWebs/Pages/TruePalette.cshtml +++ b/CI-ColorWebs/Pages/TruePalette.cshtml @@ -23,5 +23,12 @@ <span id="palColor6"></span> <canvas width = "700"></canvas> </h2> + <h3> + <p>View your pallete visualized through AI art:</p> + <span id="Tlinkai"></span> + </h3> + <h8> + <p>(Keep in mind AI art is not perfect and it may take a couple of tries before you get a result you like)</p> + </h8> </div> <script src = './js/truepalette.js'></script> diff --git a/CI-ColorWebs/wwwroot/js/truepalette.js b/CI-ColorWebs/wwwroot/js/truepalette.js index 5975ed11cd0a92a7d628869358a3f147b051b05c..2fa4fc3b541310433aa602acb1cbe4146011fd38 100644 --- a/CI-ColorWebs/wwwroot/js/truepalette.js +++ b/CI-ColorWebs/wwwroot/js/truepalette.js @@ -90,6 +90,9 @@ const bre = () => { context.fillStyle = leColor[5]; context.fillRect(580, 0, 116, 150); document.getElementById("palColor6").style.color = leColor[5]; + Tailink = "?prompt=flower%20color(" + leColor[0].replace(/^#+/, '')+",%20" + leColor[1].replace(/^#+/, '')+ ",%20"+ leColor[2].replace(/^#+/, '')+ ",%20"+ leColor[3].replace(/^#+/, '')+ ",%20"+ leColor[4].replace(/^#+/, '')+ ",%20"+ leColor[5].replace(/^#+/, '')+ ")%20painting"; + var Tlink = "<a href='https://www.craiyon.com/" + Tailink + "' target='_blank'>here</a>"; + document.getElementById("Tlinkai").innerHTML=Tlink; } document.getElementById("gsetNew").addEventListener("click", bre);