Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
ba8ed1cf by Jeff Balicki
Options

login menu header 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent b22eaac7
Expand all
Inline Side-by-side
Showing 40 changed files with 942 additions and 18 deletions
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.
......@@ -7,7 +7,7 @@
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
include 'inc/shortcodes.php';
/**
......@@ -94,4 +94,14 @@ function understrap_child_customize_controls_js() {
add_action( 'customize_controls_enqueue_scripts', 'understrap_child_customize_controls_js' );
require_once __DIR__.'/inc/filters.php';
\ No newline at end of file
require_once __DIR__.'/inc/filters.php';
add_action( 'template_redirect', 'redirect_to_specific_page' );
function redirect_to_specific_page() {
if (! is_page('login') && !is_user_logged_in()) {
wp_redirect(home_url()."/login/", 301 );
exit;
}
}
\ No newline at end of file
......
......@@ -51,7 +51,7 @@ $container = get_theme_mod( 'understrap_container_type' );
)
);
?>
<?php echo do_shortcode('[ultimatemember form_id="6"]'); ?>
</div><!-- .container(-fluid) -->
</nav><!-- #main-nav -->
......
......@@ -25,14 +25,15 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
<body <?php body_class(); ?> <?php understrap_body_attributes(); ?>>
<?php do_action( 'wp_body_open' ); ?>
<div class="site" id="page">
<?php if (! is_page('login')) { ?>
<!-- ******************* The Navbar Area ******************* -->
<header id="wrapper-navbar">
<!-- ******************* The Navbar Area ******************* -->
<header id="wrapper-navbar">
<a class="skip-link <?php echo understrap_get_screen_reader_class( true ); ?>" href="#content">
<?php esc_html_e( 'Skip to content', 'understrap' ); ?>
</a>
<a class="skip-link <?php echo understrap_get_screen_reader_class( true ); ?>" href="#content">
<?php esc_html_e( 'Skip to content', 'understrap' ); ?>
</a>
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
</header><!-- #wrapper-navbar -->
</header><!-- #wrapper-navbar -->
<?php } ?>
\ No newline at end of file
......
<?php
add_shortcode( 'firstname', 'firstname' );
function firstname(){
$user = get_userdata( get_current_user_id() );
return "<span class='first-name'>Hi ".$user->first_name."</span>";
}
\ No newline at end of file
/*!
* Understrap v1.2.0 (https://understrap.com)
* Copyright 2013-2022 The Understrap Authors (https://github.com/understrap/understrap/graphs/contributors)
* Copyright 2013-2023 The Understrap Authors (https://github.com/understrap/understrap/graphs/contributors)
* Licensed under GPL-3.0 (undefined)
*/
(function (global, factory) {
......@@ -6743,6 +6743,20 @@
}
})();
// Add your custom JS here.
var a = document.querySelector('.blur-image');
document.addEventListener("DOMContentLoaded", function () {
if (!a) return !1;
var b = a.getAttribute("data-src"),
c = document.querySelector('.full-image'),
img = new Image();
img.src = b;
img.onload = function () {
c.classList.add('image-loaded'), c.style.backgroundImage = 'url(' + b + ')';
};
});
exports.Alert = alert;
exports.Button = button;
exports.Carousel = carousel;
......
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.
<?php
/**
* Template for displaying posts on the author archive
*
* @package Understrap
* @since 1.0.0
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header">
<?php
the_title(
sprintf( '<h3 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
'</a></h3>'
);
?>
<?php if ( 'post' === get_post_type() ) : ?>
<div class="entry-meta">
<?php understrap_posted_on(); ?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<div class="entry-summary">
<?php the_excerpt(); ?>
</div><!-- .entry-summary -->
<footer class="entry-footer">
<?php understrap_entry_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->
<?php
/**
* Blank content partial template
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
the_content();
<?php
/**
* Content empty partial template
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
the_content();
<?php
/**
* The template part for displaying a message that posts cannot be found
*
* Learn more: https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<section class="no-results not-found">
<header class="page-header">
<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'understrap' ); ?></h1>
</header><!-- .page-header -->
<div class="page-content">
<?php
if ( is_home() && current_user_can( 'publish_posts' ) ) :
$kses = array( 'a' => array( 'href' => array() ) );
printf(
/* translators: 1: Link to WP admin new post page. */
'<p>' . wp_kses( __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'understrap' ), $kses ) . '</p>',
esc_url( admin_url( 'post-new.php' ) )
);
elseif ( is_search() ) :
printf(
'<p>%s<p>',
esc_html__( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'understrap' )
);
get_search_form();
else :
printf(
'<p>%s<p>',
esc_html__( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'understrap' )
);
get_search_form();
endif;
?>
</div><!-- .page-content -->
</section><!-- .no-results -->
<?php
/**
* Partial template for content in page.php
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<div class="entry-content">
<?php
the_content();
understrap_link_pages();
?>
</div><!-- .entry-content -->
<footer class="entry-footer">
<?php understrap_edit_post_link(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->
<?php
/**
* Search results partial template
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header">
<?php
the_title(
sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
'</a></h2>'
);
?>
<?php if ( 'post' === get_post_type() ) : ?>
<div class="entry-meta">
<?php understrap_posted_on(); ?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<div class="entry-summary">
<?php the_excerpt(); ?>
</div><!-- .entry-summary -->
<footer class="entry-footer">
<?php understrap_entry_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->
<?php
/**
* Single post partial template
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header">
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
<div class="entry-meta">
<?php understrap_posted_on(); ?>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<?php echo get_the_post_thumbnail( $post->ID, 'large' ); ?>
<div class="entry-content">
<?php
the_content();
understrap_link_pages();
?>
</div><!-- .entry-content -->
<footer class="entry-footer">
<?php understrap_entry_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->
<?php
/**
* Post rendering content according to caller of get_template_part
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header">
<?php
the_title(
sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ),
'</a></h2>'
);
?>
<?php if ( 'post' === get_post_type() ) : ?>
<div class="entry-meta">
<?php understrap_posted_on(); ?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<?php echo get_the_post_thumbnail( $post->ID, 'large' ); ?>
<div class="entry-content">
<?php
the_excerpt();
understrap_link_pages();
?>
</div><!-- .entry-content -->
<footer class="entry-footer">
<?php understrap_entry_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->
This diff could not be displayed because it is too large.
<?php
/**
* Template Name: Blank Page Template
*
* Template for displaying a blank page.
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body>
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'blank' );
}
wp_footer();
?>
</body>
</html>
<?php
/**
* Template Name: Left and Right Sidebar Layout
*
* This template can be used to override the default template and sidebar setup
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
?>
<div class="wrapper" id="page-wrapper">
<div class="<?php echo esc_attr( $container ); ?>" id="content">
<div class="row">
<?php
get_template_part( 'sidebar-templates/sidebar', 'left' );
if ( is_active_sidebar( 'left-sidebar' ) xor is_active_sidebar( 'right-sidebar' ) ) {
$class = 'col-md-8';
} elseif ( is_active_sidebar( 'left-sidebar' ) && is_active_sidebar( 'right-sidebar' ) ) {
$class = 'col-md-4';
} else {
$class = 'col-md-12';
}
?>
<div class="<?php echo $class; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> content-area" id="primary">
<main class="site-main" id="main" role="main">
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</main>
</div><!-- #primary -->
<?php get_template_part( 'sidebar-templates/sidebar', 'right' ); ?>
</div><!-- .row -->
</div><!-- #content -->
</div><!-- #page-wrapper -->
<?php
get_footer();
<?php
/**
* Template Name: Empty Page Template
*
* Template for displaying a page just with the header and footer area and a "naked" content area in between.
* Good for landingpages and other types of pages where you want to add a lot of custom markup.
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
while ( have_posts() ) :
the_post();
get_template_part( 'loop-templates/content', 'empty' );
endwhile;
get_footer();
<?php
/**
* Template Name: Full Width Page
*
* Template for displaying a page without sidebar even if a sidebar widget is published.
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
get_template_part( 'global-templates/hero' );
}
$wrapper_id = 'full-width-page-wrapper';
if ( is_page_template( 'page-templates/no-title.php' ) ) {
$wrapper_id = 'no-title-page-wrapper';
}
?>
<div class="wrapper" id="<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?>">
<div class="<?php echo esc_attr( $container ); ?>" id="content">
<div class="row">
<div class="col-md-12 content-area" id="primary">
<main class="site-main" id="main" role="main">
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</main>
</div><!-- #primary -->
</div><!-- .row -->
</div><!-- #content -->
</div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> -->
<?php
get_footer();
<?php
/**
* Template Name: Left Sidebar Layout
*
* This template can be used to override the default template and sidebar setup
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
?>
<div class="wrapper" id="page-wrapper">
<div class="<?php echo esc_attr( $container ); ?>" id="content">
<div class="row">
<?php get_template_part( 'sidebar-templates/sidebar', 'left' ); ?>
<div class="<?php echo is_active_sidebar( 'right-sidebar' ) ? 'col-md-8' : 'col-md-12'; ?> content-area" id="primary">
<main class="site-main" id="main" role="main">
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</main>
</div><!-- #primary -->
</div><!-- .row -->
</div><!-- #content -->
</div><!-- #page-wrapper -->
<?php
get_footer();
<?php
/**
* Template Name: Login
*
* Template for displaying a page without sidebar even if a sidebar widget is published.
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
get_template_part( 'global-templates/hero' );
}
$wrapper_id = 'full-width-page-wrapper';
if ( is_page_template( 'page-templates/no-title.php' ) ) {
$wrapper_id = 'no-title-page-wrapper';
}
?>
<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">
<div class="container">
<div class="hero-content row">
<div class="col align-self-center">
<?php
the_custom_logo();
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</div>
</div>
</div>
</div>
</div>
<?php
get_footer();
<?php
/**
* Template Name: No Title, Full Width Page
*
* This template can be used to override the default template
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_template_part( 'page-templates/fullwidthpage' );
<?php
/**
* Template Name: Right Sidebar Layout
*
* This template can be used to override the default template and sidebar setup
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
?>
<div class="wrapper" id="page-wrapper">
<div class="<?php echo esc_attr( $container ); ?>" id="content">
<div class="row">
<div class="<?php echo is_active_sidebar( 'right-sidebar' ) ? 'col-md-8' : 'col-md-12'; ?> content-area" id="primary">
<main class="site-main" id="main" role="main">
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</main>
</div><!-- #primary -->
<?php get_template_part( 'sidebar-templates/sidebar', 'right' ); ?>
</div><!-- .row -->
</div><!-- #content -->
</div><!-- #page-wrapper -->
<?php
get_footer();
......@@ -18,9 +18,23 @@ get_header();
$container = get_theme_mod( 'understrap_container_type' );
?>
<div class="wrapper" id="page-wrapper">
<?php if (! is_page('account')) { ?>
<div class="wrapper" id="page-wrapper">
<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)) {?>
<div class="container">
<div class="hero-content row">
<div class="col align-self-center">
<?php echo $hero_content; ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<?php } ?>
<div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">
<div class="row">
......
module.exports = {
"proxy": "svi.test",
"proxy": "stellervista-intranet.test",
"notify": false,
"files": ["./css/*.min.css", "./js/*.min.js", "./**/*.php"]
};
\ No newline at end of file
......
// Add your custom JS here.
\ No newline at end of file
// Add your custom JS here.
var a = document.querySelector('.blur-image');
document.addEventListener("DOMContentLoaded", function() {
if (!a) return !1;
var b = a.getAttribute("data-src"),
c = document.querySelector('.full-image'),
img = new Image;
img.src = b;
img.onload = function() {
c.classList.add('image-loaded'),
c.style.backgroundImage = 'url(' + b + ')';
};
});
\ No newline at end of file
......
......@@ -9,6 +9,10 @@
// Any additional imported files //
@import "theme/child_theme"; // <------- Add your styles into this file
@import "theme/menu";
@import "theme/header";
@import "theme/footer";
@import "theme/login";
// @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
// @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
// @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
......@@ -5,4 +5,16 @@
.entry-header {
display: none;
}
}
\ No newline at end of file
}
#page-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
width: calc(100% - 280px);
padding-top: 0px;
#content {
position: relative;
}
}
......
#wrapper-footer{
background-color: #183668;
}
\ No newline at end of file
.hero-container {
background-position: top right;
background-size: cover;
width: 100%;
background-color: #ccc;
height: 530px;
}
.header-section,
.full-image,
.image-loaded {
height: 530px;
background-position: center;
background-size: cover;
width: 100%;
position: relative;
}
.full-image::after {
content: "";
display: block;
position: absolute;
background-size: cover;
background-position: top right;
bottom: -20px;
right: 0px;
width: 100%;
height: 120px;
background-image: url("../images/logo-border.png");
}
.hero-content {
width: 60%;
height: 530px;
//margin-left: 48px;
@media only screen and (max-width: 900px) {
width: 95%;
margin: auto;
}
h1 {
color: #fff;
font-size: 39px;
font-weight: bold;
}
.first-name{
color: #fff;
font-size: 39px;
font-weight: bold;
}
p {
color: #fff;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
}
.page-template-login{
.custom-logo-link{
width: 290px;
}
.hero-container {
background-position: top right;
background-size: cover;
width: 100%;
background-color: #ccc;
height: 95vh;
}
.header-section,
.full-image,
.image-loaded {
height: 95vh;
background-position: center;
background-size: cover;
width: 100%;
position: relative;
}
.full-image::after {
content: "";
display: block;
position: absolute;
background-size: cover;
background-position: top right;
bottom: -20px;
right: 0px;
width: 100%;
height: 120px;
background-image: url("../images/logo-border.png");
}
.hero-content {
width: 40%;
height: 530px;
//margin-left: 48px;
@media only screen and (max-width: 900px) {
width: 95%;
margin: auto;
}
h1 {
color: #000;
font-size: 39px;
font-weight: bold;
}
p {
color: #000;
font-size: 20px;
line-height: 28px;
margin-bottom: 25px;
}
.um{
width: 100% !important;
display: flex!important;
flex-basis: auto;
flex-direction: row;
align-self: flex-end ;
max-width: unset;
.um-form {
margin-bottom: 40px;
width: 100%;
}
}
}
#wrapper-footer{
display: none;
}
}
\ No newline at end of file
#wrapper-navbar{
position: relative;
display: inline-block;
width: 275px;
height: 768px;
clear: both;
vertical-align: top;
padding: 41px 27px 41px 42px;
background-color: #F6F6F6;
box-shadow: 0px 3px 6px #00000029;
}
#main-menu{
flex-direction: column;
}
#main-nav{
.container{
flex-direction: column;
align-items: flex-start;
width: 275px;
height: 768px;
.custom-logo-link{
width: 206px;
}
.navbar-collapse{
align-items: flex-start;
margin-top: 70px;
a{
text-decoration: none;
color: #000000;
}
}
}
}
.um{
width: 275px !important;
display: flex!important;
flex-basis: auto;
flex-direction: row;
align-self: flex-end ;
.um-form {
margin-bottom: 40px;
.um-misc-with-img{
width: 30%;
display: inline-block;
border-bottom: 0px solid #eee;
margin-bottom:0px;
padding: 0px;
div{
strong{
display: none;
}
}
}
.um-misc-ul{
width: 50%;
display: inline-block;
list-style: none;
padding-left: 14px;
vertical-align: top;
a{
text-decoration: none;
color: #000000;
}
}
}
}
\ No newline at end of file