add og image

gnikoloff · Sep 25, 2023 · 2de5c4c · 2de5c4c
1 parent 22e3164
commit 2de5c4c
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 1 deletion.
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,6 +1,9 @@
 module.exports = function(eleventyConfig) {
 	eleventyConfig.addPassthroughCopy("eleventy-src/style.css");
 	eleventyConfig.addPassthroughCopy("eleventy-src/script.js");
+	eleventyConfig.addPassthroughCopy({
+		"previews/geometry-demo.png": "og-image.png"
+	});
   // Set custom directories for input, output, includes, and data
   return {
 		passthroughFileCopy: true,

diff --git a/docs/index.html b/docs/index.html
@@ -1 +1,2 @@
-<!DOCTYPE html><html lang="en"></html><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><link rel="stylesheet" href="style.css"/><title>Software rasterizer dojo</title></head><body><div class="visible" id="lds-dual-ring"></div><div id="container"><button id="mobile-info">Close info</button><div class="visible" id="container-wrapper"><div id="intro"><h1 id="title">Software Rasterizer Dojo</h1><p id="description">3D graphics written in C and compiled to WebAssembly.<br/><br/>More info on&nbsp;<a href="https://github.com/gnikoloff/software-renderer" target="_blank">Github</a>. Made by <a href="https://georgi-nikolov.com" target="_blank">Georgi Nikolov</a>.</p></div><aside id="sidebar"><nav id="nav"><ol><li class="demo-link active" data-demo-name="GEOMETRY_EXAMPLE">Geometry</li><li class="demo-link" data-demo-name="DEPTHBUFFER_EXAMPLE">Depth Buffer</li><li class="demo-link" data-demo-name="SHADOWMAP_EXAMPLE">Shadow mapping</li><li class="demo-link" data-demo-name="ENVIRONMENTMAPPING_EXAMPLE">Environment mapping</li><li class="demo-link" data-demo-name="PLASMA_EXAMPLE">Plasma</li><li class="demo-link" data-demo-name="TUNNEL_EXAMPLE">Tunnel</li><li class="demo-link" data-demo-name="PHYSICS2D_EXAMPLE">2D Physics</li></ol></nav></aside></div></div><main id="main"><iframe id="iframe" src="examples/GEOMETRY_EXAMPLE"></iframe></main><script src="script.js"></script></body>
+<!DOCTYPE html><html lang="en"></html><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><meta name="title" content="Software rasterizer dojo" />
+<meta name="description" content="3D graphics written in C and compiled to WebAssembly" /><meta property="og:type" content="website"/><meta property="og:url" content="https://gnikoloff.github.io/software-renderer/"/><meta property="og:title" content="Software rasterizer dojo"/><meta property="og:description" content="3D graphics written in C and compiled to WebAssembly"/><meta property="og:image" content="https://gnikoloff.github.io/software-renderer/og-image.png"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:url" content="https://gnikoloff.github.io/software-renderer/"/><meta property="twitter:title" content="Software rasterizer dojo"/><meta property="twitter:description" content="3D graphics written in C and compiled to WebAssembly"/><meta property="twitter:image" content="https://gnikoloff.github.io/software-renderer/og-image.png"/><link rel="stylesheet" href="style.css"/><title>Software rasterizer dojo</title></head><body><div class="visible" id="lds-dual-ring"></div><div id="container"><button id="mobile-info">Close info</button><div class="visible" id="container-wrapper"><div id="intro"><h1 id="title">Software Rasterizer Dojo</h1><p id="description">3D graphics written in C and compiled to WebAssembly.<br/><br/>More info on&nbsp;<a href="https://github.com/gnikoloff/software-renderer" target="_blank">Github</a>. Made by <a href="https://georgi-nikolov.com" target="_blank">Georgi Nikolov</a>.</p></div><aside id="sidebar"><nav id="nav"><ol><li class="demo-link active" data-demo-name="GEOMETRY_EXAMPLE">Geometry</li><li class="demo-link" data-demo-name="DEPTHBUFFER_EXAMPLE">Depth Buffer</li><li class="demo-link" data-demo-name="SHADOWMAP_EXAMPLE">Shadow mapping</li><li class="demo-link" data-demo-name="ENVIRONMENTMAPPING_EXAMPLE">Environment mapping</li><li class="demo-link" data-demo-name="PLASMA_EXAMPLE">Plasma</li><li class="demo-link" data-demo-name="TUNNEL_EXAMPLE">Tunnel</li><li class="demo-link" data-demo-name="PHYSICS2D_EXAMPLE">2D Physics</li></ol></nav></aside></div></div><main id="main"><iframe id="iframe" src="examples/GEOMETRY_EXAMPLE"></iframe></main><script src="script.js"></script></body>
diff --git a/docs/og-image.png b/docs/og-image.png
diff --git a/eleventy-src/_includes/layout.pug b/eleventy-src/_includes/layout.pug
@@ -4,6 +4,20 @@ head
 	meta(charset="UTF-8")
 	meta(http-equiv="X-UA-Compatible" content="IE=edge")
 	meta(name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no")
+	<meta name="title" content="Software rasterizer dojo" />
+	<meta name="description" content="3D graphics written in C and compiled to WebAssembly" />
+
+	meta(property="og:type" content="website")
+	meta(property="og:url" content="https://gnikoloff.github.io/software-renderer/")
+	meta(property="og:title" content="Software rasterizer dojo")
+	meta(property="og:description" content="3D graphics written in C and compiled to WebAssembly")
+	meta(property="og:image" content="https://gnikoloff.github.io/software-renderer/og-image.png")
+
+	meta(property="twitter:card" content="summary_large_image")
+	meta(property="twitter:url" content="https://gnikoloff.github.io/software-renderer/")
+	meta(property="twitter:title" content="Software rasterizer dojo")
+	meta(property="twitter:description" content="3D graphics written in C and compiled to WebAssembly")
+	meta(property="twitter:image" content="https://gnikoloff.github.io/software-renderer/og-image.png")
 
 	link(rel="stylesheet" href="style.css")
 	title= title