post launch tweaks

wikitongues · Feb 11, 2021 · f417f63 · f417f63
1 parent 54ccb11
commit f417f63
Show file tree

Hide file tree

Showing 13 changed files with 166 additions and 74 deletions.
diff --git a/acf-json/group_5af2062235702.json b/acf-json/group_5af2062235702.json
@@ -64,6 +64,44 @@
             "append": "",
             "maxlength": ""
         },
+        {
+            "key": "field_5fc5590e896f9",
+            "label": "Project Header",
+            "name": "project_header",
+            "type": "textarea",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "default_value": "",
+            "placeholder": "",
+            "maxlength": "",
+            "rows": "",
+            "new_lines": "br"
+        },
+        {
+            "key": "field_6024c14949b8d",
+            "label": "Project Banner Text",
+            "name": "project_banner_text",
+            "type": "textarea",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "default_value": "",
+            "placeholder": "",
+            "maxlength": "",
+            "rows": "",
+            "new_lines": ""
+        },
         {
             "key": "field_5af2063e082b2",
             "label": "Excerpt",
@@ -228,25 +266,6 @@
             "append": "",
             "maxlength": ""
         },
-        {
-            "key": "field_5fc5590e896f9",
-            "label": "Project Header",
-            "name": "project_header",
-            "type": "text",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "default_value": "",
-            "placeholder": "",
-            "prepend": "",
-            "append": "",
-            "maxlength": ""
-        },
         {
             "key": "field_5fc55924896fa",
             "label": "How to help",
@@ -322,5 +341,5 @@
     "hide_on_screen": "",
     "active": true,
     "description": "",
-    "modified": 1613014798
+    "modified": 1613021531
 }
diff --git a/acf-json/group_601dad3f0d9b2.json b/acf-json/group_601dad3f0d9b2.json
@@ -82,7 +82,7 @@
             "key": "field_601dae09c84d1",
             "label": "Donate Secondary Action Link",
             "name": "donate_secondary_action_link",
-            "type": "page_link",
+            "type": "link",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -91,11 +91,7 @@
                 "class": "",
                 "id": ""
             },
-            "post_type": "",
-            "taxonomy": "",
-            "allow_null": 0,
-            "allow_archives": 1,
-            "multiple": 0
+            "return_format": "url"
         }
     ],
     "location": [
@@ -115,5 +111,5 @@
     "hide_on_screen": "",
     "active": true,
     "description": "",
-    "modified": 1612819058
+    "modified": 1613023394
 }
diff --git a/components/newsletter.php b/components/newsletter.php
@@ -5,7 +5,9 @@
 
 <div class="wt_newsletter">
 	<div class="wt_newsletter__tease">
-		<p>Join our mailing list for language,<br>revitalization stories, language facts<br>and other Wikitongues updates</p>
+		<p>Join our mailing list for stories<br> 
+		about language revival, histories<br>
+		of culture, and linguistics news</p>
 	</div>
 	<div class="wt_newsletter__signup">
 		<?php echo $form_embed_code; ?>

diff --git a/single-projects.php b/single-projects.php
@@ -8,7 +8,8 @@
 <?php 
 
 $banner_image = get_field('project_banner_image');
-$banner_text = get_the_title();
+$banner_header = get_field('project_header');
+$banner_text = get_field('project_banner_text');
 $featured_videos = get_field('featured_videos');
 
 $project_header = get_field('project_header');
@@ -83,7 +84,7 @@
 		$donate_module_code = get_field('donate_module_code');
 
 		// load donate popup
-		include( locate_template('components/donate-module.php') ); ?>
+		// include( locate_template('components/donate-module.php') ); ?>
 	<!-- /donate module -->
 
 <?php get_footer(); ?>
