jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add demo artwork open links to website

This commit is contained in:
Keavon Chambers 2023-08-22 03:41:19 -07:00
parent 0dcfafbf64
commit cc0192977d
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/wasm-communication/editor.ts
View File

@ -101,6 +101,9 @@ export function createEditor() {
const filename = url.pathname.split("/").pop() || "Untitled"; const filename = url.pathname.split("/").pop() || "Untitled";
const content = await data.text(); const content = await data.text();
instance.openDocumentFile(filename, content); instance.openDocumentFile(filename, content);
// Remove the hash fragment from the URL
window.location.hash = "";
} catch {} } catch {}
})(); })();

12
website/content/_index.md
View File

@ -100,7 +100,7 @@ js = ["/image-interaction.js", "/fundraising.js"]
</div> </div>
<div class="screenshot-description"> <div class="screenshot-description">
<p class="active" data-carousel-description> <p class="active" data-carousel-description>
<em>Valley of Spires</em> — <a href="https://static.graphite.rs/graphite-files/valley-of-spires.graphite">Download</a> the artwork and open it in <a href="https://79dda0fc.graphite.pages.dev/">this previous version</a> of the Graphite editor. <em>Valley of Spires</em> — <a href="https://editor.graphite.rs/#demo/valley-of-spires">Open this artwork</a> to explore it yourself.
</p> </p>
<p data-carousel-description> <p data-carousel-description>
Design mockup for the work-in-progress node graph raster editing pipeline. Some raster nodes shown here are not implemented yet. Design mockup for the work-in-progress node graph raster editing pipeline. Some raster nodes shown here are not implemented yet.
@ -264,17 +264,17 @@ Style your shapes with strokes, fills, and gradients. Mix your layers with blend
<source src="https://static.graphite.rs/content/index/just-a-potted-cactus-timelapse.mp4" type="video/mp4" /> <source src="https://static.graphite.rs/content/index/just-a-potted-cactus-timelapse.mp4" type="video/mp4" />
</video> </video>
</div> </div>
<div class="download-artwork"> <div class="demo-artwork">
<img src="https://static.graphite.rs/content/index/just-a-potted-cactus-thumbnail.png" alt="Vector art of Just of Potted Cactus" /> <a href="https://editor.graphite.rs/#demo/just-a-potted-cactus">
<img src="https://static.graphite.rs/content/index/just-a-potted-cactus-thumbnail.png" alt="Vector art of Just of Potted Cactus" />
</a>
<p> <p>
<span class="balance-text"> <span class="balance-text">
<em>Just a Potted Cactus</em> <em>Just a Potted Cactus</em>
</span> </span>
<br /> <br />
<span class="balance-text"> <span class="balance-text">
<a href="https://static.graphite.rs/graphite-files/just-a-potted-cactus.graphite">Download</a> <a href="https://editor.graphite.rs/#demo/just-a-potted-cactus">Open this artwork</a> to explore it yourself.
the artwork and open it in the
<a href="https://editor.graphite.rs">Graphite editor</a>
</span> </span>
</p> </p>
</div> </div>

2
website/sass/index.scss
View File

@ -258,7 +258,7 @@
.section { .section {
align-items: center; align-items: center;
.download-artwork { .demo-artwork {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 20px; margin-top: 20px;