fix gamejam mobile css and links (#6360)

microsoft · Mar 4, 2024 · 7a7e5ae · 7a7e5ae
1 parent 0b8d996
commit 7a7e5ae
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/docs/gamejam/female-gamechangers.html b/docs/gamejam/female-gamechangers.html
@@ -26,20 +26,9 @@
     <div class="body-background">
 
     </div>
-
-    <!-- <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5000 5000" id="bg">
-        <defs>
-            <pattern id="grid" patternUnits="userSpaceOnUse" width="40" height="40">
-                <rect x="19" y="0" width="2" height="40" fill="var(--line-color)"/>
-                <rect x="0" y="19" width="40" height="2" fill="var(--line-color)"/>
-            </pattern>
-        </defs>
-        <rect width="100%" height="100%" fill="url(#grid)" />
-    </svg> -->
-
     <div class="checker"></div>
     <div class="content">
-        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800" id="bg">
+        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 3600" id="bg">
 
             <defs>
                 <pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="40" height="40">
@@ -76,7 +65,7 @@
             <h2>Submit</h2>
             <p>Ready to submit your game? Use the button below!</p>
             <div class="actions">
-                <a class="button" href="https://forms.office.com/r/56jtAa4JG5" target="_blank"
+                <a class="button" href="https://aka.ms/GJForm" target="_blank"
                     rel="noopener noreferrer">Submit a Game</a>
             </div>
             <br/>

diff --git a/docs/static/gamejam/jams/female-gamechangers/rules.md b/docs/static/gamejam/jams/female-gamechangers/rules.md
@@ -49,7 +49,7 @@ Join our [forums](https://forum.makecode.com) to chat with other coders, brainst
 * 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]!
+* Also make sure you check out the winners of [our past jams!](/gamejam/all)
 
 [traffic-jam]: https://arcade.makecode.com/gamejam/traffic
 [ocean-jam]: https://arcade.makecode.com/gamejam/ocean

diff --git a/docs/static/gamejam/jams/female-gamechangers/style.css b/docs/static/gamejam/jams/female-gamechangers/style.css
@@ -127,4 +127,15 @@ div.segment.logo-container {
 
 div.segment.logo-container img {
     image-rendering: pixelated;
+}
+
+@media screen and (max-width: 980px) {
+    div.content {
+        margin: 0.75rem;
+    }
+
+    footer > div.ui.container {
+        margin-left: 0.75rem !important;
+        margin-right: 0.75rem !important;
+    }
 }