diff --git a/stylus/main.css b/stylus/main.css
@@ -68,6 +68,8 @@ body {
 }
 .wt_header.background .wt_header__nav ul:last-of-type li {
   background: #20597a;
+}
+.wt_header.background .wt_header__nav ul:last-of-type li:last-of-type {
   margin-right: 0;
 }
 .wt_header.background .wt_header__nav ul:last-of-type li a {
@@ -106,11 +108,13 @@ body {
   text-transform: uppercase;
 }
 .wt_header__nav ul:last-of-type li {
-  margin-right: 30px;
   padding: 10px 20px;
   border-radius: 20px;
   background: #fff;
 }
+.wt_header__nav ul:last-of-type li:last-of-type {
+  margin-right: 30px;
+}
 .wt_header__nav ul:last-of-type li a {
   color: #11242f;
 }
@@ -199,6 +203,15 @@ body {
     display: none;
   }
 }
+body.page-id-50475 .wt_header__nav ul li a {
+  color: #11242f;
+}
+body.page-id-50475 .wt_header__nav ul:last-of-type li {
+  background: #20597a;
+}
+body.page-id-50475 .wt_header__nav ul:last-of-type li a {
+  color: #fff !important;
+}
 body.page-template-template-team .wt_page-intro {
   margin-bottom: 2%;
 }
@@ -1007,6 +1020,15 @@ body.page-template-template-form .main .wt_featured-item {
     width: 100%;
   }
 }
+body.page-template-template-donate .wt_header__nav ul li a {
+  color: #11242f;
+}
+body.page-template-template-donate .wt_header__nav ul:last-of-type li {
+  background: #20597a;
+}
+body.page-template-template-donate .wt_header__nav ul:last-of-type li a {
+  color: #fff !important;
+}
 body.page-template-template-donate .wt_donate-banner {
   position: relative;
   margin-bottom: 50px !important;
@@ -1559,9 +1581,6 @@ body.single-podcast .wt_single-podcast__navigation--back {
     margin-bottom: 30%;
   }
 }
