Registration

.pylintrc

@@ -15,7 +15,7 @@ ignore-patterns=
 
  # Python code to execute, usually for sys.path manipulation such as
 # pygtk.require().
-#init-hook=
+init-hook=import sys; any(arg and not arg.startswith('-') for arg in sys.argv[1:]) or sys.argv.append("mittab")
 
  # Use multiple processes to speed up Pylint. Specifying 0 will auto-detect the
 # number of processors available to use.
@@ -32,7 +32,7 @@ load-plugins=pylint_django
 django-settings-module=mittab.settings
 
  # Pickle collected data for later comparisons.
-persistent=yes
+persistent=no
 
  # Specify a configuration file.
 #rcfile=

Pipfile

@@ -37,5 +37,8 @@ exceptiongroup = "==1.3.0"
 wrapt = "==1.17.3"
 pyyaml = "==5.3.1"
 
+[scripts]
+pylint = "pylint mittab"
+
 [requires]
 python_version = "3.10.16"

assets/css/mobile.scss

@@ -214,23 +214,68 @@
     ol { font-size: 0.8rem; column-count: 2; column-gap: 1rem; }
   }
 
-  .public-home {
-    padding: 1.4rem 0.9rem;
+  .registration-mobile-cta {
+    height: 10vw;
+    width: 75%;
+    font-size: 1.5rem !important;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .registration-mobile-card {
+    padding: 1.1rem 1.15rem;
+  }
 
-    .public-home__grid { grid-template-columns: 1fr !important; gap: 1.25rem; }
-    .public-home__title { font-size: 1.6rem; }
-    .public-home__links { padding: 1.2rem; }
+  .registration-mobile-card__text {
+    font-size: .7rem;
+    line-height: 1.7;
+    a {
+      display: inline;
+      white-space: normal;
+      word-wrap: break-word;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+      hyphens: auto;
+      max-width: 100%;
+    }
   }
 
-  .public-links__tile {
-    grid-template-columns: auto 1fr;
-    gap: 0.8rem;
-    padding: 1rem 1.1rem;
+  .public-home {
+    padding: 0;
+
+    .grid {
+      grid-template-columns: 1fr !important;
+      gap: 1.25rem;
+    }
+
+    .links {
+      padding: 1.15rem 1.2rem;
+      border-radius: 1rem;
+      box-shadow: 0 16px 45px -32px rgba(15, 24, 45, 0.55);
+    }
+
+    .title {
+      font-size: 1.6rem;
+    }
   }
 
-  .public-links__chevron { display: none; }
-  .public-links__body { gap: 0.25rem; }
-  .public-links__icon { width: 2.3rem; height: 2.3rem; }
+  .public-links {
+    .tile {
+      grid-template-columns: auto 1fr;
+      gap: 0.8rem;
+      padding: 1rem 1.1rem;
+    }
+
+    .chevron {
+      display: none;
+    }
+
+    .body {
+      gap: 0.25rem;
+    }
+  }
 
   .footer small { font-size: 0.76rem; }
 }
@@ -280,8 +325,15 @@
       }
   }
 
-  .public-home { padding: 1.15rem 0.75rem; }
-  .public-links__tile { padding: 0.85rem 0.9rem; border-left-width: 3px; }
+  .public-home {
+    padding: 0;
+
+    .links {
+      padding: 1rem 1.05rem;
+    }
+  }
+
+  .public-links .tile { padding: 0.85rem 0.9rem; border-left-width: 3px; }
 
   .footer { padding: 0.95rem 0.35rem; }
   .footer small { font-size: 0.74rem; }

assets/css/public-home.scss

@@ -126,7 +126,7 @@ body {
   }
   .links {
     @include card-shell;
-    padding: 2rem 2.5rem;
+    padding: 1.5rem 1.75rem;
     color: #1d2b44;
 
 
@@ -153,6 +153,79 @@ body {
   }
 }
 
