3 changed files with 7 additions and 120 deletions
--- a/polyculeconnect/static/style/index.css
+++ b/polyculeconnect/static/style/index.css
@ -1,94 +0,0 @@
-:root {
-    --crust: #dce0e8;
-    --mantle: #e6e9ef;
-    --base: #eff1f5;
-    --surface-0: #ccd0da;
-    --surface-1: #bcc0cc;
-    --surface-2: #acb0be;
-    --overlay-0: #9ca0b0;
-    --overlay-1: #8c8fa1;
-    --overlay-2: #7c7f93;
-    --subtext-0: #6c6f85;
-    --subtext-1: #5c5f77;
-    --text: #4c4f69;
-
-    --logo-purple: #340c46;
-    --logo-yellow: #fcbf00;
-    --logo-pink: #e50051;
-    --logo-blue: #009fe3;
-}
-
-body {
-    background-color: var(--base);
-    color: var(--text);
-    margin: 0;
-}
-
-.site-header {
-    width: 100%;
-    display: flex;
-    padding: 10px;
-    margin-bottom: 40px;
-
-    .site-logo img {
-        height: 100px;
-    }
-}
-
-.container {
-    background-color: var(--mantle);
-    display: grid;
-    grid-template-columns: 1;
-    row-gap: 20px;
-    padding: 15px 50px;
-    max-width: 50%;
-    width: fit-content;
-    margin: auto;
-    border: 1px solid var(--surface-0);
-    border-radius: 5px;
-}
-
-.container-content {
-    margin-bottom: 10px;
-    margin-top: 10px;
-}
-
-.form-elements {
-    display: grid;
-    grid-template-columns: 1;
-    row-gap: 10px;
-    margin-bottom: 15px;
-    padding: 0 10px;
-}
-
-.form-buttons {
-    display: flex;
-    justify-content: center;
-}
-
-.form-input {
-    width: 100%;
-    padding: 5px;
-    box-sizing: border-box;
-}
-
-.form-input::placeholder {
-    color: var(--subtext-1);
-}
-
-.button {
-    border: none;
-    color: var(--mantle);
-    padding: 5px 20px;
-    border-radius: 3px;
-    text-align: center;
-    vertical-align: middle;
-    text-decoration: none;
-    display: inline-block;
-    font-size: medium;
-    cursor: pointer;
-}
-
-.button-accept {
-    background-color: var(--logo-blue);
-}
--- a/polyculeconnect/templates/header.html
+++ b/polyculeconnect/templates/header.html
@ -7,8 +7,6 @@
    <title>PolyculeConnect</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

-    <link rel="stylesheet" href="/static/style/index.css">
-
    <link rel="apple-touch-icon" sizes="180x180" href="/static/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/favicon-16x16.png">
@ -19,10 +17,3 @@
 </head>

 <body>
-
-    <div class="site-header">
-        <div class="site-logo">
-            <img src="/static/img/logo-text.png" alt="PolyculeConnect website logo">
-        </div>
-
-    </div>
--- a/polyculeconnect/templates/login.html
+++ b/polyculeconnect/templates/login.html
@ -2,22 +2,12 @@

 <script src="/static/scripts/index.js" defer></script>

-<div class="container">
-    <div class="container-content">
-        Enter the service to use for login.
-    </div>
-
-    <div class="container-content">
-        <form action="" id="connectorform" class="container-form">
-            <div class="form-elements">
-                <input type="text" id="cname" name="connector_id" placeholder="Service name" required
-                    class="form-input">
-            </div>
-            <div class="form-buttons">
-                <input type="submit" class="button button-accept" value="Continue">
-            </div>
+<div>
+    <form action="" id="connectorform">
+        <label for="cname">Connector name</label>
+        <input type="text" id="cname" name="connector_id">
+        <input type="submit">
    </form>
-    </div>
 </div>

 {{ template "footer.html" . }}