+
- 
+
- 
- 
- 
+ 
+ 
+ 
-
-
+
+
+
-
-
-
+
+
+
-
-
+
+
+
-
-
-
+
+
+
-
-
+
+
+
@@ -266,7 +266,7 @@ Style your shapes with strokes, fills, and gradients. Mix your layers with blend
- 
+ 
+
@@ -304,10 +304,10 @@ Style your shapes with strokes, fills, and gradients. Mix your layers with blend
-
+ 
-
+ 
@@ -333,10 +333,10 @@ Style your shapes with strokes, fills, and gradients. Mix your layers with blend
-
+ 
-
+ 
@@ -475,9 +475,8 @@ Stop jumping between programs. Planned features will make Graphite a first-class
-
+
-
-
+
## Keavon Chambers 🇺🇸
@@ -133,7 +133,7 @@ Keavon is a creative generalist with a love for the fusion of arts and technolog
-
+
## Dennis Kobert 🇩🇪
@@ -148,7 +148,7 @@ Dennis is a mix between a mathematician and a mad scientist. While still enjoyin
-
+
## "Hypercube" 🇬🇧
diff --git a/website/content/blog/2022-02-12-announcing-graphite-alpha.md b/website/content/blog/2022-02-12-announcing-graphite-alpha.md
index 2fa19315..1277d732 100644
--- a/website/content/blog/2022-02-12-announcing-graphite-alpha.md
+++ b/website/content/blog/2022-02-12-announcing-graphite-alpha.md
@@ -3,7 +3,7 @@ title = "Announcing Graphite alpha"
date = 2022-02-12
[extra]
-banner = "https://static.graphite.rs/content/blog/2022-02-12-announcing-graphite-alpha.png"
+banner = "https://static.graphite.rs/content/blog/2022-02-12-announcing-graphite-alpha.avif"
author = "Keavon Chambers"
reddit = "https://www.reddit.com/r/graphite/comments/unw3hi/blog_post_announcing_graphite_alpha/"
twitter = "https://twitter.com/GraphiteEditor/status/1524663930697568256"
diff --git a/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md b/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md
index 891cae32..4314dea6 100644
--- a/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md
+++ b/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md
@@ -3,7 +3,7 @@ title = "Graphite: a vision for the future of 2D content creation"
date = 2022-03-12
[extra]
-banner = "https://static.graphite.rs/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.png"
+banner = "https://static.graphite.rs/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.avif"
author = "Keavon Chambers"
reddit = "https://www.reddit.com/r/graphite/comments/unw3va/blog_post_graphite_a_vision_for_the_future_of_2d/"
twitter = "https://twitter.com/GraphiteEditor/status/1524664010091556864"
diff --git a/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md b/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md
index c1523a00..0651ba2b 100644
--- a/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md
+++ b/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md
@@ -3,7 +3,7 @@ title = "Distributed computing in the Graphene runtime"
date = 2022-05-12
[extra]
-banner = "https://static.graphite.rs/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime__2.png"
+banner = "https://static.graphite.rs/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime__2.avif"
author = "Keavon Chambers"
reddit = "https://www.reddit.com/r/graphite/comments/unw45k/blog_post_distributed_computing_in_the_graphene/"
twitter = "https://twitter.com/GraphiteEditor/status/1524664083554791424"
@@ -43,7 +43,7 @@ For security and portability, user-authored nodes are compiled into WebAssembly
In the product architecture, Graphene is a distributed runtime environment for quickly processing data in the node graph by utilizing a pool of CPU and GPU compute resources available on local and networked machines. Jobs are run where latency, speed, and bandwidth availability will be most likely to provide a responsive user experience.
-
+
## Scheduler
diff --git a/website/content/volunteer/guide/codebase-overview/_index.md b/website/content/volunteer/guide/codebase-overview/_index.md
index 31c3a72c..0d80a6b9 100644
--- a/website/content/volunteer/guide/codebase-overview/_index.md
+++ b/website/content/volunteer/guide/codebase-overview/_index.md
@@ -5,10 +5,11 @@ page_template = "book.html"
[extra]
order = 2 # Chapter number
+js = ["/video-embed.js"]
+++
-
+
The Graphite editor is built as a web app powered by Svelte in the frontend and Rust in the backend which is compiled to WebAssembly (wasm) and run in the browser.
diff --git a/website/content/volunteer/guide/codebase-overview/contributing-guidelines.md b/website/content/volunteer/guide/codebase-overview/contributing-guidelines.md
index 7100800c..c80fad5d 100644
--- a/website/content/volunteer/guide/codebase-overview/contributing-guidelines.md
+++ b/website/content/volunteer/guide/codebase-overview/contributing-guidelines.md
@@ -44,4 +44,4 @@ Once you begin writing code, please open a pull request immediately and mark it
Open a new PR as a draft / convert an existing PR to a draft:
-
+
diff --git a/website/sass/about.scss b/website/sass/about.scss
index b3a58b00..e723a9a3 100644
--- a/website/sass/about.scss
+++ b/website/sass/about.scss
@@ -40,12 +40,11 @@
cursor: default;
}
- p:first-child {
- width: 100%;
- text-align: center;
+ .section {
+ align-items: center;
+ }
- img {
- max-width: Min(100%, 480px);
- }
+ img {
+ max-width: Min(100%, 480px);
}
}
diff --git a/website/sass/base.scss b/website/sass/base.scss
index bdae0775..c61d8d46 100644
--- a/website/sass/base.scss
+++ b/website/sass/base.scss
@@ -392,6 +392,7 @@ summary {
padding-top: calc(100% / (16 / 9));
}
+ img,
iframe {
position: absolute;
width: 100%;
@@ -399,6 +400,10 @@ summary {
top: 0;
left: 0;
}
+
+ img {
+ cursor: pointer;
+ }
}
.video-background {
@@ -585,7 +590,7 @@ summary {
&.left {
padding-left: 80px;
margin-left: -80px;
- -webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-left.png");
+ -webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-left.png"); // TODO: Switch PNG to AVIF when Edge support has rolled out
mask-image: url("https://static.graphite.rs/textures/torn-edge-left.png");
-webkit-mask-position: top left;
mask-position: top left;
@@ -594,7 +599,7 @@ summary {
&.right {
padding-right: 120px;
margin-right: -120px;
- -webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-right.png");
+ -webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-right.png"); // TODO: Switch PNG to AVIF when Edge support has rolled out
mask-image: url("https://static.graphite.rs/textures/torn-edge-right.png");
-webkit-mask-position: top right;
mask-position: top right;
diff --git a/website/static/js/video-embed.js b/website/static/js/video-embed.js
new file mode 100644
index 00000000..9ce9ea9e
--- /dev/null
+++ b/website/static/js/video-embed.js
@@ -0,0 +1,8 @@
+window.addEventListener("DOMContentLoaded", () => {
+ document.querySelectorAll("[data-video-embed]").forEach((placeholder) => {
+ placeholder.addEventListener("click", () => {
+ const videoId = placeholder.attributes["data-video-embed"].value;
+ placeholder.outerHTML = ``;
+ });
+ });
+});
diff --git a/website/templates/article.html b/website/templates/article.html
index aa0ecd57..384f0a70 100644
--- a/website/templates/article.html
+++ b/website/templates/article.html
@@ -19,7 +19,7 @@
{{ this.title }}
By {{ this.extra.author }}. {{ this.date | date(format = "%B %d, %Y", timezone="America/Los_Angeles") }}.
-
+