+.register-cta {
+  display: flex;
+  width: 100%;
+  border: 1px solid rgba(28, 54, 94, 0.16);
+  border-radius: 0.85rem;
+  padding: 1.1rem 1.4rem;
+  background: linear-gradient(135deg, rgba(42, 102, 196, 0.09), rgba(25, 73, 154, 0.04));
+  align-items: flex-start;
+  gap: 1rem;
+
+  &__text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    color: #16243a;
+    flex: 1 1 65%;
+    min-width: 0;
+
+    .eyebrow {
+      font-size: 0.85rem;
+      letter-spacing: 0.18em;
+      text-transform: uppercase;
+      color: rgba(18, 42, 72, 0.7);
+    }
+
+    .headline {
+      font-size: 1.1rem;
+      font-weight: 700;
+    }
+
+    .body {
+      margin-bottom: 0;
+      font-size: 0.9rem;
+      color: rgba(18, 34, 58, 0.85);
+    }
+  }
+
+  &__btn {
+    white-space: nowrap;
+    padding: 0.7rem 1.2rem;
+    font-size: 0.95rem;
+    min-width: 8rem;
+  }
+}
+
+.registration-actions {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+
+  .btn {
+    flex: 1 1 0;
+  }
+
+  @media (min-width: 992px) {
+    flex-wrap: nowrap;
+    .btn {
+      flex: 0 0 auto;
+    }
+  }
+}
+
+.register-cta__actions {
+  flex: 0 0 auto;
+}
+
+.registration-actions--mobile {
+  flex-direction: column;
+  align-items: stretch;
+}
+
 .public-links {
   position: relative;
   @include flex-column(1rem);
@@ -229,6 +302,45 @@ body {
   }
 }
 
+.registration-info-card,
+.registration-mobile-card {
+  border: 1px solid rgba(28, 54, 94, 0.15);
+  border-radius: 0.65rem;
+  padding: 1rem;
+  background: rgba(42, 102, 196, 0.08);
+  color: #1f2f4a;
+  width: 100%;
+  box-sizing: border-box;
+
+  &__text {
+    font-size: 0.75rem;
+    line-height: 1.65;
+
+    a {
+      color: #1d68d2;
+      font-weight: 600;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+.registration-mobile-card {
+  @media (min-width: 992px) {
+    display: none;
+  }
+}
+
+.registration-mobile-cta {
+  margin-top: 0.65rem;
+  margin-bottom: 0.65rem;
+  flex: 1 1 0;
+  text-align: center;
+}
+
 .public-sidebar-card {
   @include card-shell;
   padding: 2rem 2.5rem;
@@ -297,6 +409,45 @@ body {
     border-top: 1px solid rgba(0, 44, 92, 0.08);
   }
 
+  .registration-panel {
+    border: 1px solid rgba(32, 60, 105, 0.18);
+    border-radius: 0.75rem;
+    padding: 1.25rem;
+    background: rgba(42, 102, 196, 0.08);
+    text-align: left;
+
+    &__header {
+      margin-bottom: 0.9rem;
+
+      h4 {
+        margin: 0 0 0.35rem 0;
+        font-size: 1.1rem;
+        font-weight: 600;
+        color: #1f2f4a;
+      }
+    }
+
+    &__text {
+      font-size: 0.92rem;
+      line-height: 1.65;
+      color: rgba(28, 45, 70, 0.92);
+
+      a {
+        color: #1d68d2;
+        font-weight: 600;
+        text-decoration: none;
+
+        &:hover {
+            text-decoration: underline;
+        }
+      }
+    }
+
+    .btn {
+      margin-top: 0.5rem;
+    }
+  }
+
   &.status {
     .content {
       gap: 1.5rem;
@@ -332,8 +483,8 @@ body {
   }
 
   .status-icon {
-    width: 3.25rem;
-    height: 3.25rem;
+    width: 2.75rem;
+    height: 2.75rem;
   }
 }