Perfecting WebGPU/Dawn native graphics for Zig

Fixes hexops/mach#498
Fixes hexops/mach#189

Signed-off-by: Stephen Gutekanst <[email protected]>

Author: Stephen Gutekanst

assets/main.scss

@@ -267,15 +267,37 @@ article .category:hover {
 .single .imglink>img {
     margin: 0;
 }
-.single img {
+.single picture img {
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+}
+.single img, .single picture {
     align-self: center;
     margin-bottom: 0;
     margin-top: 1rem;
     max-height: 25rem;
     max-width: 80%;
+}
+.single picture {
+    width: 100%;
+    height: 100%;
+}
+.single img {
     height: auto;
     width: auto;
 }
+.video-container {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+}
+.single video {
+    align-self: center;
+    margin-top: 1rem;
+    max-height: 25rem;
+    max-width: 80%;
+}
 .single iframe, .twitter-tweet {
     width: 720px;
     height: 480px;

config.toml

@@ -21,3 +21,11 @@ mainSections = ['2021', '2022']
 
 [taxonomies]
 category = "categories"
+
+[mediaTypes]
+  [mediaTypes.'video/mp4']
+    suffixes = ['mp4']
+  [mediaTypes.'video/ogg']
+    suffixes = ['ogv']
+  [mediaTypes.'video/webm']
+    suffixes = ['webm']