strategic projects

@@ -14522,6 +14522,49 @@ a.pdf:hover, a.extern:hover, a.xls:hover, a.mailto:hover {
   font-family: "Helvetica-Bold";
   font-family: "Helvetica-Bold";
 }
 }
 
 
+.strategic-child-page {
+  display: flex;
+  flex-direction: row;
+  align-items: end;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid #949598;
+}
+.strategic-child-page:first-of-type {
+  border-top: 1px solid #949598;
+}
+.strategic-child-page .strategic-content {
+  flex-basis: 70%;
+}
+.strategic-child-page .strategic-content h2 {
+  font-size: 1rem;
+}
+.strategic-child-page .strategic-read-more-button {
+  flex-basis: 30%;
+}
+.strategic-child-page .strategic-read-more-button a {
+  display: block;
+  background-color: #009ade;
+  border: 0 !important;
+  color: #000;
+  border-radius: 0;
+  padding: 0;
+  font-family: Helvetica;
+  font-size: 1rem;
+  padding: 1.1875rem 2.5rem;
+  display: flex;
+  align-items: center;
+  transition: none;
+  justify-content: center;
+  width: 100%;
+  text-transform: uppercase;
+  max-width: 256px;
+  margin-bottom: 1rem;
+}
+.strategic-child-page .strategic-read-more-button a:hover {
+  background-color: #acd6f2;
+  text-decoration: none;
+}
+
 article > h5 {
 article > h5 {
   margin-top: 0;
   margin-top: 0;
 }
 }

@@ -304,6 +304,52 @@ a.pdf, a.extern, a.xls, a.mailto {
     }
     }
 }
 }
 
 
+.strategic-child-page {
+    display: flex;
+    flex-direction: row;
+    align-items: end;
+
+    padding:0.5rem 0;
+    border-bottom:1px solid #949598;
+
+    &:first-of-type {
+        border-top:1px solid #949598;
+    }
+
+    .strategic-content {
+        flex-basis: 70%;
+        h2 {
+            font-size: 1rem;
+        }
+    }
+    .strategic-read-more-button {
+        flex-basis: 30%;
+        a {
+            display: block;
+            background-color: #009ade;
+            border: 0!important;
+            color: #000;
+            border-radius: 0;
+            padding: 0;
+            font-family: Helvetica;
+            font-size: 1rem;
+            padding: 1.1875rem 2.5rem;
+            display: flex;
+            align-items: center;
+            transition: none;
+            justify-content: center;
+            width: 100%;
+            text-transform: uppercase;
+            max-width: 256px;
+            margin-bottom:1rem;
+            &:hover {
+                background-color: #acd6f2;
+                text-decoration: none;
+            }
+        }
+    }
+}
+
 article {
 article {
     & > h5 {
     & > h5 {
         margin-top:0;
         margin-top:0;

@@ -15,6 +15,7 @@ require_once 'inc/shortcodes-circulars.php';
 require_once 'inc/blocks.php';
 require_once 'inc/blocks.php';
 require_once 'inc/breadcrumb.php';
 require_once 'inc/breadcrumb.php';
 require_once 'inc/brokers_cli.php';
 require_once 'inc/brokers_cli.php';
+require_once 'inc/strategic-projects.php';
 
 
 function load_custom_wp_admin_style(){
 function load_custom_wp_admin_style(){
     wp_register_style( 'custom_wp_admin_css', get_bloginfo('template_url') . '/style.css', false, '1.0.0' );
     wp_register_style( 'custom_wp_admin_css', get_bloginfo('template_url') . '/style.css', false, '1.0.0' );

+<?php
+
+function strategic_crop($content, $maxCharacters, $append = '...', $respectWordBoundaries = false, $stripTags = false)
+{
+    if ($stripTags) {
+        $content = strip_tags($content);
+    }
+
+    if ($maxCharacters) {
+        if (mb_strlen($content, 'utf-8') > abs($maxCharacters)) {
+            $truncatePosition = false;
+            if ($maxCharacters < 0) {
+                $content = mb_substr($content, $maxCharacters, null, 'utf-8');
+                if ($respectWordBoundaries) {
+                    $truncatePosition = strpos($content, ' ');
+                }
+                $content = $truncatePosition ? $append . substr($content, $truncatePosition) : $append . $content;
+            } else {
+                $content = mb_substr($content, 0, $maxCharacters, 'utf-8');
+                if ($respectWordBoundaries) {
+                    $truncatePosition = strrpos($content, ' ');
+                }
+                $content = $truncatePosition ? substr($content, 0, $truncatePosition) . $append : $content . $append;
+            }
+        }
+    }
+    return $content;
+}
+
+
+function strategic_projects_shortcode($atts) {
+    $atts = shortcode_atts(array(
+        'parent_id' => 0,
+    ), $atts, 'strategic_projects');
+
+    $parent_id = intval($atts['parent_id']);
+    $children = get_pages(array('child_of' => $parent_id));
+
+    $output = '';
+    
+    if(count($children) == 0) {
+        return "<h1 style='text-align:center'>".__("Coming Soon")."</h1>";
+    }
+    foreach ($children as $child) {
+
+        if(strlen($child->post_content) > 300) {
+            $post_content = strategic_crop($child->post_content, 300, '...', true, false);
+        } else {
+            $post_content = $child->post_content;
+        }
+        
+
+        $output .= '<div class="strategic-child-page">';
+            $output .= '<div class="strategic-content"><h2>' . $child->post_title . '</h2>';
+            $output .= '<div class="strategic-child-page-content">' . strategic_crop($child->post_content, 300, '...', true, false) . '</div></div>';
+            $output .= '<div class="strategic-read-more-button"><a href="' . get_permalink($child->ID) . '" class="strategic-read-more">Read More</a></div>';
+        $output .= '</div>';
+    }
+
+    return $output;
+}
+add_shortcode('strategic_projects', 'strategic_projects_shortcode');