tidy up contact css class structure

content/contact.md

@@ -2,7 +2,7 @@
 title = "Contact"
 description = "How to get in contact"
 weight = 10
-template = "page.html"
+template = "contact.html"
 [extra]
 disable_toc = true
 +++

sass/form.scss

@@ -7,13 +7,6 @@ $gray: #999;
 $green: #00b3aa;
 $border: 1px solid #e6e6e6;
 
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-  outline: none;
-  /* font-family: 'Poppins', sans-serif; */
-}
 
 body {
   /* height: 100vh; */
@@ -23,12 +16,29 @@ body {
   /* background: $bg; */
 }
 
-.content {
+* {
+  /* padding: 0; */
+  /* margin: 0; */
+  /* box-sizing: border-box; */
+  /* outline: none; */
+  /* font-family: 'Poppins', sans-serif; */
+}
+
+.contact.content {
   max-width: unset;
 }
 
 
 .contact-form {
+
+  * {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    outline: none;
+    font-family: 'Poppins', sans-serif;
+  }
+
   width: 80vw;
   display: flex;
   justify-content: space-between;
@@ -116,8 +126,8 @@ body {
         }
 
         &:first-of-type input {
-          width: 50.1%;
-          margin-right: -5px;
+          width: 50.0%;
+          /* margin-right: -1px; */
         }
 
         input {

templates/contact.html

@@ -1,29 +1,6 @@
 {% import "_macros.html" as macros %}
 {% extends "index.html" %}
 
-{% block head %}
-<!-- <link rel="stylesheet" href="{{ get_url(path='carbon.css') }}"> -->
-<link rel="stylesheet" href="{{ get_url(path='style.css') }}">
-<link rel="stylesheet" href="{{ get_url(path='form.css') }}">
-
-<link rel="stylesheet" type="text/css" href="/syntax-theme-dark.css" media="(prefers-color-scheme: dark)" />
-<link rel="stylesheet" type="text/css" href="/syntax-theme-light.css" media="(prefers-color-scheme: light)" />
-
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css"
-  integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" crossorigin="anonymous">
-
-<!-- The loading of KaTeX is deferred to speed up page rendering -->
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js"
-  integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg" crossorigin="anonymous"></script>
-
-<!-- To automatically render math in text elements, include the auto-render extension: -->
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/contrib/auto-render.min.js"
-  integrity="sha384-43gviWU0YVjaDtb/GhzOouOXtZMP/7XUzwPTstBeZFe/+rCMvRwr4yROQP43s0Xk" crossorigin="anonymous"
-  onload="renderMathInElement(document.body);"></script>
-{% endblock head %}
-
-
-
 
 {% block title %}{{ page.title }} | {{ super() }} {% endblock title %}
 
@@ -34,6 +11,9 @@
 {% endblock header %}
 
 {% block content %}
+
+<div class="content text contact">
   <div class="heading-text">{{ page.description }}</div>
   {{ page.content | safe }}
+</div>
 {% endblock content %}

templates/index.html

@@ -31,11 +31,6 @@
 <meta charset="UTF-8">
 
 <script src="https://unpkg.com/hyperscript.org@0.9.13"></script>{% endblock head %}
-{% block header %}
-
-<header class="pos-absolute" style="background-color: transparent">
-  {{ macros::render_header(path="/") }}
-</header>
 
 
 {% block body_tag%}
@@ -44,6 +39,11 @@
   {% endblock body_tag %}
 
 
+  {% block header %}
+
+  <header class="pos-absolute" style="background-color: transparent">
+    {{ macros::render_header(path="/") }}
+  </header>
   <div class="hero">
 
     {% block hero %}

templates/page.html

@@ -16,7 +16,8 @@
 {% endblock header %}
 
 {% block content %}
-
+<div class="content text ">
   <div class="heading-text">{{ page.description }}</div>
   {{ page.content | safe }}
+</div>
 {% endblock content %}