Merge pull request #257 from haskellfoundation/html-refactor

HTML refactor

Author: david-christiansen

.gitignore

@@ -24,3 +24,4 @@ dist-newstyle/
 
 ### General ###
 *~
+.DS_Store

404.html

@@ -1,46 +1,6 @@
 <div class="max-w-screen-xl mx-auto py-16 md:py-24">
-  <div class="sm:px-6 lg:px-16">
-    <div class="relative">
-      <div class="absolute top-0 left-0 border-t border-l border-purple-50 h-10 md:h-20 w-10 md:w-20">
-        <div
-          class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-100 h-10 md:h-20 w-10 md:w-20">
-          <div
-            class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-200 h-10 md:h-20 w-10 md:w-20">
-            <div
-              class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-300 h-10 md:h-20 w-10 md:w-20">
-              <div
-                class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-400 h-10 md:h-20 w-10 md:w-20">
-                <div
-                  class="absolute top-1 md:top-2 left-1 md:left-2 border-t border-l border-purple-500 h-10 md:h-20 w-10 md:w-20">
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="absolute top-0 right-0 border-t border-r border-purple-50 h-10 md:h-20 w-10 md:w-20">
-        <div
-          class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-100 h-10 md:h-20 w-10 md:w-20">
-          <div
-            class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-200 h-10 md:h-20 w-10 md:w-20">
-            <div
-              class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-300 h-10 md:h-20 w-10 md:w-20">
-              <div
-                class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-400 h-10 md:h-20 w-10 md:w-20">
-                <div
-                  class="absolute top-1 md:top-2 right-1 md:right-2 border-t border-r border-purple-500 h-10 md:h-20 w-10 md:w-20">
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
+  $partial("templates/corners.html")$
   <div class="text-center pt-12 md:pt-20 px-12 sm:px-16 md:px-24 lg:px-36 ">
     <h1 class="text-2xl-5xl">Unable to find that page!</h1>
-
   </div>
-
 </div>

README.md

@@ -25,12 +25,18 @@ To build the project:
 stack build
 ```
 
-Once the project has built (which can take a while due to the dependencies for Hakyll), to generate the site use:
+Once the project has built (which can take a while due to the dependencies for Hakyll), generate the site with:
 
 ```bash
 stack exec -- site build
 ```
 
+and for development use:
+
+```bash
+stack run -- site watch
+```
+
 The site will be build in the `_site` directory, and you can open the files in your browser of choice. Due to a Hakyll issue, some sponsor logos will not show up correctly. This is expected behavior, and should be fine for the deployed site.
 
 For further information, please refer to the [CONTRIBUTING.md](CONTRIBUTING.md) at the root of this project.