Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <script src="/static/tailwind.js"></script> | |
| <script src="/static/flowbite.js" charset="utf-8"></script> | |
| <link rel="stylesheet" href="/static/style.css" data-precedence="high" /> | |
| <title>PicxAI</title> | |
| <meta name="theme-color" content="#27272a" media="(prefers-color-scheme: light)" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> | |
| <link rel="icon" href="/static/logo.png" sizes="any" type="image/png"> | |
| <meta property="og:site_name" content="PicxAI" /> | |
| <meta property="og:image" content="/static/logo.svg" /> | |
| <meta property="og:image:type" content="image/png" /> | |
| <meta property="og:image:alt" content="PicxAI" /> | |
| <meta property="og:title" content="PicxAI" /> | |
| <meta property="og:url" content="https://PicxAI.art" /> | |
| <meta property="og:description" content="The Stable Diffusion search engine" /> | |
| <meta name="description" content="The Stable Diffusion search engine" /> | |
| <meta property="twitter:card" content="summary_large_image" /> | |
| <meta property="twitter:url" content="https://PicxAI.art" /> | |
| <meta property="twitter:title" content="PicxAI" /> | |
| <meta property="twitter:description" content="The Stable Diffusion search engine" /> | |
| <meta property="twitter:image" content="/static/logo.svg" /> | |
| </head> | |
| <body> | |
| <div class="fixed bottom-0 sm:top-0 z-50 flex flex-row items-center justify-between bg-slate-900 backdrop-blur bg-opacity-80 border-t border-t-slate-700 sm:border-t-0 sm:border-b border-opacity-50 sm:border-b-slate-700 text-sm select-none" style="height:56px;width:100vw"> | |
| <div class="hidden sm:flex items-center cursor-pointer px-4 pl-6 left-0 h-full w-32 "> | |
| <svg width="320" height="157.30338319782783" viewBox="0 0 204.042 100.315"> | |
| <defs id="SvgjsDefs4055"> | |
| <linearGradient> | |
| <stop stop-color="#ffffff" offset="0"/> | |
| <stop stop-color="#ffffff" offset="1"/> | |
| </linearGradient> | |
| <linearGradient id="SvgjsLinearGradient4063"> | |
| <stop stop-color="#ffffff" offset="0"/> | |
| <stop stop-color="#ffffff" offset="1"/> | |
| </linearGradient> | |
| </defs> | |
| <g featurekey="nameFeature-0" transform="matrix(3.211992, 0, 0, 3.211992, 2.876412, -37.487316)" fill="url(#SvgjsLinearGradient4063)"> | |
| <path d="M8.32 28.8 c0.13332 0.98668 0.27344 2.0268 0.42012 3.1202 s0.27336 2.1466 0.38004 3.16 s0.17336 1.9333 0.20004 2.76 s0 1.46 -0.08 1.9 s-0.24 0.62668 -0.48 0.56 s-0.58668 -0.48668 -1.04 -1.26 c0 -1.84 -0.08668 -3.58 -0.26 -5.22 s-0.39332 -3.2867 -0.66 -4.94 c-0.61332 0 -1.2133 -0.1 -1.8 -0.3 s-1.12 -0.42668 -1.6 -0.68 s-0.86 -0.52 -1.14 -0.8 s-0.42 -0.51332 -0.42 -0.7 c0.18668 0.05332 0.48 0.12 0.88 0.2 s0.82 0.15332 1.26 0.22 s0.88 0.12 1.32 0.16 s0.79332 0.06 1.06 0.06 c-0.16 -1.2 -0.31332 -2.28 -0.46 -3.24 s-0.29336 -1.8933 -0.44004 -2.8 s-0.29336 -1.8334 -0.44004 -2.78 s-0.28668 -2.0067 -0.42 -3.18 c-0.82668 -0.34668 -1.66 -0.66668 -2.5 -0.96 s-1.6467 -0.62664 -2.42 -0.99996 c-0.05332 -0.16 -0.09332 -0.27332 -0.12 -0.34 s-0.033359 -0.12668 -0.020039 -0.18 s0.05332 -0.11332 0.12 -0.18 s0.18 -0.16668 0.34 -0.3 c0.21332 -0.05332 0.71332 0.033359 1.5 0.26004 s1.72 0.54668 2.8 0.96 s2.24 0.90664 3.48 1.48 s2.44 1.16 3.6 1.76 s2.2 1.2 3.12 1.8 s1.5933 1.1533 2.02 1.66 c0.4 0.32 0.67332 0.69332 0.82 1.12 s0.18668 0.86668 0.12 1.32 s-0.23336 0.90664 -0.50004 1.36 s-0.6 0.88 -1 1.28 c-0.4 0.37332 -0.87332 0.76664 -1.42 1.18 s-1.14 0.8 -1.78 1.16 s-1.3333 0.66668 -2.08 0.92 s-1.5334 0.40664 -2.36 0.45996 z M7.8 26.96 c1.2533 0 2.3668 -0.13336 3.3401 -0.40004 s1.7933 -0.64 2.46 -1.12 s1.1534 -1.04 1.46 -1.68 s0.40668 -1.3067 0.3 -2 c-0.05332 -0.53332 -0.41332 -1.0733 -1.08 -1.62 s-1.4734 -1.08 -2.42 -1.6 s-1.9467 -1.0267 -3 -1.52 s-1.9933 -0.96664 -2.82 -1.42 c0.05332 0.56 0.12664 1.1667 0.21996 1.82 s0.20664 1.4133 0.33996 2.28 s0.3 1.8867 0.5 3.06 s0.43332 2.5733 0.7 4.2 z M19.759999999999998 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M19.88 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z M29.2 28.28 c0.02668 0.16 -0.099924 0.31992 -0.37992 0.47992 s-0.63332 0.39332 -1.06 0.7 s-0.89336 0.71336 -1.4 1.22 s-0.96 1.1734 -1.36 2 c-0.42668 0.90668 -0.73336 1.6934 -0.92004 2.36 s-0.14668 1.4534 0.12 2.36 c0.08 0.18668 0.19332 0.35336 0.34 0.50004 s0.36668 0.23336 0.66 0.26004 c0.58668 -0.10668 1.1067 -0.25336 1.56 -0.44004 s0.88 -0.41336 1.28 -0.68004 s0.78668 -0.55336 1.16 -0.86004 s0.76 -0.62 1.16 -0.94 c0.58668 -0.56 1.0734 -1.0467 1.46 -1.46 s0.7 -0.76 0.94 -1.04 s0.44668 -0.48668 0.62 -0.62 s0.35332 -0.17332 0.54 -0.12 c-0.10668 0.24 -0.40668 0.74668 -0.9 1.52 s-1.1333 1.5933 -1.92 2.46 s-1.7 1.68 -2.74 2.44 s-2.16 1.2333 -3.36 1.42 c-0.48 -0.02668 -0.87332 -0.08 -1.18 -0.16 s-0.59336 -0.4 -0.86004 -0.96 c-0.32 -0.66668 -0.44 -1.4734 -0.36 -2.42 s0.28 -1.8867 0.6 -2.82 s0.72 -1.8 1.2 -2.6 s0.94668 -1.3867 1.4 -1.76 c0.64 -0.45332 1.2333 -0.73332 1.78 -0.84 s1.0867 -0.10668 1.62 0 z M32.199999999999996 25.759999999999998 c0.34668 0.45332 0.67324 0.89316 0.97992 1.3198 s0.61336 0.86668 0.92004 1.32 s0.63336 0.95332 0.98004 1.5 s0.74668 1.18 1.2 1.9 c0.29332 -0.77332 0.54664 -1.4933 0.75996 -2.16 s0.37332 -1.4267 0.48 -2.28 c0.05332 -0.21332 0.20664 -0.26664 0.45996 -0.15996 s0.46 0.2 0.62 0.28 c0.08 0.18668 0.09332 0.45336 0.04 0.80004 s-0.14 0.70668 -0.26 1.08 s-0.24668 0.72664 -0.38 1.06 s-0.22664 0.59332 -0.27996 0.78 c-0.05332 0.13332 -0.11332 0.28664 -0.18 0.45996 s-0.12668 0.35332 -0.18 0.54 l-0.24 0.64 c0.61332 1.4933 1.2 2.7933 1.76 3.9 s0.93332 1.94 1.12 2.5 c0 0.18668 -0.15332 0.22 -0.46 0.1 s-0.58 -0.28668 -0.82 -0.5 c-0.32 -0.66668 -0.66668 -1.3067 -1.04 -1.92 s-0.76 -1.3066 -1.16 -2.08 c-0.13332 0.37332 -0.3 0.80664 -0.5 1.3 s-0.40668 1 -0.62 1.52 s-0.42664 1.0333 -0.63996 1.54 s-0.4 0.97336 -0.56 1.4 c-0.21332 0.26668 -0.39332 0.43336 -0.54 0.50004 s-0.40668 0.033359 -0.78 -0.09996 c0.48 -1.1733 0.86 -2.1133 1.14 -2.82 s0.51332 -1.3067 0.7 -1.8 s0.34668 -0.96664 0.48 -1.42 s0.29332 -1.0266 0.48 -1.72 c-0.29332 -0.4 -0.62 -0.9 -0.98 -1.5 l-1.08 -1.8 l-1.04 -1.7 l-0.86 -1.16 c-0.18668 -0.26668 -0.24668 -0.57336 -0.18 -0.92004 s0.28668 -0.48 0.66 -0.4 z M45.08 32.4 c-0.37332 0 -0.79356 0.019609 -1.2602 0.059608 s-0.91336 0.06 -1.34 0.06 s-0.80668 -0.03332 -1.14 -0.1 s-0.54 -0.20668 -0.62 -0.42 c-0.16 -0.13332 -0.16 -0.28664 0 -0.45996 s0.30668 -0.32664 0.44 -0.45996 c0.50668 -0.05332 0.94668 -0.09332 1.32 -0.12 s0.72 -0.06 1.04 -0.1 s0.62668 -0.08 0.92 -0.12 s0.6 -0.08668 0.92 -0.14 c0.4 -1.4933 0.77332 -2.92 1.12 -4.28 s0.68 -2.7067 1 -4.04 s0.63332 -2.68 0.94 -4.04 s0.63336 -2.7867 0.98004 -4.28 c0.24 -0.34668 0.44 -0.52668 0.6 -0.54 s0.42668 -0.0067688 0.8 0.020039 c0.16 0.85332 0.28 1.5733 0.36 2.16 s0.15332 1.18 0.22 1.78 s0.14668 1.2667 0.24 2 s0.22 1.66 0.38 2.78 c0.10668 1.1467 0.25336 2.2734 0.44004 3.38 s0.34668 2.2467 0.48 3.42 c0.69332 -0.10668 1.36 -0.22 2 -0.34 s1.2067 -0.22668 1.7 -0.32 s0.89332 -0.16664 1.2 -0.21996 s0.46 -0.06664 0.46 -0.039961 c0.08 0.24 -0.04668 0.47332 -0.38 0.7 s-0.76664 0.45336 -1.3 0.68004 s-1.1066 0.44 -1.72 0.64 s-1.16 0.38 -1.64 0.54 c0.05332 0.50668 0.14664 1.14 0.27996 1.9 s0.27332 1.5667 0.42 2.42 s0.3 1.7133 0.46 2.58 s0.3 1.6534 0.42 2.36 s0.20668 1.2934 0.26 1.76 s0.05332 0.72668 0 0.78 c-0.45332 0.05332 -0.78 0.0067688 -0.98 -0.14004 s-0.44668 -0.27336 -0.74 -0.38004 c-0.21332 -1.76 -0.48 -3.5533 -0.8 -5.38 s-0.57332 -3.6467 -0.76 -5.46 c-0.61332 0.13332 -1.3933 0.31332 -2.34 0.54 s-1.9267 0.42 -2.94 0.58 c-0.16 0.58668 -0.30668 1.24 -0.44 1.96 s-0.26664 1.4067 -0.39996 2.06 s-0.24664 1.24 -0.33996 1.76 s-0.18 0.86 -0.26 1.02 c-0.13332 0.13332 -0.36664 0.22 -0.69996 0.26 s-0.60664 -0.04668 -0.81996 -0.26 c0 -0.16 0.06 -0.52668 0.18 -1.1 s0.26 -1.2066 0.42 -1.9 s0.32668 -1.3666 0.5 -2.02 s0.31332 -1.1666 0.42 -1.54 z M46.9996 30.4396 c0.4 -0.08 0.84004 -0.16641 1.32 -0.25973 s0.92668 -0.19332 1.34 -0.3 s0.77332 -0.19336 1.08 -0.26004 s0.48668 -0.11336 0.54 -0.14004 c-0.05332 -0.58668 -0.1 -1.0734 -0.14 -1.46 s-0.08 -0.79336 -0.12 -1.22 s-0.08668 -0.92668 -0.14 -1.5 s-0.13332 -1.3533 -0.24 -2.34 c-0.21332 -1.68 -0.36664 -2.9333 -0.45996 -3.76 s-0.18 -1.0934 -0.26 -0.80004 c-0.37332 1.44 -0.7 2.6867 -0.98 3.74 s-0.53332 2.0266 -0.76 2.92 s-0.43336 1.7666 -0.62004 2.62 s-0.37336 1.7733 -0.56004 2.76 z M60.56 22.4 c0.26668 -0.05332 0.42664 0.10672 0.47996 0.48004 s0 0.65332 -0.16 0.84 c-0.29332 0.24 -0.48 0.44668 -0.56 0.62 s-0.26668 0.28664 -0.56 0.33996 c-0.16 -0.02668 -0.3 -0.033359 -0.42 -0.020039 s-0.22 -0.20668 -0.3 -0.66 c0.10668 -0.29332 0.27336 -0.58664 0.50004 -0.87996 s0.56668 -0.53332 1.02 -0.72 z M60.68 27.6 c0.13332 1.28 0.22676 2.6867 0.28008 4.22 s0.14664 3.14 0.27996 4.82 c0.10668 0.85332 0.21336 1.52 0.32004 2 s0.18668 0.93332 0.24 1.36 c-0.42668 0.08 -0.76 0.07332 -1 -0.02 s-0.46668 -0.20664 -0.68 -0.33996 c-0.05332 -0.42668 -0.11332 -1.1334 -0.18 -2.12 s-0.13336 -2.06 -0.20004 -3.22 s-0.13336 -2.2867 -0.20004 -3.38 s-0.12668 -1.96 -0.18 -2.6 c0.10668 -0.05332 0.19336 -0.13332 0.26004 -0.24 s0.14 -0.2 0.22 -0.28 s0.18668 -0.14668 0.32 -0.2 s0.30664 -0.05332 0.51996 0 z"/> | |
| </g> | |
| </svg> | |
| </div> | |
| <div class="flex relative items-center h-full -mt-1 w-full sm:w-auto"> | |
| <div style="height:32px;top:15px;display:absolute" class="absolute bg-slate-700 rounded"></div> | |
| <div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:1"> | |
| <a href="/"> | |
| <div class="relative sm:flex justify-center hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div> | |
| Home | |
| </div> | |
| </a> | |
| <div class="relative flex items-center justify-center text-xl sm:hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid #6366f1;bottom:-17px"></div> | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path> | |
| <polyline points="9 22 9 12 15 12 15 22"></polyline> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5"> | |
| <div class="relative sm:flex justify-center hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| Generate | |
| </div> | |
| <div class="relative flex items-center justify-center text-xl sm:hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <circle cx="12" cy="12" r="10"></circle> | |
| <line x1="14.31" y1="8" x2="20.05" y2="17.94"></line> | |
| <line x1="9.69" y1="8" x2="21.17" y2="8"></line> | |
| <line x1="7.38" y1="12" x2="13.12" y2="2.06"></line> | |
| <line x1="9.69" y1="16" x2="3.95" y2="6.06"></line> | |
| <line x1="14.31" y1="16" x2="2.83" y2="16"></line> | |
| <line x1="16.62" y1="12" x2="10.88" y2="21.94"></line> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5"> | |
| <div class="relative sm:flex justify-center hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| History | |
| </div> | |
| <div class="relative flex items-center justify-center text-xl sm:hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <path fill-rule="evenodd" clip-rule="evenodd" d="M13.507 12.324a7 7 0 0 0 .065-8.56A7 7 0 0 0 2 4.393V2H1v3.5l.5.5H5V5H2.811a6.008 6.008 0 1 1-.135 5.77l-.887.462a7 7 0 0 0 11.718 1.092zm-3.361-.97l.708-.707L8 7.792V4H7v4l.146.354 3 3z"></path> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5"> | |
| <div class="relative sm:flex justify-center hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| Likes | |
| </div> | |
| <div class="relative flex items-center justify-center text-xl sm:hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path> | |
| </svg> | |
| </div> | |
| </div> | |
| <div class="flex flex-row items-center cursor-pointer h-full py-1.5 pb-0 px-2 justify-center transition-all flex-1" style="width:80px;z-index:2;opacity:0.5"> | |
| <div class="relative sm:flex justify-center hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| Account | |
| </div> | |
| <div class="relative flex items-center justify-center text-xl sm:hidden w-full"> | |
| <div class="absolute w-full" style="border-bottom:2.5px solid transparent;bottom:-17px"></div> | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <circle cx="12" cy="12" r="3"></circle> | |
| <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path> | |
| </svg> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="hidden w-32 h-full sm:flex items-center justify-end mr-4"></div> | |
| </div> | |
| <div class="mb-16 sm:mb-0 sm:mt-16"> | |
| <div class="sm:mt-20"> | |
| <div class="flex h-full w-full flex-1 flex-col self-stretch overflow-y-auto pb-16 md:flex-row md:pb-0 md:pt-0"> | |
| <div class="flex h-auto w-full md:w-1/2 flex-shrink-0 flex-col overflow-hidden px-5 text-base"> | |
| <div class="mt-6 flex flex-col space-y-5 rounded-xl bg-slate-700 bg-opacity-50 px-4 py-3 font-light shadow"> | |
| <p> | |
| {%for prompt in datafinal['prompt'].split(',')%} | |
| <a class="bg-yellow-500 bg-opacity-0 rounded hover:bg-opacity-40 cursor-pointer " href="/?q={{prompt}}"> | |
| {{prompt}} | |
| </a> | |
| <span>, </span> | |
| {%endfor%} | |
| <div class="flex flex-row space-x-2 text-xs font-light"> | |
| <div onclick="promptSelector(this)" class="w-fit-content flex flex-1 transform-gpu cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-slate-600 bg-slate-700 px-2.5 py-2 text-xs shadow transition-all hover:bg-slate-600 active:scale-95 sm:text-xs"> | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> | |
| <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> | |
| </svg> | |
| Copy prompt | |
| </div> | |
| <div onclick="urlSelector(this)" class="w-fit-content flex flex-1 transform-gpu cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-slate-600 bg-slate-700 px-2.5 py-2 text-xs shadow transition-all hover:bg-slate-600 active:scale-95 sm:text-xs"> | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="mr-2 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> | |
| <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg | |
| >Copy URL | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex space-x-2 px-2"> | |
| <div onclick="openEditor()" class="w-fit-content group mt-4 flex flex-1 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md bg-gradient-to-t from-indigo-900 via-indigo-900 to-indigo-800 px-2.5 py-2.5 text-xs drop-shadow transition-all hover:brightness-110 active:scale-95 sm:text-sm"> | |
| <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="mr-2 h-3 w-3 text-base transition-all" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z"></path> | |
| </svg> | |
| Open in editor | |
| </div> | |
| <div onclick="exploreStyle()" class="w-fit-content group mt-4 flex flex-1 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md bg-gradient-to-t from-slate-700 via-slate-700 to-slate-700 px-2.5 py-2 text-xs drop-shadow hover:brightness-110 sm:text-sm"> | |
| Explore this style | |
| <svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="ml-2 text-base transition-all group-hover:translate-x-1" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> | |
| <polyline points="9 18 15 12 9 6"></polyline> | |
| </svg> | |
| </div> | |
| </div> | |
| <script> | |
| </script> | |
| <div class="mt-4 ml-2 grid h-auto grid-cols-2 flex-wrap gap-2 pb-16 opacity-80 sm:pb-8 md:mt-6 md:flex md:flex-col md:space-x-0 md:space-y-1"> | |
| <div> | |
| <div class="text-xs opacity-50">Model</div> | |
| <div class="text-sm">{{datafinal["model"]}}</div> | |
| </div> | |
| <div> | |
| <div class="text-xs opacity-50">Guidance scale</div> | |
| <div class="text-sm">{{datafinal["c"]}}</div> | |
| </div> | |
| <div> | |
| <div class="text-xs opacity-50">Dimensions</div> | |
| <div class="text-sm"> | |
| {{datafinal["width"]}} × {{datafinal["height"]}} | |
| </div> | |
| </div> | |
| <div> | |
| {% if datafinal["upscaled_width"] != "" %} | |
| <div class="text-xs opacity-50">Upscaled</div> | |
| <div class="text-sm"> | |
| {{datafinal["upscaled_width"]}} × {{datafinal["upscaled_height"]}} | |
| </div> | |
| </div> | |
| {%endif%} | |
| {% if datafinal["negativePrompt"] != "" %} | |
| <div> | |
| <div class="text-xs opacity-50">Negative prompt</div> | |
| <div class="text-sm">{{datafinal["negativePrompt"]}}</div> | |
| </div> | |
| {%endif%} | |
| </div> | |
| </div> | |
| <div class="thin-scrollbar flex h-auto w-full md:w-1/2 flex-1 flex-wrap items-start justify-start overflow-hidden pb-2" style="height:fit-content;overscroll-behavior-x:contain"> | |
| {%for img in datafinal['images']%} | |
| <img alt="" class="select-none" src="https://lexica-serve-encoded-images2.sharif.workers.dev/full_jpg/{{img['id']}}" style="object-fit: contain; height: 100%; max-height: 35vh; width: 50%;" /> | |
| {%endfor%} | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| function promptSelector(element) { | |
| html = element.innerHTML; | |
| var copyText = "{{datafinal['prompt']}}"; | |
| navigator.clipboard.writeText(copyText); | |
| element.innerHTML = "Copied!" | |
| setTimeout(function() { element.innerHTML = html}, 2000); | |
| } | |
| function urlSelector(element) { | |
| html = element.innerHTML; | |
| var copyText = window.location.href; | |
| navigator.clipboard.writeText(copyText); | |
| element.innerHTML = "Copied!" | |
| setTimeout(function() { element.innerHTML = html}, 2000); | |
| } | |
| function openEditor() | |
| { | |
| var prompt = '{{datafinal["prompt"]}}'; | |
| var negativePrompt = '{{datafinal["negativePrompt"]}}'; | |
| localStorage.setItem("dataPrompt",prompt); | |
| localStorage.setItem("dataNegative",negativePrompt); | |
| window.location.href = "/diffuser" | |
| } | |
| </script> | |
| </body> | |
| </html> | |