site

replit · Oct 4, 2023 · 323ef55 · 323ef55
1 parent d943a85
commit 323ef55
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/site/pages/kaboomware.tsx b/site/pages/kaboomware.tsx
@@ -3,6 +3,7 @@ import * as React from "react"
 import kaboomware from "kaboomware"
 import View from "comps/View"
 import Text from "comps/Text"
+import Button from "comps/Button"
 import Markdown from "comps/Markdown"
 
 const bubble = css(`
@@ -74,7 +75,7 @@ export default function Doc() {
 	return (
 		<View
 			align="center"
-			gap={4}
+			gap={5}
 			padX={3}
 			stretch
 			css={{
@@ -116,7 +117,13 @@ export default function Doc() {
 				<Text>There will be a monthly KaboomWare game jam, where you make as many KaboomWare mini-games as possible! (they have to be fun tho)</Text>
 				<img src="/static/img/kaboomware/cal.png" />
 			</View>
-			<Text color={2}>A KaboomWare mini-game is just a JavaScript object, with 5 entries:</Text>
+			<a href="https://replit.com/@replit/KaboomWare?v=1" target="_blank">
+				<Button>Code on Replit!</Button>
+			</a>
+			<View align="center" gap={2}>
+				<img src="/static/img/kaboomware/engine.png" />
+				<Text color={2}>A KaboomWare mini-game is just a JavaScript object, with 5 entries:</Text>
+			</View>
 			<View gap={2}>
 				<Prop title="prompt" desc="The title of the game, telling player what they should do. (Usually just a simple verb!)" />
 				<Prop title="author" desc="Your name" />

diff --git a/site/public/static/img/kaboomware/engine.png b/site/public/static/img/kaboomware/engine.png