-body.single-projects .wt_banner {
-  height: 60vh;
-}
 body.single-projects .wt_banner .wt_banner-message {
   width: 100%;
   margin: 0;
@@ -1575,12 +1594,15 @@ body.single-projects .wt_banner .wt_banner-message h1 {
   line-height: 1.15;
   text-transform: capitalize;
 }
-body.single-projects .wt_single-projects {
-  font-family: 'Noto Serif', serif;
-}
 body.single-projects .wt_single-projects h1 {
+  width: 90%;
+  max-width: 600px;
+  margin: 90px auto 0;
   text-align: left;
 }
+body.single-projects .wt_single-projects a {
+  color: #20597a;
+}
 body.single-projects .wt_single-projects .giveforms-donation-button {
   display: block;
   width: 90%;
@@ -1638,6 +1660,11 @@ body.single-projects .wt_donate-banner .inner-wrap .giveforms-donation-button {
   letter-spacing: 0.1rem;
   font-family: 'Noto Sans', sans-serif;
 }
+@media all and (max-width: 979px) {
+  body.single-projects .wt_single-projects h1 {
+    margin-top: 180px !important;
+  }
+}
 body.post-type-archive-projects .wt_header__nav ul li a {
   color: #11242f;
 }
@@ -1654,6 +1681,9 @@ body.post-type-archive-projects>h1 {
 body.post-type-archive-projects .wt_section:first-of-type {
   margin-top: 0;
 }
+body.post-type-archive-projects .wt_section:last-of-type {
+  margin-bottom: 180px;
+}
 .wt_banner {
   position: relative;
   width: 100%;
@@ -1706,22 +1736,16 @@ body.post-type-archive-projects .wt_section:first-of-type {
 }
 .wt_donate-banner {
   width: 100%;
-  margin-top: 50px;
-  padding: 50px 0 100px;
-  -webkit-box-shadow: inset 0 3px 1px -2px rgba(0,0,0,0.2), inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 1px 5px 0 rgba(0,0,0,0.12);
-  box-shadow: inset 0 3px 1px -2px rgba(0,0,0,0.2), inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 1px 5px 0 rgba(0,0,0,0.12);
+  padding: 120px 0;
   background: #ededed;
-  background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 11%, #ededed 100%);
-  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(11%, #f6f6f6), color-stop(100%, #ededed));
-  background: -webkit-linear-gradient(top, #ededed 0%, #f6f6f6 11%, #ededed 100%);
-  background: -o-linear-gradient(top, #ededed 0%, #f6f6f6 11%, #ededed 100%);
-  background: -ms-linear-gradient(top, #ededed 0%, #f6f6f6 11%, #ededed 100%);
-  background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 11%, #ededed 100%);
 }
 .wt_donate-banner .inner-wrap {
   width: 1073px;
   margin: auto;
 }
+.wt_donate-banner .inner-wrap .wt_donate-banner-header {
+  text-align: center;
+}
 .wt_donate-banner .inner-wrap aside {
   float: left;
   width: 50%;
@@ -1731,15 +1755,15 @@ body.post-type-archive-projects .wt_section:first-of-type {
   padding: 50px 150px 50px 0;
 }
 .wt_donate-banner .inner-wrap aside.wt_donate-banner-header h1 {
-  text-align: left;
+  text-align: center;
   color: #0d232f;
 }
 .wt_donate-banner .inner-wrap aside.wt_donate-banner-header p {
   font-size: 2rem;
   color: $text-color;
 }
 .wt_donate-banner .inner-wrap aside.wt_donate-banner-form {
-  margin: 0;
+  margin: 30px 0 0 0;
   width: 423px;
   height: 508px;
   border-radius: 3px;

diff --git a/stylus/main.styl b/stylus/main.styl
@@ -2,6 +2,7 @@
 @require "require/header"
 @require "require/footer"
 @require "require/front-page"
+@require "require/template-default"
 @require "require/template-team"
 @require "require/template-contributors"
 @require "require/template-donors"

diff --git a/stylus/require/archive-projects.styl b/stylus/require/archive-projects.styl
@@ -20,4 +20,7 @@ body
 
 	    .wt_section
 	    	&:first-of-type
-	    		margin-top 0
+	    		margin-top 0
+
+	    	&:last-of-type
+	    		margin-bottom $margin5
diff --git a/stylus/require/components/banner.styl b/stylus/require/components/banner.styl
@@ -57,22 +57,24 @@
 
 .wt_donate-banner
     width 100%
-    margin-top 50px
-    padding 50px 0 100px
-    -webkit-box-shadow inset 0 3px 1px -2px rgba(0,0,0,0.2), inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 1px 5px 0 rgba(0,0,0,0.12)
-    box-shadow inset 0 3px 1px -2px rgba(0,0,0,0.2), inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 1px 5px 0 rgba(0,0,0,0.12)
+    padding $margin4 0
+    // -webkit-box-shadow inset 0 3px 1px -2px rgba(0,0,0,0.2), inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 1px 5px 0 rgba(0,0,0,0.12)
+    // box-shadow inset 0 3px 1px -2px rgba(0,0,0,0.2), inset 0 2px 2px 0 rgba(0,0,0,0.14), inset 0 1px 5px 0 rgba(0,0,0,0.12)
     background: rgba(237,237,237,1)
-    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
-    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(11%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)))
-    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
-    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
-    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
-    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
+    // background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
+    // background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(11%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)))
+    // background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
+    // background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
+    // background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
+    // background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 11%, rgba(237,237,237,1) 100%)
     // filter: progid DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fafafa', GradientType=0 )
 
     .inner-wrap
         width 1073px
         margin auto
+
+        .wt_donate-banner-header
+            text-align center
 
         aside
             float left
@@ -82,15 +84,15 @@
                 padding 50px 150px 50px 0
 
                 h1
-                    text-align left
+                    text-align center
                     color $dark_blue
 
                 p
                     font-size 2rem
                     color $text-color
 
             &.wt_donate-banner-form
-                margin 0
+                margin $margin1 0 0 0 
                 width 423px
                 height 508px
                 border-radius 3px

diff --git a/stylus/require/header.styl b/stylus/require/header.styl
@@ -40,7 +40,9 @@ body
 
                         li
                             background $interactive
-                            margin-right 0
+
+                            &:last-of-type
+                                margin-right 0
 
                             a
                                 color $white
@@ -74,11 +76,13 @@ body
 
             &:last-of-type
                 li
-                    margin-right 30px
                     padding 10px 20px
                     border-radius 20px
                     background $white
 
+                    &:last-of-type
+                        margin-right 30px
+
                     a
                         color $blue