diff --git a/docs/gamejam/female-gamechangers.html b/docs/gamejam/female-gamechangers.html new file mode 100644 index 00000000000..63bf86c28fb --- /dev/null +++ b/docs/gamejam/female-gamechangers.html @@ -0,0 +1,111 @@ + + + + + + + MakeCode Arcade Game Jam + + + + + + + + + + + + + + +
+ +
+ + + +
+
+ +
+ The text Female Gamechangers Jam in a pixellated font +
+
+

+ Welcome to the 9th Official Microsoft MakeCode Game Jam! This is a fun + competition where you can pit your game development skills against + others to build a game using MakeCode Arcade, + a game engine for retro pixel-art games that run in the browser + or on handheld game devices. +

+
+
+
+
+
+
+
+
+
+
+
+
+

Submit

+

Ready to submit your game? Use the button below!

+
+ Submit a Game +
+
+

Are you age 16 or younger? Then make sure you also submit your game to the Code Ninja's game jam and be entered to win fabulous prizes!

+
+ Visit Code Ninjas +
+
+
+

Gallery

+

Check out the submitted games!

+ +
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg b/docs/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg new file mode 100644 index 00000000000..57217bbe83f --- /dev/null +++ b/docs/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/demo-1.gif b/docs/static/gamejam/jams/female-gamechangers/assets/demo-1.gif new file mode 100644 index 00000000000..556e631af91 Binary files /dev/null and b/docs/static/gamejam/jams/female-gamechangers/assets/demo-1.gif differ diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/demo-2.gif b/docs/static/gamejam/jams/female-gamechangers/assets/demo-2.gif new file mode 100644 index 00000000000..f19195310d5 Binary files /dev/null and b/docs/static/gamejam/jams/female-gamechangers/assets/demo-2.gif differ diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/demo-3.gif b/docs/static/gamejam/jams/female-gamechangers/assets/demo-3.gif new file mode 100644 index 00000000000..3c80e9d805e Binary files /dev/null and b/docs/static/gamejam/jams/female-gamechangers/assets/demo-3.gif differ diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/gamechangers.png b/docs/static/gamejam/jams/female-gamechangers/assets/gamechangers.png new file mode 100644 index 00000000000..35d0bde39e9 Binary files /dev/null and b/docs/static/gamejam/jams/female-gamechangers/assets/gamechangers.png differ diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png b/docs/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png new file mode 100644 index 00000000000..0adc4bc2af6 Binary files /dev/null and b/docs/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png differ diff --git a/docs/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png b/docs/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png new file mode 100644 index 00000000000..6b77415ea54 Binary files /dev/null and b/docs/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png differ diff --git a/docs/static/gamejam/jams/female-gamechangers/gamejam.js b/docs/static/gamejam/jams/female-gamechangers/gamejam.js new file mode 100644 index 00000000000..658cc8040ed --- /dev/null +++ b/docs/static/gamejam/jams/female-gamechangers/gamejam.js @@ -0,0 +1,11 @@ +const bg = document.getElementById("diagonalHatch") + +let start = Date.now(); + +function doAnimation() { + bg.setAttribute("x", ((Date.now() - start) / 20)); + + requestAnimationFrame(doAnimation) +} + +doAnimation() \ No newline at end of file diff --git a/docs/static/gamejam/jams/female-gamechangers/info.json b/docs/static/gamejam/jams/female-gamechangers/info.json new file mode 100644 index 00000000000..339418273d9 --- /dev/null +++ b/docs/static/gamejam/jams/female-gamechangers/info.json @@ -0,0 +1,9 @@ +{ + "rules": { + "path": "/static/gamejam/jams/female-gamechangers/rules.md" + }, + "featured": [ + ], + "start": "2024-3-1 00:00:01 GMT-0700", + "end": "2024-3-31 23:59:59 GMT-0700" +} \ No newline at end of file diff --git a/docs/static/gamejam/jams/female-gamechangers/rules.md b/docs/static/gamejam/jams/female-gamechangers/rules.md new file mode 100644 index 00000000000..9f0fa1f4e6b --- /dev/null +++ b/docs/static/gamejam/jams/female-gamechangers/rules.md @@ -0,0 +1,56 @@ + | | +-- | -- +![Microsoft logo](/static/gamejam/jams/female-gamechangers/assets/msft-makecode-logo.png) | ![Code ninjas logo](/static/gamejam/jams/female-gamechangers/assets/code-ninjas-logo.svg) | ![Girls Who Code logo](/static/gamejam/jams/female-gamechangers/assets/girls-who-code-logo.png) + +For Women's History Month in March, we are excited to partner with Girls Who Code and Code Ninjas to celebrate women who have made an impact in your life through the Female Gamechangers Game Jam! + +The theme for this jam is "Women who impacted your life". Your game could include a famous woman from history, someone you know personally, or even an original character you create! + +Some examples of good interpretations of this theme: + +1. A game that traces the journey of Amelia Earhart +2. A sports game featuring female athletes +3. A space exploration game inspired by the life of NASA mathematician Katherine Johnson + +DEMO GIF 1 | DEMO GIF 2 | DEMO GIF 3 +-- | -- +![](/static/gamejam/jams/female-gamechangers/assets/demo-1.gif) | ![](/static/gamejam/jams/female-gamechangers/assets/demo-3.gif) | ![](/static/gamejam/jams/female-gamechangers/assets/demo-2.gif) + +You can interpret the theme however you want, but someone playing your game should be able to see how it relates to the theme without extra explanation. + +Be sure to also check out the [official Code Ninja's page for this jam](https://forms.codeninjas.com/femalegamechangers) to learn about how you can be entered to win prizes if you're under 16! + +## Important Dates + +The game jam will run from **March 1, 2024** to **March 31, 2024** + +You will have one month to build and submit your games for the competition! For you procrastinators out there, we will accept games up until 11:59pm on March 31st. + +## Getting started + +Never programmed in Microsoft MakeCode Arcade before? No problem! Check out our [beginner skillmaps](https://arcade.makecode.com/--skillmap#dino) to learn the basics of making a game! + +## Rules + +1. Games should be built in MakeCode Arcade +2. Your game must relate to the jam theme. Someone playing your game should be able to see how it relates to the theme without extra explanation. +3. Keep the games PG: no NSFW, offensive, or excessively violent content. +4. You must be at least 9 years old to participate. +5. All games must be submitted by someone who is at least 13 years old. Younger students are welcome to participate, but it must be in partnership with an adult and with parent permission. + +## Join the community + +This game jam is designed to be an easy introduction to making games, even for folks without prior programming experience! We highly encourage parents and educators to work with interested students to bring their games to life. + +Join our [forums](https://forum.makecode.com) to chat with other coders, brainstorm ideas, or form a game jam team. You can hang out with the MakeCode team there too! + +## Tips and tricks + +* When designing your game, keep in mind that Arcade is restricted to a 160x120 16-color screen +* See [these instructions](https://arcade.makecode.com/developer/images) for information on importing images and color palettes into Arcade. +* Check out the [developer documentation](https://arcade.makecode.com/developer) for more advanced tips to use in Arcade. +* Also make sure you check out the winners of [our][traffic-jam] [past][garden-jam] [jams][ocean-jam]! + +[traffic-jam]: https://arcade.makecode.com/gamejam/traffic +[ocean-jam]: https://arcade.makecode.com/gamejam/ocean +[garden-jam]: https://arcade.makecode.com/gamejam/garden \ No newline at end of file diff --git a/docs/static/gamejam/jams/female-gamechangers/style.css b/docs/static/gamejam/jams/female-gamechangers/style.css new file mode 100644 index 00000000000..0e0e56b35c7 --- /dev/null +++ b/docs/static/gamejam/jams/female-gamechangers/style.css @@ -0,0 +1,130 @@ +body { + --line-color: #40679E; + --bg-color: #fef3e0; + --text-color: #1B3C73; + + background-color: var(--bg-color); +} + +.body-background { + background-color: var(--line-color); + width: 100%; + height: 100%; + position: absolute; + z-index: -1; + + -webkit-mask-image: url("data:image/svg+xml, %3Csvg aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5000 5000' id='bg'%3E%3Cdefs%3E%3Cpattern id='grid' patternUnits='userSpaceOnUse' width='40' height='40'%3E%3Crect x='19' y='0' width='2' height='40' fill='%2340679'/%3E%3Crect x='0' y='19' width='40' height='2' fill='var(--line-color)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)' /%3E%3C/svg%3E"); + mask-image: url("data:image/svg+xml, %3Csvg aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5000 5000' id='bg'%3E%3Cdefs%3E%3Cpattern id='grid' patternUnits='userSpaceOnUse' width='40' height='40'%3E%3Crect x='19' y='0' width='2' height='40' fill='%2340679'/%3E%3Crect x='0' y='19' width='40' height='2' fill='var(--line-color)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23grid)' /%3E%3C/svg%3E"); +} + +.top { + image-rendering: pixelated; +} + +#bg { + width: 100%; + position: absolute; + z-index: -1; + background-color: var(--bg-color) +} + +/**** ACTION BUTTONS ****/ + +.button { + color: #fff; + background-color: var(--text-color); +} + +.button:hover { + color: #fff; + background-color: var(--line-color); +} + +/**** FOOTER ****/ + +.footer .ui.link.list .item { + color: var(--text-color); +} + +.content { + background: unset; + color: var(--text-color); + padding-left: 0; + padding-right: 0; + border: solid 2px var(--line-color); + + padding: 0; + margin-top: 2rem; + + overflow: hidden; + position: relative; +} + +.content > div { + padding-left: 2rem; + padding-right: 2rem; + background: var(--bg-color); +} + +.content > .segment { + margin: 0; + padding: calc(2rem - .14285714em); +} + +.content h1 { + background: var(--bg-color); + padding-bottom: 2rem; + margin: 0; + border-bottom: solid 2px var(--line-color); +} + +a:not(.button) { + color: var(--line-color); + text-decoration: underline; + text-underline-offset: 3px; +} + +.content > div.timer-container { + padding: 0; + background: none; + display: flex; + flex-direction: row; +} + +.timer-outer { + flex-grow: 1; + border: solid 2px var(--line-color); + padding: 1rem; +} + +#timer { + border: solid 2px var(--line-color); + background: var(--bg-color); + padding: 1rem; +} + +.spacer { + width: 2rem; + background: var(--bg-color); +} + +body, h1, h2, h3, h4, h5 { + font-family: Helvetica Neue, Arial, Helvetica, sans-serif; +} + +footer > div.ui.container { + background: var(--bg-color); + border: solid 2px var(--line-color); + padding: 1rem; + max-width: 54rem !important; +} + +div.segment.logo-container { + display: flex; + flex-direction: column; + padding-bottom: 0; +} + +div.segment.logo-container img { + image-rendering: pixelated; +} \ No newline at end of file