mirrors/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2025-12-23 10:11:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add demo artwork open links to website

Browse source
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
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 content = await data.text();
instance.openDocumentFile(filename, content);
// Remove the hash fragment from the URL
window.location.hash = "";
} catch {}
})();

12
website/content/_index.md
View file

@ -100,7 +100,7 @@ js = ["/image-interaction.js", "/fundraising.js"]
</div>
<div class="screenshot-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 data-carousel-description>
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" />
</video>
</div>
<div class="download-artwork">
<img src="https://static.graphite.rs/content/index/just-a-potted-cactus-thumbnail.png" alt="Vector art of Just of Potted Cactus" />
<div class="demo-artwork">
<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>
<span class="balance-text">
<em>Just a Potted Cactus</em>
</span>
<br />
<span class="balance-text">
<a href="https://static.graphite.rs/graphite-files/just-a-potted-cactus.graphite">Download</a>
the artwork and open it in the
<a href="https://editor.graphite.rs">Graphite editor</a>
<a href="https://editor.graphite.rs/#demo/just-a-potted-cactus">Open this artwork</a> to explore it yourself.
</span>
</p>
</div>

2
website/sass/index.scss
View file

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