Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
473e875b by Jeff Balicki
Options

login modal 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 0832763d
Expand all
Inline Side-by-side
Showing 11 changed files with 153 additions and 35 deletions
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;600;700&display=swap");
.btn-primary {
color: #fff !important;
}
......@@ -16075,6 +16075,58 @@ label[for=quicksearch] {
border-bottom: 22px solid #e04e39;
}
#login-window .modal-dialog {
position: relative;
max-width: 550px;
}
#login-window .modal-header {
border-radius: 0px;
border-bottom: 0px solid #dee2e6;
}
#login-window .modal-content {
border-radius: 0px;
height: 295px;
}
#login-window .modal-content .modal-body {
padding: 0px 60px 20px 60px;
}
#login-window .modal-content .modal-body .modal-title {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 22px;
list-style: 33px;
text-align: center;
}
#login-window .modal-content .modal-body a {
color: #0484b8;
}
#login-window .modal-content .modal-body a:hover {
color: #2c2c2c;
}
#login-window .modal-content .modal-body .login-btn {
display: block;
margin: auto;
background-color: #0484b8;
font-size: 14px;
color: #fff;
padding: 7px 25px;
text-decoration: none;
}
#login-window .modal-content .modal-body .login-btn:hover {
background-color: #2c2c2c;
color: #fff;
}
#login-window .btn-close {
width: 24px;
height: 24px;
opacity: 1;
background-size: 24px;
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='%230081BC' 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='%230081BC' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
#login-window .btn-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");
}
#resources.dataTable {
width: 100% !important;
}
......
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.
......@@ -19,32 +19,8 @@ if(get_post_meta(get_the_id(), 'newsletter_sign_up', true) || get_post_type( get
</div>
<?php } ?>
<?php get_template_part( 'sidebar-templates/sidebar', 'footerfull' ); ?>
<!--
<div class="wrapper" id="wrapper-footer">
<div class="<?php echo esc_attr( $container ); ?>">
<div class="row">
<div class="col-md-12">
<footer class="site-footer" id="colophon">
<div class="site-info">
<?php understrap_site_info(); ?>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- col -->
</div><!-- .row -->
</div><!-- .container(-fluid) -->
</div><!-- #wrapper-footer -->
<?php // Closing div#page from header.php. ?>
</div><!-- #page -->
......
......@@ -54,6 +54,20 @@ function resources_list(){
endwhile; ?>
</tbody>
</table>
</div>
<div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex justify-content-center flex-column">
<h2 class="modal-title align-self-center">You must be logged in to add resources to your dashboard</h2>
<a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
<p class="align-self-center">Don’t have a login? <a title="Sign up" href="my-account/" class="">Sign up</a> for an account.<p>
</div>
</div>
</div>
</div>
<?php endif;
wp_reset_query();
......@@ -125,7 +139,13 @@ function resources($id){
</td>
<td class="hidden"> <?php echo $cat; ?></td>
<td class="hidden"><?php echo get_post_time('U',false, $id ); ?></td>
<td><?php echo do_shortcode('[favorite_button post_id="'.$id.'"]'); ?></td>
<td>
<?php if(!is_user_logged_in()){ ?>
<button class="simplefavorite-button" data-bs-toggle="modal" data-bs-target="#login-window" style="">Favorite <i class="sf-icon-star-empty"></i></button>
<?php }else{
echo do_shortcode('[favorite_button post_id="'.$id.'"]');
} ?>
</td>
</tr>
<?php
$output = ob_get_clean();
......
......@@ -16,20 +16,21 @@ $id = get_the_id();
?>
<div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
<div class="full-image">
<?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true));
if (!empty($hero_content)) {?>
<?php $hero_content = apply_filters('the_content', get_post_meta(get_the_id(), 'hero_content', true));?>
<div class="container">
<div class="hero-content row">
<div class="col align-self-center">
<?php echo do_shortcode('[breadcrumbs]');
echo do_shortcode('<h1>[post-title]</h1>');
echo do_shortcode('[learndash_payment_buttons]');
if(!is_user_logged_in()){ ?>
<button type="button" class="btn btn-join" data-bs-toggle="modal" data-bs-target="#login-window">Enroll now</button>
<?php }else{
echo do_shortcode('[learndash_payment_buttons]');
}
?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="wrapper" id="<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?>">
......@@ -69,6 +70,19 @@ $id = get_the_id();
</div><!-- #content -->
</div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> -->
<div class="modal fade" id="login-window" tabindex="-1" aria-labelledby="login-window" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close align-self-sm-end" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex justify-content-center flex-column">
<h2 class="modal-title align-self-center">You must be logged in to enroll for programs</h2>
<a title="LOG IN" href="my-account/" class="login-btn">Login now</a>
<p class="align-self-center">Don’t have a login? <a title="Sign up" href="my-account/" class="">Sign up</a> for an account.<p>
</div>
</div>
</div>
</div>
<?php
get_footer();
......
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@500;600;700&display=swap');
body{
font-family: 'Open Sans', sans-serif;
......
......@@ -76,4 +76,60 @@
border-bottom: 22px solid #e04e39;
}
}
\ No newline at end of file
#login-window{
.modal-dialog{
position: relative;
max-width: 550px;
}
.modal-header{
border-radius: 0px;
border-bottom: 0px solid #dee2e6;
}
.modal-content{
border-radius: 0px;
height: 295px;
.modal-body{
padding: 0px 60px 20px 60px;
.modal-title{
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 22px;
list-style: 33px;
text-align: center;
}
a{
color:#0484b8;
}
a:hover{
color: #2c2c2c;
}
.login-btn{
display: block;
margin: auto;
background-color: #0484b8;
font-size: 14px;
color: #fff;
padding: 7px 25px;
text-decoration: none;
}
.login-btn:hover{
background-color: #2c2c2c;
color: #fff;
}
}
}
.btn-close{
width: 24px;
height: 24px;
opacity: 1;
background-size: 24px;
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='%230081BC' 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='%230081BC' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-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");
}
}
\ No newline at end of file
......
......@@ -5,7 +5,7 @@
Author: Tenzing Communications
Author URI: https://tenzingbrand.com
Template: understrap
Version: 1.1.001
Version: 1.1.002
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......