Anthology templates. Got DBUI for db queries working.

Custom_Templates/customer_templates/Anthology - Production/_course_desktop_view.html.liquid

@@ -257,4 +257,4 @@
     height: 25em;
     justify-content: center;
   }
-</style>
+</style>

Custom_Templates/customer_templates/Anthology - Production/_header.html.liquid

@@ -129,22 +129,62 @@
       {% endif %}
     </div>
 
-    {%- comment -%} School Desktop View Logo {%- endcomment -%}
+    <div style="align-items: center; display: flex; flex-direction: row;">
-    {% if current_school.logo_url %}
+      {%- comment -%} School Desktop View Logo {%- endcomment -%}
-      <h1 class="np-header-logo">
+      {% if current_school.logo_url %}
-        <a href="{% route home %}">
+        <h1 class="np-header-logo">
-          <img
+          <a href="{% route home %}">
-            alt="{{ current_school.name }}"
+            <img
-            class="np-header-logo-image"
+              alt="{{ current_school.name }}"
-            src="{{ current_school.logo_url }}"
+              class="np-header-logo-image"
-          />
+              src="{{ current_school.logo_url }}"
+            />
+          </a>
+        </h1>
+      {% else %}
+        <a href="{% route home %}" class="np-school-name np-header-font-color">
+          {{ current_school.name }}
         </a>
-      </h1>
+      {% endif %}
-    {% else %}
+
-      <a href="{% route home %}" class="np-school-name np-header-font-color">
+      {%- comment -%} Desktop Search Box {%- endcomment -%}
-        {{ current_school.name }}
+      {% if current_person.signed_in? %}
-      </a>
+        {% comment %} <div class="np-hidden-mobile np-header-search np-header-search-expanded">
-    {% endif %}
+          <form action="{% route search %}" method="get" data-test="desktop-search">
+            <input
+              aria-label="{% t .search %}"
+              class="np-header-search-input np-header-font-background-color"
+              type="text"
+              name="q"
+              placeholder="{% t .search %}"
+            />
+            <i class="np-header-search-icon far fa-search"></i>
+          </form>
+        </div> {% endcomment %}
+        {% comment %} <span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Search: </span> {% endcomment %}
+        <form action="{% route search %}" method="get" data-test="desktop-search" class="catalog-search-wrapper np-hidden-mobile" style="margin-left: 25px;">
+          <input
+            aria-label="Search"
+            class="np-header-search-input np-header-font-background-color catalog-search"
+            type="text"
+            name="q"
+            placeholder="What do you want to learn?"
+          />
+          <i class="search-icon far fa-search"></i>
+        </form>
+        {% comment %} <form data-test="desktop-search" class="catalog-search-wrapper np-hidden-mobile" style="margin-left: 25px;">
+            <input
+              aria-label="search_topics"
+              class="np-header-font-background-color catalog-search"
+              type="text"
+              name="q"
+              placeholder=""
+              onkeyup="searchCourses()"
+            />
+            <i class="far fa-search search-icon"></i>
+        </form> {% endcomment %}
+      {% endif %}
+    </div>
 
     {%- comment -%} Desktop Nav Links {%- endcomment -%}
     <div class="np-hidden-mobile np-header-desktop-nav">
@@ -176,23 +216,8 @@
       </div>
     </div> {% endcomment %}
 
-    {%- comment -%} Desktop Search Box {%- endcomment -%}
+    
     {% if current_person.signed_in? %}
-      {%- comment -%} <div class="np-hidden-mobile np-header-search np-header-search-expanded">
-        <form action="{% route search %}" method="get" data-test="desktop-search">
-          <input
-            aria-label="{% t .search %}"
-            class="np-header-search-input np-header-font-background-color"
-            type="text"
-            name="q"
-            placeholder="{% t .search %}"
-          />
-          <i class="np-header-search-icon far fa-search"></i>
-        </form>
-      </div> {%- endcomment -%}
-
-
-
       {%- comment -%} Desktop Profile Button {%- endcomment -%}
       <div class="np-hidden-mobile np-header-avatar">
         {%- comment -%} <a class="header-survey-link" href="https://baseline.campuslabs.com/htu/beta" target="_blank">
@@ -341,6 +366,46 @@
 </script>
 
 <style>
+  .search-and-filter-component{
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .catalog-search-wrapper{
+    max-width: 600px;
+    position: relative;
+  }
+
+  .catalog-search-component{
+    margin-bottom: 15px;
+    width: 100%;
+  }
+
+  .catalog-search::placeholder{
+    color: #878787;
+  }
+
+  .catalog-search,
+  .catalog-search:focus{
+    background-color: #fefefe;
+    border: 1px solid #aa7fb9;
+    border-radius: 30px;
+    font-weight: 400;
+    height: 60px;
+    line-height: 1;
+    padding-left: 75px;
+    text-decoration: none;
+    /* width: 100%; */
+    width: 450px;
+  }
+
+  .search-icon{
+    left: 30px;
+    position: absolute;
+    top: 23px;
+  }
+
   @media screen and (min-width: 678px){
     .header-survey-link{
       color: #000;
@@ -352,4 +417,15 @@
       text-decoration: none;
     }
   }
+
+  @media screen and (min-width: 768px){
+    .search-and-filter-component{
+      align-items: center;
+      flex-direction: row;
+    }
+
+    .catalog-search-component{
+      margin-bottom: 0;
+    }
+  }
 </style>

Custom_Templates/customer_templates/Anthology - Production/_product_bar.html.liquid

@@ -6,7 +6,7 @@
 
     <ul class="product-subscriptions col-xs-12 col-sm-9">
       {% assign subscription_levels = current_person.properties.subscription_levels | split: "," %}
-
+    
       {% for subscription_level in subscription_levels %}
       {% assign name_level_pair = subscription_level | split: ":"%}
         {% assign product_sub_level = name_level_pair | slice: 1 | strip %}
@@ -33,7 +33,7 @@
     margin: -20px -50px 20px;
     padding: 0 50px 20px;
   }
