Skip to content

Commonwell / broker-site

Go to a project
Toggle navigation
Toggle navigation pinning
d589c02a by Jeremy Groot
Options

redesign updates

1 parent 3d5667ce
Expand all
Inline Side-by-side
Showing 25 changed files with 739 additions and 30 deletions
1 <?php
2
3 // Create id attribute allowing for custom "anchor" value.
4 $id = 'events-' . $block['id'] . rand(0,100);
5 if( !empty($block['anchor']) ) {
6 $id = $block['anchor'];
7 }
8 $events = get_field('events', 'options');
9 ?>
10
11 <div id='<?= $id ?>' class="events-block">
12
13 <?php foreach($events as $event) {
14 $is_sold = $event['is_sold_out'];
15 $time = strtotime($event['start_date']);
16 $month = date('M', $time);
17 $day = date('d', $time);
18 ?>
19 <div class='broker-event'>
20 <div class='be-cal'>
21 <div class='be-cal-month'><?= $month ?></div>
22 <div class='be-cal-day'><?= $day ?></div>
23 </div>
24 <div class='be-info'>
25 <div class="be-title"><?= $event['title'] ?></div>
26 <div class="be-date">Date: <?= $month . ' ' . $day . ", " . date('Y', $time) ?> | Time: <?= date('g:i A') ?> </div>
27 <div class="be-desc"><?= $event['description'] ?></div>
28 </div>
29 <div class='be-btn'>
30 <?php if($is_sold) { ?>
31 <a href='<?= $event['link']['url'] ?>' aria-disabled="true" class='btn-disabled' target='_blank'><?= __("REGISTRATION FULL") ?></a>
32 <?php } else { ?>
33 <a href='<?= $event['link']['url'] ?>' target='_blank'><?= __("REGISTER") ?></a>
34 <?php } ?>
35 </div>
36 </div>
37 <?php } ?>
38 </div>
...\ No newline at end of file ...\ No newline at end of file
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -9173,6 +9173,10 @@ ...@@ -9173,6 +9173,10 @@
9173 })(window.jQuery || window.Zepto); 9173 })(window.jQuery || window.Zepto);
9174 9174
9175 jQuery(document).ready(function ($) { 9175 jQuery(document).ready(function ($) {
9176 $('.mobile-btn').on('click', function () {
9177 $('.col-sm-smallMenu').toggleClass('show');
9178 });
9179
9176 // Hide Header on on scroll down 9180 // Hide Header on on scroll down
9177 var didScroll; 9181 var didScroll;
9178 var lastScrollTop = 0; 9182 var lastScrollTop = 0;
...@@ -22859,7 +22863,89 @@ ...@@ -22859,7 +22863,89 @@
22859 } 22863 }
22860 }); 22864 });
22861 22865
22866 var Responsive = function ($) {
22867 var desk = window.matchMedia("(min-width: 768px)");
22868 function isDesktop() {
22869 return desk.matches;
22870 }
22871 function toggleMobileMenu() {
22872 $('#navbarNavDropdown').toggleClass('show');
22873 $('.navbar-toggler').toggleClass('active');
22874 if ($('#navbarNavDropdown').hasClass('show')) {
22875 $('body').addClass('locked');
22876 } else {
22877 $('body').removeClass('locked');
22878 }
22879 }
22880 $(document).on('click', '.navbar-toggler', function () {
22881 toggleMobileMenu();
22882 });
22883 function init() {
22884 function mobilize() {
22885 $('.col-sm-smallMenu').prepend($('#sault'));
22886 }
22887 desk.addEventListener('change', event => {
22888 if (event.matches) ; else {
22889 mobilize();
22890 }
22891 });
22892 if (desk.matches) ; else {
22893 mobilize();
22894 }
22895 }
22896 return {
22897 init: init,
22898 isDesktop: isDesktop
22899 };
22900 }(jQuery);
22901 jQuery(document).ready(Responsive.init);
22902
22903 function checkOffsetForTopper() {
22904 if (jQuery('.the-topper a').offset().top + jQuery('.the-topper a').height() >= jQuery('#new-footer').offset().top - 300) jQuery('.the-topper').addClass('stopper');
22905 if (jQuery(document).scrollTop() + window.innerHeight < jQuery('#new-footer').offset().top) jQuery('.the-topper').removeClass('stopper');
22906 }
22907 function getIsExternLink($link) {
22908 $link = $link.trim();
22909 if ($link.indexOf('brokers') === -1 && $link.indexOf('localhost') === -1 && $link.indexOf('mailto:') === -1 && $link.indexOf('tel:') === -1 && $link.indexOf('#') !== 0) {
22910 if ($link !== "/" && $link !== "#" && $link.indexOf('/') !== 0) {
22911 return true;
22912 }
22913 }
22914 }
22862 jQuery(document).ready(function ($) { 22915 jQuery(document).ready(function ($) {
22916 if ($('#page-content').outerHeight() >= 1000) {
22917 $('#page-content').addClass('topper');
22918 $('.the-topper').removeClass('hide');
22919 }
22920 $('.the-topper a').on('click', function (e) {
22921 e.preventDefault();
22922 $(window).scrollTop(0);
22923 });
22924 $('#page-content a').each(function () {
22925 if (jQuery(this).is("a") && jQuery(this).find('.download-bar').length == 0 && jQuery(this).text().length > 4) {
22926 var _href = jQuery(this).attr('href');
22927 if (_href) {
22928 if (_href.indexOf('.pdf') !== -1) {
22929 jQuery(this).addClass('pdf');
22930 } else if (_href.indexOf('.xls') !== -1) {
22931 jQuery(this).addClass('xls');
22932 } else if (_href.indexOf('mailto:') !== -1) {
22933 jQuery(this).addClass('mailto');
22934 } else if (_href.indexOf('tel:') !== -1) {
22935 jQuery(this).addClass('tel');
22936 } else if (getIsExternLink(_href)) {
22937 console.log(jQuery(this).parent());
22938 if (jQuery(this).parents('.entry-content').length > 0) {
22939 jQuery(this).html(jQuery(this).html() + "&nbsp;");
22940 }
22941 jQuery(this).addClass('extern');
22942 if (jQuery(this).is('a')) {
22943 jQuery(this).attr('target', '_blank');
22944 }
22945 }
22946 }
22947 }
22948 });
22863 $('.favourite').on('click', function (e) { 22949 $('.favourite').on('click', function (e) {
22864 e.preventDefault(); 22950 e.preventDefault();
22865 $(this).attr('disabled', true).addClass('loading'); 22951 $(this).attr('disabled', true).addClass('loading');
...@@ -22882,6 +22968,7 @@ ...@@ -22882,6 +22968,7 @@
22882 }); 22968 });
22883 }); 22969 });
22884 function scrollScripts() { 22970 function scrollScripts() {
22971 checkOffsetForTopper();
22885 if (!jQuery('#content-wrap').hasClass('retract')) { 22972 if (!jQuery('#content-wrap').hasClass('retract')) {
22886 if (jQuery(window).scrollTop() >= 50) { 22973 if (jQuery(window).scrollTop() >= 50) {
22887 jQuery('body').addClass('retract'); 22974 jQuery('body').addClass('retract');
...@@ -22906,7 +22993,7 @@ ...@@ -22906,7 +22993,7 @@
22906 scrolling = false; 22993 scrolling = false;
22907 scrollScripts(); 22994 scrollScripts();
22908 } 22995 }
22909 }, 250); 22996 }, 50);
22910 22997
22911 // or for modern browsers 22998 // or for modern browsers
22912 document.addEventListener('wheel', function (evt) { 22999 document.addEventListener('wheel', function (evt) {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1
2
3 var Responsive = (function($) {
4
5 var desk = window.matchMedia("(min-width: 768px)");
6
7 function isDesktop() {
8 return desk.matches;
9 }
10
11 function toggleMobileMenu() {
12
13 $('#navbarNavDropdown').toggleClass('show');
14 $('.navbar-toggler').toggleClass('active');
15
16 if($('#navbarNavDropdown').hasClass('show')) {
17 $('body').addClass('locked');
18 } else {
19 $('body').removeClass('locked');
20 }
21
22 }
23
24 $(document).on('click', '.navbar-toggler', function() {
25 toggleMobileMenu();
26 });
27
28 function init() {
29
30 function demobilize() {
31
32 }
33
34 function mobilize() {
35 $('.col-sm-smallMenu').prepend($('#sault'));
36 }
37
38
39 desk.addEventListener('change', event => {
40 if (event.matches) {
41 demobilize();
42 } else {
43 mobilize();
44 }
45 });
46
47 if (desk.matches) {
48 // demobilize();
49 } else {
50 mobilize();
51 }
52
53 }
54
55 return {
56 init: init,
57 isDesktop:isDesktop,
58 };
59
60 }(jQuery));
61
62 jQuery(document).ready(Responsive.init);
63
64 export { Responsive };
...\ No newline at end of file ...\ No newline at end of file
...@@ -13,10 +13,64 @@ import './accessibility'; ...@@ -13,10 +13,64 @@ import './accessibility';
13 import "./_resources_list"; 13 import "./_resources_list";
14 import "./_custom_select"; 14 import "./_custom_select";
15 import "./_accordion"; 15 import "./_accordion";
16 import "./_responsive";
17
18 function checkOffsetForTopper() {
19 if(jQuery('.the-topper a').offset().top + jQuery('.the-topper a').height()
20 >= jQuery('#new-footer').offset().top - 300)
21 jQuery('.the-topper').addClass('stopper');
22 if(jQuery(document).scrollTop() + window.innerHeight < jQuery('#new-footer').offset().top)
23 jQuery('.the-topper').removeClass('stopper');
24 }
25
26 function getIsExternLink($link) {
27 $link = $link.trim();
28 if($link.indexOf('brokers') === -1 &&
29 $link.indexOf('localhost') === -1 && $link.indexOf('mailto:') === -1 && $link.indexOf('tel:') === -1 && $link.indexOf('#') !== 0) {
30 if($link !== "/" && $link !== "#" && $link.indexOf('/') !== 0) {
31 return true;
32 }
33 }
34 }
16 35
36 jQuery(document).ready(function($) {
17 37
38 if($('#page-content').outerHeight() >= 1000) {
39 $('#page-content').addClass('topper');
40 $('.the-topper').removeClass('hide');
41 }
18 42
19 jQuery(document).ready(function($) { 43 $('.the-topper a').on('click', function(e) {
44 e.preventDefault();
45 $(window).scrollTop(0);
46 });
47
48 $('#page-content a').each(function() {
49 if(jQuery(this).is("a") && jQuery(this).find('.download-bar').length == 0
50 && jQuery(this).text().length > 4) {
51 var _href = jQuery(this).attr('href');
52 if(_href) {
53 if(_href.indexOf('.pdf') !== -1) {
54 jQuery(this).addClass('pdf');
55 } else if(_href.indexOf('.xls') !== -1) {
56 jQuery(this).addClass('xls');
57 } else if(_href.indexOf('mailto:') !== -1) {
58 jQuery(this).addClass('mailto');
59 } else if(_href.indexOf('tel:') !== -1) {
60 jQuery(this).addClass('tel');
61 } else if(getIsExternLink(_href)) {
62 console.log(jQuery(this).parent())
63 if(jQuery(this).parents('.entry-content').length > 0) {
64 jQuery(this).html(jQuery(this).html() + "&nbsp;")
65 }
66 jQuery(this).addClass('extern');
67 if(jQuery(this).is('a')) {
68 jQuery(this).attr('target','_blank');
69 }
70 }
71 }
72 }
73 });
20 74
21 $('.favourite').on('click', function(e) { 75 $('.favourite').on('click', function(e) {
22 e.preventDefault(); 76 e.preventDefault();
...@@ -41,6 +95,7 @@ jQuery(document).ready(function($) { ...@@ -41,6 +95,7 @@ jQuery(document).ready(function($) {
41 }); 95 });
42 96
43 function scrollScripts() { 97 function scrollScripts() {
98 checkOffsetForTopper();
44 if(!jQuery('#content-wrap').hasClass('retract')) { 99 if(!jQuery('#content-wrap').hasClass('retract')) {
45 if(jQuery(window).scrollTop() >= 50) { 100 if(jQuery(window).scrollTop() >= 50) {
46 jQuery('body').addClass('retract'); 101 jQuery('body').addClass('retract');
...@@ -69,7 +124,7 @@ jQuery(document).ready(function($) { ...@@ -69,7 +124,7 @@ jQuery(document).ready(function($) {
69 scrolling = false; 124 scrolling = false;
70 scrollScripts(); 125 scrollScripts();
71 } 126 }
72 }, 250 ); 127 }, 50 );
73 128
74 // or for modern browsers 129 // or for modern browsers
75 document.addEventListener( 'wheel', function( evt ) { 130 document.addEventListener( 'wheel', function( evt ) {
......
1 jQuery(document).ready( 1 jQuery(document).ready(
2 function ($) { 2 function ($) {
3 3
4 $('.mobile-btn').on('click', function() {
5 $('.col-sm-smallMenu').toggleClass('show');
6 });
4 7
5 // Hide Header on on scroll down 8 // Hide Header on on scroll down
6 var didScroll; 9 var didScroll;
......
1 .accordian { 1 .accordian {
2 background:#D6EAF9; 2 background:#D6EAF9;
3 margin-bottom:2px; 3 margin-bottom:2px;
4 a {
5 border: 0 !important;
6 padding:0 !important;
7 &:before {
8 display: none !important;
9 }
10 }
4 } 11 }
5 12
6 .accordian_title { 13 .accordian_title {
...@@ -20,6 +27,19 @@ ...@@ -20,6 +27,19 @@
20 color:#009ADE; 27 color:#009ADE;
21 cursor: pointer; 28 cursor: pointer;
22 padding-left: 1.25rem; 29 padding-left: 1.25rem;
30 &:hover {
31 color:#000000;
32 .accordian_toggler {
33 &.active {
34 &:after {
35 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.03" height="15.697" viewBox="0 0 21.03 15.697"><g id="Component_115" data-name="Component 115" transform="translate(-4)"><path id="Path_1302" data-name="Path 1302" d="M0,0V15.7H4.254V13.842H2.285V1.854H4.254V0Z" transform="translate(4 0)"/><path id="Path_1303" data-name="Path 1303" d="M10.152,8.472V6.547h8.727V8.472Z" transform="translate(0 0)"/><path id="Path_1304" data-name="Path 1304" d="M24.777,0V1.854h1.96V13.842h-1.96V15.7H29.03V0Z" transform="translate(-4 0)"/></g></svg>');
36 }
37 }
38 &:after {
39 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.03" height="15.697" viewBox="0 0 21.03 15.697"><g id="Component_114" data-name="Component 114" transform="translate(-4)"><path id="Path_1302" data-name="Path 1302" d="M0,0V15.7H4.254V13.842H2.285V1.854H4.254V0Z" transform="translate(4 0)"/><path id="Path_1303" data-name="Path 1303" d="M13.553,8.472h-3.4V6.547h3.4V3.119h1.925V6.547h3.4V8.472h-3.4v3.384H13.553Z" transform="translate(0 0)"/><path id="Path_1304" data-name="Path 1304" d="M24.777,0V1.854h1.96V13.842h-1.96V15.7H29.03V0Z" transform="translate(-4 0)"/></g></svg>');
40 }
41 }
42 }
23 } 43 }
24 44
25 .accordian_toggler { 45 .accordian_toggler {
...@@ -59,6 +79,7 @@ ...@@ -59,6 +79,7 @@
59 height: 0; 79 height: 0;
60 overflow: hidden; 80 overflow: hidden;
61 position: relative; 81 position: relative;
82 font-size: 1rem;
62 // &:before { 83 // &:before {
63 // content:''; 84 // content:'';
64 // width: 100%; 85 // width: 100%;
...@@ -82,10 +103,11 @@ ...@@ -82,10 +103,11 @@
82 &:before { 103 &:before {
83 content:''; 104 content:'';
84 width: 100%; 105 width: 100%;
106 width: calc(100% - 2.25rem);
85 height: 1px; 107 height: 1px;
86 background:#949598; 108 background:#949598;
87 position: absolute; 109 position: absolute;
88 left:0; 110 left:1.25rem;
89 top:-0.5rem; 111 top:-0.5rem;
90 } 112 }
91 &:last-child { 113 &:last-child {
......
1 .broker-event {
2 display: flex;
3 width: 100%;
4 align-items: center;
5 margin-top:1.375rem;
6 .be-info {
7 flex:1;
8 align-items: center;
9 padding-left:1rem;
10 font-size: 1rem;
11 padding-right:2rem;
12 .be-title {
13 font-family: "Helvetica-Bold";
14 }
15 }
16 .be-btn {
17 a {
18 width: 254px;
19 padding:1.1875rem;
20 text-align: center;
21 font-family: "Helvetica";
22 border: 0;
23 background:#009ADE;
24 font-size: 1.25rem;
25 &.btn-disabled {
26 background:#F2F2F2;
27 pointer-events: none;
28 color:#949598;
29 }
30 &:hover {
31 background:#7FCCEE;
32 text-decoration: none;
33 }
34 &:before {
35 display: none;
36 }
37 }
38 }
39 .be-cal {
40 text-align: center;
41 border:6px solid #76bc21;
42 border-radius: 6px;
43 width: 92px;
44 height: 92px;
45 display: flex;
46 flex-direction: column;
47 p {
48 display: none;
49 }
50 .be-cal-month {
51 text-transform: uppercase;
52 color:#76bc21;
53 font-family: "Helvetica-Bold";
54 }
55 .be-cal-day {
56 border-top:6px solid #76bc21;
57 font-size: 40px;
58 font-family: "Helvetica-Bold";
59 flex: 1;
60 display: inline-flex;
61 align-items: center;
62 justify-content: center;
63 color:#76bc21;
64 }
65 }
66 }
...\ No newline at end of file ...\ No newline at end of file
1 @media(max-width:768px) {
2 #page-content {
3 .inner-content-wrapper {
4 flex-direction: column;
5 }
6 .col-sm-smallMenu {
7 flex-direction: column;
8 display: none;
9 top:8.25rem;
10 a {
11 width: 100%;
12 text-decoration: none !important;
13 }
14 .logout-btn {
15 width: auto;
16 }
17 .selected-arrow {
18 display: none;
19 }
20 &.show {
21 background:white;
22 display: block;
23 }
24 a.tab_menu img {
25 float: none;
26 }
27 a.tab_menu .tab_label {
28 float: none;
29 }
30 #sault {
31 padding: 1rem 0;
32 align-items: end;
33 padding-right:1.5rem;
34 }
35 }
36 }
37 .broker-event {
38 flex-direction: column;
39 text-align: center;
40 }
41 #brokercontent {
42 padding-top:0 !important;
43 margin-top:87px !important;
44
45 }
46 .header-title {
47 display: none;
48 }
49 #sault {
50 flex-direction: column;
51 }
52 #page-header-landing #page-logo:after {
53 display: none;
54 }
55 #page-header-landing #page-logo {
56 padding-right: 0 !important;
57 }
58 #content-wrap {
59 height: 6.25rem !important;
60 -webkit-box-shadow: 0px 2px 4px -2px #000000;
61 box-shadow: 0px 2px 4px -2px #000000;
62 padding-bottom: 0;
63 .mobile-btn {
64 width: 37px;
65 height: 35px;
66 background:url('data:image/svg+xml,<svg id="Hamburger" xmlns="http://www.w3.org/2000/svg" width="37" height="35" viewBox="0 0 37 35"><rect id="Rectangle_416" data-name="Rectangle 416" width="37" height="35" fill="%23fff"/><rect id="Rectangle_3" data-name="Rectangle 3" width="28" height="4" rx="1" transform="translate(4 5)" fill="%23009ade"/><rect id="Rectangle_4" data-name="Rectangle 4" width="28" height="4" rx="1" transform="translate(4 15)" fill="%23009ade"/><rect id="Rectangle_5" data-name="Rectangle 5" width="28" height="4" rx="1" transform="translate(4 25)" fill="%23009ade"/></svg>');
67 background-repeat: no-repeat;
68 background-size: contain;
69 border: 0;
70 position: absolute;
71 bottom: 1rem;
72 right:1rem;
73 }
74 #page-header-landing {
75 justify-content: center;
76 align-items: center;
77 padding-bottom: 0;
78 height: 100%;
79 }
80 &.retract {
81 top:0 !important;
82 & + #brokercontent {
83 .col-sm-smallMenu {
84 top:6.25rem !important;
85 }
86 }
87 }
88 }
89
90 #otherpage-logo {
91 min-height: auto;
92 }
93
94 #content-wrap #otherpage-logo {
95 width: 146px !important;
96 }
97
98 .sidebar-pullout {
99 display: block;
100 position: absolute;
101 top: 0;
102 right: 0;
103 width: 100%;
104 height: 40px;
105 display: flex;
106 align-items: center;
107 background:#F2F2F2;
108
109 .pullout-btn {
110 border: 0;
111 width: 40px;
112 height: 40px;
113 background:url('data:image/svg+xml,<svg id="Button_-_Open_Team" data-name="Button - Open Team" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><rect id="Rectangle_414" data-name="Rectangle 414" width="40" height="40" fill="%23009ade"/><g id="Group_1503" data-name="Group 1503" transform="translate(-180.822 -281.293)"><path id="Path_733" data-name="Path 733" d="M5.835,4.308c.248-.255.488-.507.734-.753Q8.241,1.886,9.916.22A.643.643,0,0,1,10.857.2c.218.2.427.419.628.639a.624.624,0,0,1-.034.868L9.416,3.742q-1.549,1.549-3.1,3.1a.685.685,0,0,1-.577.224.662.662,0,0,1-.4-.21Q3.584,5.1,1.831,3.349C1.295,2.812.762,2.272.221,1.739A.648.648,0,0,1,.18.8C.386.588.593.371.816.173a.628.628,0,0,1,.91.047Q2.566,1.057,3.4,1.9q1.185,1.18,2.373,2.357Z" transform="translate(207.891 295.293) rotate(90)"/><path id="Path_1463" data-name="Path 1463" d="M5.835,4.308c.248-.255.488-.507.734-.753Q8.241,1.886,9.916.22A.643.643,0,0,1,10.857.2c.218.2.427.419.628.639a.624.624,0,0,1-.034.868L9.416,3.742q-1.549,1.549-3.1,3.1a.685.685,0,0,1-.577.224.662.662,0,0,1-.4-.21Q3.584,5.1,1.831,3.349C1.295,2.812.762,2.272.221,1.739A.648.648,0,0,1,.18.8C.386.588.593.371.816.173a.628.628,0,0,1,.91.047Q2.566,1.057,3.4,1.9q1.185,1.18,2.373,2.357Z" transform="translate(201.891 295.293) rotate(90)"/></g></svg>');
114 background-repeat: no-repeat;
115 background-size: contain;
116 position: absolute;
117 right: 0;
118 }
119 .sidebar-title {
120 position: absolute;
121 right: 3.5rem;
122 font-size: 1rem;
123 }
124 }
125
126 .inner-content-wrapper {
127 margin-top:24px;
128 }
129
130 .sidebar-title {
131
132 }
133
134 .header-image {
135 height: 8.75rem;
136 }
137
138 .sidebar {
139 display: none;
140 &.show {
141 display: block;
142 }
143 }
144 }
...@@ -4,8 +4,170 @@ ...@@ -4,8 +4,170 @@
4 transition: height 0.3s; 4 transition: height 0.3s;
5 } 5 }
6 6
7 table {
8 a {
9 border: 0 !important;
10 padding:0 !important;
11 &:before {
12 top:auto !important;
13 left: auto !important;
14 }
15 }
16 }
17
18 .sidebar-pullout {
19 display: none;
20 }
21
22 .stk-block-carousel__button.stk-block-carousel__button__next {
23 position: absolute !important;
24 right: -40px !important;
25 top: 3.75rem !important;
26 &:after {
27 background:url('data:image/svg+xml,<svg id="Button_-_Right_Arrow" data-name="Button - Right Arrow" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35"><rect id="Rectangle_14" data-name="Rectangle 14" width="35" height="35" fill="%23009ade"/><path id="Path_734" data-name="Path 734" d="M9.41,6.941c.651-.659,1.289-1.312,1.936-1.958Q13.671,2.659,16,.34a1.044,1.044,0,0,1,1.543,0c.3.3.6.6.9.9a1.023,1.023,0,0,1-.006,1.531q-2.094,2.093-4.186,4.188-2.03,2.032-4.058,4.067a1.133,1.133,0,0,1-.759.362,1.081,1.081,0,0,1-.835-.36Q7.03,9.456,5.463,7.885,3.331,5.75,1.2,3.617c-.29-.29-.582-.58-.871-.871a1.017,1.017,0,0,1,.011-1.5L1.226.355a1.043,1.043,0,0,1,1.566,0L6.568,4.116,9.3,6.839C9.329,6.865,9.357,6.89,9.41,6.941Z" transform="translate(12.806 26.891) rotate(-90)"/></svg>');
28 content:'';
29 width: 35px;
30 height: 35px;
31 }
32 svg {
33 display: none;
34 }
35 }
36
37 #brokercontent .learning-cards .ugb-button {
38 font-size: 1rem;
39 }
40 #brokercontent .learning-cards .ugb-card__item {
41 display: flex;
42 flex-direction: column;
43 justify-content: space-between;
44 }
45
46 .ugb-card.ugb-card--v2 .ugb-card__content {
47 flex: 0;
48 }
49
50 #brokercontent .learning-cards {
51 margin-top:2.5rem;
52 }
53
54 .wp-block-column.has-background {
55 padding:2.875rem 1.125rem 1.125rem 1.125rem;
56 justify-content: space-between;
57 display: flex;
58 flex-direction: column;
59 p {
60 padding-right:0;
61 margin:1rem 0 !important;
62 }
63 .wp-block-buttons {
64 width: 100%;
65 display: flex;
66 .wp-block-button {
67 flex: 1;
68 }
69 }
70 }
71
72 .wp-block-file {
73 a {
74 color:#000000;
75 font-size: 1rem;
76 font-family: "Helvetica-Bold";
77 &:hover {
78 text-decoration: underline;
79 }
80 }
81 .wp-block-file__button {
82 display: none;
83 }
84 }
85
86 .stk-block-carousel__buttons {
87 top:0;
88 left:0;
89 width: 100%;
90 display: block;
91 }
92
93 .wp-block-stackable-video-popup {
94 max-height: 9.625rem;
95 height: 9.625rem;
96 margin:0;
97 background:#E5E5E5;
98 }
99
100 .stk-block-carousel__dots {
101 display: none;
102 }
103
104 .stk-block-carousel__button {
105 background:none !important;
106 }
107
108 .wp-block-stackable-carousel {
109 .stk-block-content {
110 p {
111 text-align: center;
112 }
113 }
114 .wp-block-stackable-video-popup {
115 padding:0;
116 }
117 .stk-block-video-popup__overlay {
118 max-height: 100%;
119 height: 100%;
120 p {
121 display: none !important;
122 }
123 }
124 }
125
126 .stk-block-carousel__button.stk-block-carousel__button__prev {
127 position: absolute !important;
128 left: -40px !important;
129 top: 3.75rem !important;
130 &:after {
131 background:url('data:image/svg+xml,<svg id="Button_-_Left_Arrow" data-name="Button - Left Arrow" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35"><rect id="Rectangle_14" data-name="Rectangle 14" width="35" height="35" fill="%23009ade"/><path id="Path_734" data-name="Path 734" d="M9.41,4.448c.651.659,1.289,1.312,1.936,1.958Q13.671,8.73,16,11.049a1.044,1.044,0,0,0,1.543,0c.3-.3.6-.6.9-.9a1.023,1.023,0,0,0-.006-1.531Q16.341,6.525,14.249,4.43,12.219,2.4,10.191.364A1.133,1.133,0,0,0,9.432,0,1.081,1.081,0,0,0,8.6.362Q7.03,1.933,5.463,3.5,3.331,5.639,1.2,7.772c-.29.29-.582.58-.871.871a1.017,1.017,0,0,0,.011,1.5l.889.889a1.043,1.043,0,0,0,1.566,0L6.568,7.273,9.3,4.55C9.329,4.524,9.357,4.5,9.41,4.448Z" transform="translate(10.806 26.891) rotate(-90)"/></svg>');
132 content:'';
133 width: 35px;
134 height: 35px;
135 }
136 &:hover {
137 background:url('data:image/svg+xml,<svg id="Button_-_Left_Arrow" data-name="Button - Left Arrow" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35"><rect id="Rectangle_14" data-name="Rectangle 14" width="35" height="35" fill="%23acd6f2"/><path id="Path_734" data-name="Path 734" d="M9.41,4.448c.651.659,1.289,1.312,1.936,1.958Q13.671,8.73,16,11.049a1.044,1.044,0,0,0,1.543,0c.3-.3.6-.6.9-.9a1.023,1.023,0,0,0-.006-1.531Q16.341,6.525,14.249,4.43,12.219,2.4,10.191.364A1.133,1.133,0,0,0,9.432,0,1.081,1.081,0,0,0,8.6.362Q7.03,1.933,5.463,3.5,3.331,5.639,1.2,7.772c-.29.29-.582.58-.871.871a1.017,1.017,0,0,0,.011,1.5l.889.889a1.043,1.043,0,0,0,1.566,0L6.568,7.273,9.3,4.55C9.329,4.524,9.357,4.5,9.41,4.448Z" transform="translate(10.806 26.891) rotate(-90)"/></svg>');
138 }
139 svg {
140 display: none;
141 }
142 }
7 143
8 .sidebar { 144 .sidebar {
145 .sidemenu {
146 ul {
147 list-style: none;
148 padding:0;
149 margin:0;
150 li {
151 margin:0;
152 margin-top:1rem;
153 a {
154 color:#009ADE;
155 font-size: 1rem;
156 }
157 &.btn-style {
158 a {
159 font-weight: normal;
160 font-size: 1rem;
161 padding:1.25rem 1.5rem;
162 color:#000000;
163 background:#1F9BDE;
164 text-align: center;
165 font-family: "Helvetica";
166 }
167 }
168 }
169 }
170 }
9 & > h2 { 171 & > h2 {
10 margin-top:0; 172 margin-top:0;
11 font-size: 20px; 173 font-size: 20px;
......
...@@ -275,22 +275,38 @@ label[for="quicksearch"] { ...@@ -275,22 +275,38 @@ label[for="quicksearch"] {
275 align-items: center; 275 align-items: center;
276 max-height: 100%; 276 max-height: 100%;
277 height: 100%; 277 height: 100%;
278 }
279
280 .previous.paginate_button {
278 &:hover { 281 &:hover {
279 &:before { 282 &:before {
280 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095 0) rotate(90)" fill="%23acd6f2"/></svg>') !important; 283 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095 0) rotate(90)" fill="%23acd6f2"/></svg>') !important;
281 background-size: contain; 284 background-size: contain !important;
282 background-repeat: no-repeat; 285 background-repeat: no-repeat !important;
286 transform:rotate(180deg);
283 } 287 }
284 } 288 }
285 } 289 }
290
291 .next.paginate_button {
292 &:hover {
293 &:before {
294 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095 0) rotate(90)" fill="%23acd6f2"/></svg>') !important;
295 background-size: contain !important;
296 background-repeat: no-repeat !important;
297 }
298 }
299
300 }
301
286 .previous.paginate_button:before { 302 .previous.paginate_button:before {
287 position: relative; 303 position: relative;
288 content: ''; 304 content: '';
289 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M18.82,189.571c.52-.526,1.03-1.048,1.546-1.564q1.857-1.856,3.718-3.708a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222l-3.343,3.344q-1.621,1.623-3.241,3.248a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288q-1.251-1.255-2.5-2.51l-3.407-3.408c-.232-.232-.465-.463-.7-.7a.812.812,0,0,1,.008-1.2l.71-.71a.833.833,0,0,1,1.25,0l3.016,3,2.184,2.175Z" transform="translate(193.124 -11.305) rotate(90)" fill="%23009ade"/></svg>'); 305 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M18.82,189.571c.52-.526,1.03-1.048,1.546-1.564q1.857-1.856,3.718-3.708a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222l-3.343,3.344q-1.621,1.623-3.241,3.248a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288q-1.251-1.255-2.5-2.51l-3.407-3.408c-.232-.232-.465-.463-.7-.7a.812.812,0,0,1,.008-1.2l.71-.71a.833.833,0,0,1,1.25,0l3.016,3,2.184,2.175Z" transform="translate(193.124 -11.305) rotate(90)" fill="%23009ade"/></svg>');
290 background-size: contain; 306 background-size: contain !important;
291 background-repeat: no-repeat; 307 background-repeat: no-repeat !important;
292 width: 12px; 308 width: 9px;
293 height: 16px; 309 height: 15px;
294 display: block; 310 display: block;
295 margin-top: -3px; 311 margin-top: -3px;
296 } 312 }
...@@ -298,12 +314,11 @@ label[for="quicksearch"] { ...@@ -298,12 +314,11 @@ label[for="quicksearch"] {
298 .next.paginate_button::before { 314 .next.paginate_button::before {
299 position: relative; 315 position: relative;
300 content:''; 316 content:'';
301 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M18.82,189.571c.52-.526,1.03-1.048,1.546-1.564q1.857-1.856,3.718-3.708a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222l-3.343,3.344q-1.621,1.623-3.241,3.248a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288q-1.251-1.255-2.5-2.51l-3.407-3.408c-.232-.232-.465-.463-.7-.7a.812.812,0,0,1,.008-1.2l.71-.71a.833.833,0,0,1,1.25,0l3.016,3,2.184,2.175Z" transform="translate(193.124 -11.305) rotate(90)" fill="%23009ade"/></svg>'); 317 background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095 0) rotate(90)" fill="%23009ade"/></svg>');
302 background-size: contain; 318 background-size: contain;
303 background-repeat: no-repeat; 319 background-repeat: no-repeat;
304 transform:rotate(180deg); 320 width: 9px;
305 width: 12px; 321 height: 15px;
306 height: 16px;
307 display: block; 322 display: block;
308 margin-top: -3px; 323 margin-top: -3px;
309 } 324 }
......
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
7 @import "custom_select"; 7 @import "custom_select";
8 @import "breadcrumb"; 8 @import "breadcrumb";
9 @import "accordion"; 9 @import "accordion";
10 @import "events";
10 11
11 #footer-sidebar2 { 12 #footer-sidebar2 {
12 display: flex; 13 display: flex;
...@@ -82,7 +83,7 @@ ...@@ -82,7 +83,7 @@
82 display: flex; 83 display: flex;
83 gap:40px; 84 gap:40px;
84 .sidebar { 85 .sidebar {
85 width: 16.625rem; 86 width: 17.125rem;
86 } 87 }
87 .article-wrapper.has-sidebar { 88 .article-wrapper.has-sidebar {
88 max-width: 54.125rem; 89 max-width: 54.125rem;
...@@ -3451,3 +3452,5 @@ a[target=_blank]{ ...@@ -3451,3 +3452,5 @@ a[target=_blank]{
3451 3452
3452 @import "broker_new"; 3453 @import "broker_new";
3453 @import "redesign_2023"; 3454 @import "redesign_2023";
3455
3456 @import "mobile";
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -12,6 +12,7 @@ require_once 'inc/custom_post_type.php'; ...@@ -12,6 +12,7 @@ require_once 'inc/custom_post_type.php';
12 require_once 'inc/broker_post_system.php'; 12 require_once 'inc/broker_post_system.php';
13 require_once 'inc/shortcodes-resources.php'; 13 require_once 'inc/shortcodes-resources.php';
14 require_once 'inc/shortcodes-circulars.php'; 14 require_once 'inc/shortcodes-circulars.php';
15 require_once 'inc/blocks.php';
15 require_once 'inc/breadcrumb.php'; 16 require_once 'inc/breadcrumb.php';
16 17
17 function load_custom_wp_admin_style(){ 18 function load_custom_wp_admin_style(){
......
...@@ -132,16 +132,10 @@ ...@@ -132,16 +132,10 @@
132 </script> 132 </script>
133 133
134 <div id="content-wrap"> 134 <div id="content-wrap">
135
135 <?php 136 <?php
136 if (function_exists(clean_custom_moblie_menus())) clean_custom_moblie_menus(); 137 // if (function_exists(clean_custom_moblie_menus())) clean_custom_moblie_menus();
137 ?> 138 ?>
138 <style>
139 @media screen and (max-device-width: 480px) {
140 body {
141 -webkit-text-size-adjust: 100%;
142 }
143 }
144 </style>
145 139
146 <header id="page-header-landing"> 140 <header id="page-header-landing">
147 <div id="page-logo"> 141 <div id="page-logo">
...@@ -158,4 +152,5 @@ ...@@ -158,4 +152,5 @@
158 <a class='logout-btn' href='http://localhost:3000/wp-login.php?action=logout' target='_blank'>Log Out</a> 152 <a class='logout-btn' href='http://localhost:3000/wp-login.php?action=logout' target='_blank'>Log Out</a>
159 </div> 153 </div>
160 </header> 154 </header>
155 <button class='mobile-btn'></button>
161 </div> 156 </div>
...\ No newline at end of file ...\ No newline at end of file
......
1 <?php
2
3 add_action('acf/init', 'my_acf_init_block_types');
4 function my_acf_init_block_types() {
5
6 // Check function exists.
7 if( function_exists('acf_register_block_type') ) {
8
9 acf_register_block_type( array(
10 'title' => __( 'Events Block', 'client_textdomain' ),
11 'name' => 'events_block',
12 'render_template' => 'blocks/events/events.php',
13 'mode' => 'edit',
14 'supports' => [
15 'align' => false,
16 'anchor' => true,
17 'customClassName' => true
18 ]
19 ));
20
21 }
22 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -65,6 +65,14 @@ if( function_exists('acf_add_options_page') ) { ...@@ -65,6 +65,14 @@ if( function_exists('acf_add_options_page') ) {
65 65
66 //Create the options page for the broker assignments 66 //Create the options page for the broker assignments
67 acf_add_options_page(array( 67 acf_add_options_page(array(
68 'page_title' => 'Events',
69 'menu_title' => 'Events',
70 'menu_slug' => 'broker-events',
71 'redirect' => false
72 ));
73
74 //Create the options page for the broker assignments
75 acf_add_options_page(array(
68 'page_title' => 'Team Assignments', 76 'page_title' => 'Team Assignments',
69 'menu_title' => 'Team Assignments', 77 'menu_title' => 'Team Assignments',
70 'menu_slug' => 'team-assignments', 78 'menu_slug' => 'team-assignments',
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 */ 4 */
5 5
6 global $user_ID; 6 global $user_ID;
7 get_currentuserinfo(); 7 wp_get_current_user();
8 if (!$user_ID) { 8 if (!$user_ID) {
9 auth_redirect(); 9 auth_redirect();
10 } 10 }
...@@ -14,8 +14,6 @@ global $wpdb; ...@@ -14,8 +14,6 @@ global $wpdb;
14 ?> 14 ?>
15 <div id="brokercontent"> 15 <div id="brokercontent">
16 16
17
18
19 <?php if (has_post_thumbnail( $post->ID ) ): ?> 17 <?php if (has_post_thumbnail( $post->ID ) ): ?>
20 <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> 18 <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
21 <div class="header-image" id="header-image" style="background-image: url(<?php echo $image[0]; ?>);"> 19 <div class="header-image" id="header-image" style="background-image: url(<?php echo $image[0]; ?>);">
...@@ -33,18 +31,23 @@ global $wpdb; ...@@ -33,18 +31,23 @@ global $wpdb;
33 ?> 31 ?>
34 <div class='inner-content-wrapper'> 32 <div class='inner-content-wrapper'>
35 33
34 <div class='sidebar-pullout'>
35 <span class='sidebar-title'><?= __("Your Commonwell Team") ?></span>
36 <button class='pullout-btn'></button>
37 </div>
38
36 <?php 39 <?php
37 $sidebar_content = null; 40 $sidebar_content = null;
38 ?> 41 ?>
39 42
43 <!-- CHECK IF THIS PAGE HAS A MENU -->
44 <?php ob_start(); include_once 'templates/menu-sidebar.php'; $sidebar_content = ob_get_clean(); ?>
45
40 <!-- CHECK IF THIS IS THE HOMEPAGE.. DISPLAY THE CONTACTS --> 46 <!-- CHECK IF THIS IS THE HOMEPAGE.. DISPLAY THE CONTACTS -->
41 <?php if(is_front_page()) { ?> 47 <?php if(is_front_page()) { ?>
42 <?php ob_start(); include_once 'templates/broker_sidebar.php'; $sidebar_content = ob_get_clean(); ?> 48 <?php ob_start(); include_once 'templates/broker_sidebar.php'; $sidebar_content .= ob_get_clean(); ?>
43 <?php } ?> 49 <?php } ?>
44 50
45 <!-- CHECK IF THIS PAGE HAS 2nd tier menu items -->
46 <?php ?>
47
48 <!-- CHECK IF THIS PAGE HAS A SEARCH MODULE --> 51 <!-- CHECK IF THIS PAGE HAS A SEARCH MODULE -->
49 <?php ob_start(); include_once 'templates/search-sidebar.php'; $sidebar_content .= ob_get_clean(); ?> 52 <?php ob_start(); include_once 'templates/search-sidebar.php'; $sidebar_content .= ob_get_clean(); ?>
50 53
...@@ -57,6 +60,10 @@ global $wpdb; ...@@ -57,6 +60,10 @@ global $wpdb;
57 <?php get_template_part('loop', 'single');?> 60 <?php get_template_part('loop', 'single');?>
58 </div> 61 </div>
59 62
63 <div class='the-topper hide'>
64 <a href='#'>Go to Top</a>
65 </div>
66
60 </div> 67 </div>
61 </div> 68 </div>
62 </div> 69 </div>
......
1
2 <?php
3
4 $menu = get_field('side_menu_items');
5
6
7 if($menu && count($menu) > 0) {
8 ?><div class='sidemenu'><ul><?php
9 foreach($menu as $menu_item) {
10 $info = $menu_item['menu_items'];
11 $btn_style = $menu_item['button_style'];
12 ?>
13 <li class='<?= ($btn_style)?'btn_style':'' ?>'><a href='<?= $info['url'] ?>' target='<?= $info['target'] ?>'><?= $info['title'] ?></a></li>
14 <?php
15 }
16 ?></div></ul><?php
17 }
...\ No newline at end of file ...\ No newline at end of file