update code links in about

This commit is contained in:
Hayk Martiros 2022-12-12 19:42:57 -08:00
parent 1e6ff84185
commit 45bdd00312
1 changed files with 22 additions and 18 deletions

View File

@ -32,7 +32,6 @@ export default function Home() {
<h3 className="font-medium italic text-xl pb-6"> <h3 className="font-medium italic text-xl pb-6">
(noun): riff + diffusion (noun): riff + diffusion
</h3> </h3>
<div className="relative rounded-xl bg-layer-2 p-2 pr-16 bg-sky-50"> <div className="relative rounded-xl bg-layer-2 p-2 pr-16 bg-sky-50">
<div className="flex items-start space-x-2.5 text-sky-700"> <div className="flex items-start space-x-2.5 text-sky-700">
<BsInfoCircleFill className="h-6 w-6 flex-shrink-0" /> <BsInfoCircleFill className="h-6 w-6 flex-shrink-0" />
@ -60,7 +59,6 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
<p className="text-blue-600 pb-3"></p> <p className="text-blue-600 pb-3"></p>
<p> <p>
You've heard of{" "} You've heard of{" "}
@ -319,13 +317,11 @@ export default function Home() {
The interpolated clips are often diverse and have their own riffs The interpolated clips are often diverse and have their own riffs
and motifs come and go. and motifs come and go.
</p> </p>
<Image <Image
className="ml-2 md:ml-4 m-5 w-11/12" className="ml-2 md:ml-4 m-5 w-11/12"
src={latentSpaceInterpolation} src={latentSpaceInterpolation}
alt={"Latent space interpolation example"} alt={"Latent space interpolation example"}
/> />
{/* TODO(hayk): Move one of these examples to the bottom. */} {/* TODO(hayk): Move one of these examples to the bottom. */}
<p className="mt-3"> <p className="mt-3">
Here is one of our favorites, a beautiful 20-step interpolation from Here is one of our favorites, a beautiful 20-step interpolation from
@ -403,24 +399,32 @@ export default function Home() {
production on <a href="https://www.baseten.co/">Baseten</a> for production on <a href="https://www.baseten.co/">Baseten</a> for
auto-scaling and load balancing. auto-scaling and load balancing.
</p> </p>
<p className="mt-3">
The web app code is at{" "}
<a href="https://github.com/hmartiro/riffusion-app">
https://github.com/hmartiro/riffusion-app
</a>
.
</p>
<p className="mt-3">
The inference server code is at{" "}
<a href="https://github.com/hmartiro/riffusion-inference">
https://github.com/hmartiro/riffusion-inference
</a>
.
</p>
<p className="mt-3"> <p className="mt-3">
If you have a GPU powerful enough to generate stable diffusion If you have a GPU powerful enough to generate stable diffusion
results in under five seconds, you can run the experience locally. results in under five seconds, you can run the experience locally.
</p> </p>
<br />
<b>Code</b>
<ul className="mt-3 ml-10 list-disc">
<li>
Web app:{" "}
<a href="https://github.com/hmartiro/riffusion-app">
https://github.com/hmartiro/riffusion-app
</a>
</li>
<li>
Inference server:{" "}
<a href="https://github.com/hmartiro/riffusion-inference">
https://github.com/hmartiro/riffusion-inference
</a>
</li>
<li>
Model checkpoint:{" "}
<a href="https://huggingface.co/riffusion/riffusion-model-v1">
https://huggingface.co/riffusion/riffusion-model-v1
</a>
</li>
</ul>
<h2 className="pt-10 pb-5 text-3xl font-bold">Samples</h2> <h2 className="pt-10 pb-5 text-3xl font-bold">Samples</h2>
<p>Some of our favorite prompts and results.</p> <p>Some of our favorite prompts and results.</p>
<CaptionedImage <CaptionedImage