fix white background and relative paths for itch

3 years ago · ba20565371
parent d07cb09f43
commit ba20565371
5 changed files with 13 additions and 9 deletions
--- a/.gitignore
+++ b/.gitignore
@ -10,3 +10,5 @@ out/

 cypress/videos
 cypress/screenshots
+
+*.zip
--- a/public/index.html
+++ b/public/index.html
@ -10,17 +10,17 @@
      rel="icon"
      type="image/png"
      sizes="96x96"
-      href="/icon/favicon-96x96.png"
+      href="icon/favicon-96x96.png"
    />
    <link rel="shortcut icon" type="image/png" href="/icon/favicon.png" />
-    <link rel="stylesheet" href="/build/bundle.css" />
-    <link rel="manifest" href="/manifest.json" />
+    <link rel="stylesheet" href="build/bundle.css" />
+    <link rel="manifest" href="manifest.json" />
    <meta
      name="description"
      content="Eliminate all the circles in the triangle by jumping them over"
    />

-    <script defer src="/build/bundle.js"></script>
+    <script defer src="build/bundle.js"></script>
  </head>

  <body></body>
--- a/src/About.svelte
+++ b/src/About.svelte
@ -18,16 +18,12 @@
  a {
    @apply font-bold mt-2;
  }
-
-  div.absolute {
-    background-color: white;
-  }
 </style>

 {#if hidden}
  <div class="relative">
    <div
-      class="absolute z-10 rounded text-blue-darker text-left"
+      class="absolute z-10 rounded text-blue-darker text-left bg-white"
      on:click={() => (hidden = false)}
      transition:fade>
      <h1>Triangles.fun</h1>
--- a/src/Components/Tailwind.svelte
+++ b/src/Components/Tailwind.svelte
@ -3,6 +3,11 @@
  @import "tailwindcss/components";
  @import "tailwindcss/utilities";

+  html,
+  body {
+    @apply bg-white;
+  }
+
  .div0 {
    grid-area: 1 / 5;
    margin-left: -80px;
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -21,6 +21,7 @@ module.exports = {
    colors: {
      transparent: "transparent",
      current: "currentColor",
+      white: "#FFFFFF",
      gray: "hsl(219, 28%, 88%)",
      "gray-lighter": "hsl(218, 27%, 94%)",
      "gray-darker": "hsl(219, 28%, 68%)",