-
+  
   .product-subscription img{
     height: 25px;
   }
@@ -110,4 +110,4 @@
       margin-top: 18%;
     }
   } */
-</style>
+</style>

Custom_Templates/customer_templates/Anthology - Production/homepage.html.liquid

@@ -74,7 +74,7 @@
       <div class="catalog-subtitle">Explore our collection of learning resources</div>
     </div>
 
-    <div class="search-and-filter-component">
+    {% comment %} <div class="search-and-filter-component">
       <div class="catalog-search-component">
         <span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Search: </span>
         <form data-test="desktop-search" class="catalog-search-wrapper">
@@ -87,12 +87,12 @@
               onkeyup="searchCourses()"
             />
             <i class="far fa-search search-icon"></i>
-        </form>
+        </form> {% endcomment %}
 
 {% comment %} -----------------------------------------------------------------  {% endcomment %}
 {% comment %} FOR NORM:  {% endcomment %}
-        {% comment %} Ln 70-80 >> new search {% endcomment %}
+        {% comment %} Ln 79-90 >> old search {% endcomment %}
-        {% comment %} Ln 89-99 >> old search {% endcomment %}
+        {% comment %} Ln 99-108 >> new search {% endcomment %}
 {% comment %} ----------------------------------------------------------------- {% endcomment %}
 
 
@@ -106,7 +106,9 @@
           />
           <i class="search-icon far fa-search"></i>
         </form> {% endcomment %}
-      </div>
+      {% comment %} </div> {% endcomment %}
+
+
       {%- comment -%} {% if current_person.email contains "+preview" %}
         <div class="catalog-filter-component">
           <span style="color: #757575; margin-bottom: 10px; padding-left: 5px;">Filter By:</span>
@@ -258,7 +260,8 @@
 <style>
   .catalog-header-wrapper{
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
+    flex-wrap: wrap;
   }
 
   .catalog-title{
@@ -281,42 +284,12 @@
     display: flex;
     flex-direction: column;
   }
-
+  
-  .catalog-search-wrapper{
-    max-width: 600px;
-    position: relative;
-  }
-
-  .catalog-search-component,
   .catalog-filter-component{
     display: flex;
     flex-direction: column;
   }
 
-  .catalog-search-component{
-    margin-bottom: 15px;
-    width: 100%;
-  }
-
-  .catalog-search,
-  .catalog-search:focus{
-    background-color: #fefefe;
-    border: 1px solid #aa7fb9;
-    border-radius: 30px;
-    font-weight: 400;
-    height: 60px;
-    line-height: 1;
-    padding-left: 75px;
-    text-decoration: none;
-    width: 100%;
-  }
-
-  .search-icon{
-    left: 30px;
-    position: absolute;
-    top: 23px;
-  }
-
   .homepage-resource-header{
     color: #000000;
     font-size: 24px;
@@ -363,25 +336,9 @@
       left: 0;
       right: unset;
     }
-
-    .catalog-search-component{
-      margin-bottom: 0;
-    }
   }
 
-  @media screen and (min-width: 1440px){
+  /* @media screen and (min-width: 1651px){
-    /* .np-main{
-      margin-top: 350px;
-    } */
-
-    .np-homepage-hero{
-      /* width: calc(100vw + 1.75em); */
-      /* position: absolute; */
-      /* left: 0; */
-    }
-  }
-
-  @media screen and (min-width: 1651px){
     .np-main{
       margin-top: 400px;
     }
@@ -391,17 +348,5 @@
     .np-main{
       margin-top: 425px;
     }
-  }
-
-  /* @media screen and (min-width: 2200px){
-    .catalog-header-wrapper{
-      margin-top: 350px;
-    }
-  }
-
-  @media screen and (min-width: 2500px){
-    .catalog-header-wrapper{
-      margin-top: 400px;
-    }
   } */
 </style>

Custom_Templates/customer_templates/Anthology - Production/styles.css.liquid

@@ -79,6 +79,10 @@ main{
 
 /* COURSE CARDS */
 
+.course-card-info {
+	max-height: 75%;
+}
+
 .np-card-content-title{
     color: #363636;
 }
@@ -200,8 +204,8 @@ main{
 }
 
 /* HERO STYLING */
-@media screen and (min-width: 768px){
+/* @media screen and (min-width: 768px){
     .np-homepage-hero{
         margin: 0 -24px;
     }
-}
+} */

Delivery Log

@@ -0,0 +1,5 @@
+SELECT ca.communication_id, p.email, ca.created_at, ca.delivered_at, ca.opened_at, ca.errored_at, ca.status FROM communication_activities ca
+JOIN schools s ON ca.school_id = s.id
+JOIN customers c ON s.customer_id = c.id
+JOIN people p ON ca.person_id = p.id
+WHERE s.id = 8285;