Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
23cd6b2a by Jeff Balicki
Options

sss 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent f0a27b5d
Inline Side-by-side
Showing 15 changed files with 259 additions and 30 deletions
......@@ -14469,7 +14469,7 @@ body {
font-family: "Open Sans", sans-serif;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.site {
overflow-x: hidden;
}
......@@ -14486,6 +14486,12 @@ h1, .h1 {
font-family: "Poppins", sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 768px) {
h1, .h1 {
font-size: 32px;
line-height: 42px;
}
}
h2, .h2 {
color: #0484B8;
......@@ -14630,6 +14636,11 @@ input[type=checkbox] {
width: 149px;
margin-left: 30px;
}
@media only screen and (max-width: 768px) {
.pre-header .desktop {
display: none;
}
}
#main-nav {
background-color: #fff;
......@@ -14639,10 +14650,20 @@ input[type=checkbox] {
#main-nav .custom-logo-link {
margin-left: 0px;
}
@media only screen and (max-width: 768px) {
#main-nav .custom-logo-link {
width: 70%;
}
}
#main-nav .custom-logo-link img {
transition: 0.4s;
width: 349px;
}
@media only screen and (max-width: 768px) {
#main-nav .custom-logo-link img {
width: 100%;
}
}
#main-nav .navbar-nav.sign-up {
margin-bottom: 20px;
}
......@@ -14693,6 +14714,16 @@ input[type=checkbox] {
color: #2c2c2c;
text-decoration: underline;
}
#main-nav .mobile {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 768px) {
#main-nav .mobile {
display: block;
visibility: visible;
}
}
.admin-bar .fixed-top {
top: 32px;
......@@ -14704,12 +14735,22 @@ input[type=checkbox] {
#main-nav.fixed-top #main-menu {
top: -20px;
}
@media only screen and (max-width: 768px) {
#main-nav.fixed-top #main-menu {
top: 0px;
}
}
#main-nav.fixed-top #login-menu {
top: -60px;
}
#main-nav.fixed-top .custom-logo-link img {
width: 240px !important;
}
@media only screen and (max-width: 768px) {
#main-nav.fixed-top .custom-logo-link img {
width: 180px !important;
}
}
.hero-container {
background-position: top right;
......@@ -14745,6 +14786,12 @@ input[type=checkbox] {
width: 60%;
height: 520px;
}
@media only screen and (max-width: 768px) {
.hero-content {
width: 95%;
margin: auto;
}
}
.hero-content h1, .hero-content .h1 {
color: #fff;
margin-bottom: 10px;
......@@ -14798,24 +14845,36 @@ input[type=checkbox] {
background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
#search {
.search {
display: none;
}
#search .search-form {
.search .search-form {
width: 60%;
margin: auto;
margin-top: 40px;
}
#search .search-form label {
@media only screen and (max-width: 768px) {
.search .search-form {
width: 100%;
margin-top: 0px;
margin-bottom: 10px;
}
}
.search .search-form label {
width: 90%;
}
#search .search-form .search-field {
@media only screen and (max-width: 768px) {
.search .search-form label {
width: 95%;
}
}
.search .search-form .search-field {
all: unset;
width: 100%;
margin: auto;
border-bottom: 1px solid #2c2c2c;
}
#search .search-form .search-submit {
.search .search-form .search-submit {
all: unset;
background-color: #0484B8;
color: #fff;
......@@ -14824,10 +14883,16 @@ input[type=checkbox] {
top: -10px;
left: -56px;
}
#search .search-form .search-submit:hover {
@media only screen and (max-width: 768px) {
.search .search-form .search-submit {
left: unset;
margin-left: -10%;
}
}
.search .search-form .search-submit:hover {
background-color: #2c2c2c;
}
#search .close {
.search .close {
all: unset;
position: relative;
top: -10px;
......@@ -14838,18 +14903,64 @@ input[type=checkbox] {
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
#search .close:hover {
@media only screen and (max-width: 768px) {
.search .close {
display: none;
visibility: hidden;
}
}
.search .close:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
#search.open {
.search.open:not(.mobile-search) {
display: block;
top: 57px;
width: 100%;
height: 128px;
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
z-index: 999;
}
@media only screen and (max-width: 768px) {
.search.open:not(.mobile-search) {
display: none;
visibility: hidden;
}
}
.search.open.mobile {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 768px) {
.search.open.mobile {
position: absolute;
display: block;
visibility: visible;
}
}
.navbar-toggler {
position: absolute;
top: 40px;
right: 20px;
}
.fixed-top .navbar-toggler {
top: 20px;
}
@media only screen and (max-width: 768px) {
#navbarNavDropdown {
background-color: #fff;
z-index: 99;
width: 100vw;
position: relative;
margin-top: -2px;
padding: 20px 30px;
}
}
#wrapper-footer-full {
background-color: #fff;
......@@ -15248,6 +15359,12 @@ input[type=checkbox] {
width: 48px;
padding: 8px 10px;
}
@media only screen and (max-width: 768px) {
.custom-addtoany {
position: absolute;
z-index: 9;
}
}
.admin-bar .custom-addtoany {
top: 217px;
......
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.
......@@ -12,7 +12,7 @@ defined( 'ABSPATH' ) || exit;
$container = get_theme_mod( 'understrap_container_type' );
?>
<nav id="main-nav" class="navbar navbar-expand-md navbar-dark bg-primary" aria-labelledby="main-nav-label">
<nav id="main-nav" class="navbar navbar-expand-md navbar-light" aria-labelledby="main-nav-label">
<h2 id="main-nav-label" class="screen-reader-text">
<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
......
......@@ -31,7 +31,7 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
<div class="col align-self-center">
Powered by St. Joseph’s Health Centre Guelph
</div>
<div class="col align-self-center">
<div class="col align-self-center desktop">
</div>
<div class="col align-self-center sponsored">
......@@ -42,7 +42,11 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
</div>
<!-- ******************* The Navbar Area ******************* -->
<header id="wrapper-navbar">
<div id="search">
<!-- <a class="skip-link" href="#content"><z?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> -->
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
<div class="search">
<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
<label>
<span class="screen-reader-text"><?php echo _x( 'Search for:', 'label' ) ?></span>
......@@ -56,10 +60,6 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
</form>
</div>
<!-- <a class="skip-link" href="#content"><z?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> -->
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
<button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top">
</button>
<?php echo do_shortcode('[share-this]'); ?>
......
......@@ -33546,6 +33546,7 @@
"searchable": false,
"paging": true,
"info": false,
"order": [[2, 'desc']],
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
});
......@@ -33570,8 +33571,9 @@
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(2).search(filterValue).draw();
filterValue = inclusives.length ? inclusives.join('|') : '';
console.log(filterValue);
$('#resources').DataTable().column(2).search(filterValue, true, false).draw();
});
// filter with selects and checkboxes
......@@ -33589,8 +33591,8 @@
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(0).search(typeFilterValue).draw();
typeFilterValue = inclusives.length ? inclusives.join('|') : '';
$('#resources').DataTable().column(0).search(typeFilterValue, true, false).draw();
});
$('.sort-button-group').on('click', 'button', function () {
var sortValue = $(this).attr('data-sort-value');
......@@ -33655,9 +33657,12 @@
document.documentElement.scrollTop = 0;
}
$__default["default"](document).ready(function ($) {
var $search = $('.search').clone();
$search.addClass('mobile');
$('#navbarNavDropdown').prepend($search);
$(document).on("click", ".search-button a, .close", function (e) {
e.preventDefault();
$('#search').toggleClass('open');
$('.search').toggleClass('open');
});
});
......
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.
......@@ -13,6 +13,7 @@ jQuery(document).ready(function($) {
"searchable": false,
"paging": true,
"info": false,
"order": [[2, 'desc']],
"dom": '<"top"<"clear">p<"clear">>rt<"bottom"<"clear">p<"clear">>'
});
......@@ -43,8 +44,9 @@ jQuery(document).ready(function($) {
});
// combine inclusive filters
filterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(2).search(filterValue).draw();
filterValue = inclusives.length ? inclusives.join('|') : '';
console.log(filterValue);
$('#resources').DataTable().column(2).search(filterValue,true,false).draw();
});
// filter with selects and checkboxes
......@@ -63,8 +65,8 @@ jQuery(document).ready(function($) {
});
// combine inclusive filters
typeFilterValue = inclusives.length ? inclusives.join(', ') : '';
$('#resources').DataTable().column(0).search(typeFilterValue).draw();
typeFilterValue = inclusives.length ? inclusives.join('|') : '';
$('#resources').DataTable().column(0).search(typeFilterValue,true,false).draw();
});
......
......@@ -68,10 +68,16 @@ function backToTop() {
}
jQuery(document).ready(function($) {
var $search = $('.search').clone();
$search.addClass('mobile');
$('#navbarNavDropdown').prepend($search);
$(document).on("click", ".search-button a, .close", function(e) {
e.preventDefault();
$('#search').toggleClass('open');
$('.search').toggleClass('open');
});
......
......@@ -4,7 +4,7 @@ body{
font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 600px) {
@media only screen and (max-width: 768px) {
.site{
overflow-x: hidden;
}
......@@ -20,6 +20,10 @@ h1{
line-height: 72px;
font-family: 'Poppins', sans-serif;
font-weight: 800;
@media only screen and (max-width: 768px) {
font-size: 32px;
line-height: 42px;
}
}
h2{
......
......@@ -10,6 +10,11 @@
margin-left: 30px;
}
}
.desktop{
@media only screen and (max-width: 768px) {
display: none;
}
}
}
#main-nav {
background-color: #fff;
......@@ -17,9 +22,16 @@
transition: 0.4s;
.custom-logo-link {
margin-left: 0px;
@media only screen and (max-width: 768px) {
width: 70%;
}
img {
transition: 0.4s;
width: 349px;
@media only screen and (max-width: 768px) {
width: 100%;
}
}
}
.navbar-nav.sign-up {
......@@ -75,6 +87,14 @@
text-decoration: underline;
}
}
.mobile{
display: none;
visibility: hidden;
@media only screen and (max-width: 768px) {
display: block;
visibility:visible;
}
}
}
.admin-bar .fixed-top {
......@@ -85,12 +105,18 @@
height: 80px !important;
#main-menu {
top: -20px;
@media only screen and (max-width: 768px) {
top: 0px;
}
}
#login-menu {
top: -60px;
}
.custom-logo-link img {
width: 240px !important;
@media only screen and (max-width: 768px) {
width: 180px !important;
}
}
}
......@@ -126,6 +152,10 @@
.hero-content {
width: 60%;
height: 520px;
@media only screen and (max-width: 768px) {
width: 95%;
margin: auto;
}
h1 {
color: #fff;
margin-bottom: 10px;
......@@ -179,7 +209,7 @@
height: 35px;
background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
#search{
.search{
display: none;
......@@ -188,11 +218,19 @@
width: 60%;
margin: auto;
margin-top: 40px;
@media only screen and (max-width: 768px) {
width: 100%;
margin-top: 0px;
margin-bottom: 10px;
}
label{
width: 90%;
@media only screen and (max-width: 768px) {
width: 95%;
}
}
.search-field{
......@@ -210,6 +248,11 @@
position:relative;
top: -10px;
left: -56px;
@media only screen and (max-width: 768px) {
left: unset;
margin-left: -10%;
}
}
.search-submit:hover{
background-color: #2c2c2c;
......@@ -223,6 +266,10 @@
font-size: 0px;
width: 30px;
height: 30px;
@media only screen and (max-width: 768px) {
display: none;
visibility: hidden;
}
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1458' data-name='Group 1458' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cline id='Line_3' data-name='Line 3' x2='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%23156570' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
......@@ -230,11 +277,55 @@
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.996' height='33.996' viewBox='0 0 33.996 33.996'%3E%3Cg id='Group_1499' data-name='Group 1499' transform='translate(2.121 2.121)' opacity='0.997'%3E%3Cpath id='Path_1922' data-name='Path 1922' d='M0 0 29.754 29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Line_4' data-name='Line 4' x1='29.754' y2='29.754' transform='translate(0 0)' fill='none' stroke='%232c2c2c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
}
#search.open{
.search.open:not(.mobile-search){
display: block;
top:57px;
width: 100%;
height: 128px;
background-color:rgba(255,255,255,0.9);
position: fixed;
@media only screen and (max-width: 768px) {
display: none;
visibility: hidden;
}
z-index: 999;
}
.search.open.mobile{
display: none;
visibility: hidden;
@media only screen and (max-width: 768px) {
position: absolute;
display: block;
visibility: visible;
}
}
.navbar-toggler{
position: absolute;
top: 40px;
right: 20px;
}
.fixed-top{
.navbar-toggler{
top: 20px;
}
}
#navbarNavDropdown{
@media only screen and (max-width: 768px) {
background-color: #fff;
z-index: 99;
width: 100vw;
position: relative;
margin-top: -2px;
padding: 20px 30px;
}
}
#navbarNavDropdown.show {
}
\ No newline at end of file
......
......@@ -6,6 +6,10 @@
right: 0px;
width: 48px;
padding:8px 10px;
@media only screen and (max-width: 768px) {
position: absolute;
z-index: 9;
}
}
.admin-bar .custom-addtoany{
......