diff --git a/app/config/constants.php b/app/config/constants.php index 32e8dda..2f59171 100644 --- a/app/config/constants.php +++ b/app/config/constants.php @@ -38,6 +38,8 @@ if ( ! defined( 'CONFIG_DIRECTORY' ) ) { # Tempus Debugger define( 'CANARY_SECURE_HASH', 'd73ed7591a30f0ca7d686a0e780f0d05' ); # Tempus Project Core +define( 'APP_NAME', 'All The Bookmarks'); +define( 'TP_DEFAULT_LOGO', 'images/logo.png'); // Check define( 'MINIMUM_PHP_VERSION', 8.1); // Cookies diff --git a/app/css/main-dark.css b/app/css/main-dark.css index ba4ff32..3d33e90 100644 --- a/app/css/main-dark.css +++ b/app/css/main-dark.css @@ -1,423 +1,124 @@ -/* General body background and text color */ -body { - background-color: #121212; /* Dark background */ - color: #e0e0e0; /* Light text */ - } - - /* Navbar */ - .navbar { - background-color: #1f1f1f; - border-color: #333; - } - .navbar a { - color: #e0e0e0; - } - .navbar a:hover { - color: #ffffff; - } - - /* Panels */ - .panel { - background-color: #1f1f1f; - border-color: #333; - color: #e0e0e0; - } - .panel-heading { - background-color: #333; - color: #ffffff; - } - - /* Buttons */ - .btn { - background-color: #333; - color: #ffffff; - border-color: #444; - } - .btn:hover { - background-color: #444; - border-color: #555; - } - - /* Forms */ - .form-control { - background-color: #1f1f1f; - color: #e0e0e0; - border: 1px solid #333; - } - .form-control:focus { - border-color: #555; - box-shadow: none; - } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - /** - * app/css/main.css +/** + * app/css/main-dark.css * - * This file is for any css that should be applied site wide. + * This file provides dark mode styles to override existing Bootstrap 5 base styles. * - * @version 3.0 + * @version 3.0-dark * @author Joey Kimsey * @link https://TheTempusProject.com * @license https://opensource.org/licenses/MIT [MIT LICENSE] */ -@media ( min-width: 768px ) { - .side-nav { - /* background-color: #222; */ - } - .side-nav li a:hover, - .side-nav li a:focus { - background-color: #fff !important; - } +.context-main { + color: #fff; +} +.context-main-bg { + background-color: #2c2c2c; +} +.context-other { + color: #000; +} + +body { + background-image: linear-gradient(180deg, #2c2c2c, #1e1e1e 100px, #1e1e1e); + color: #f5f5f5; } /** -* Other -*/ -.bars { - /* background-color: #333; */ - /* box-shadow: 0 5px 0 #333, 0 10px 0 #333; */ -} -.bg-gray { - /* background-image: -moz-linear-gradient( center bottom, #BBBBBB 0%, #F0F0F0 100% ); */ - /* box-shadow: 0 1px 0 #B4B3B3; */ -} -.UI-buffer { - /* border-bottom: 1px solid #CCCCCC; */ -} -.UI-page-buffer { - /* border-bottom: 1px solid #CCCCCC; */ -} -.table-user-information>tbody>tr { - /* border-top: 1px solid rgb( 221, 221, 221 ); */ -} -.sticky-foot-head { - /* background: #EDEFF1; */ - /* border-bottom: 1px solid #CCCCCC; */ - /* border-top: 1px solid #DDDDDD; */ -} -.sticky-foot { - background-color: #fff; -} -.sticky-copy { - background: #282828; /* E3E3E3; */ - border-bottom: 1px solid #b0b0b0; /* CCCCCC; */ - border-top: 1px solid #bfbfbf; /* DDDDDD; */ -} - -/** -* Main Carousel -*/ -.main-text { - color: #000; -} -.btn-clear { - color: #000; - border-color: #000; -} -.btn-clear:hover { - color: #fff; - /* background-color: #F000FF; */ -} - -/** -* Top Navigation -*/ -.top-nav>li>a { - /* color: #999; */ -} -.top-nav>li>a:hover, -.top-nav>li>a:focus, -.top-nav>.open>a, -.top-nav>.open>a:hover, -.top-nav>.open>a:focus { - color: #000; - background-color: #fff; -} -.top-nav>.open>.dropdown-menu { - /* border: 1px solid rgba( 0, 0, 0, .15 ); */ - background-color: #000; - /* -webkit-box-shadow: 0 6px 12px rgba( 0, 0, 0, .175 ); */ - /* box-shadow: 0 6px 12px rgba( 0, 0, 0, .175 ); */ -} - -/** -* Messages Dropdown -*/ -li.message-header { - /* border-bottom: 1px solid rgba( 0, 0, 0, .15 ); */ -} -li.message-preview { - /* border-bottom: 1px solid rgba( 0, 0, 0, .15 ); */ -} - -/** -* Widget -*/ -.widget li.list-group-item { - /* border-top: 1px solid #ddd; */ -} -.widget li.list-group-item:hover { - /* background-color: rgba( 86, 61, 124, .1 ); */ -} -.widget .mic-info { - /* color: #666666; */ -} - -/** -* Footer and Copyright -*/ -.copy { - background: #282828; /* E3E3E3; */ - border-bottom: 1px solid #b0b0b0; /* CCCCCC; */ - border-top: 1px solid #bfbfbf; /* DDDDDD; */ -} -.footer-head { - background: #282828; /* E3E3E3; */ - border-bottom: 1px solid #b0b0b0; /* CCCCCC; */ - border-top: 1px solid #bfbfbf; /* DDDDDD; */ -} -.footer-head h3 { - border-bottom: 1px solid #a1a7ad; /* BAC1C8 */ - color: #4a5c6e; /* 54697E */ -} -.footer-head ul { - /* color: #7F8C8D; */ -} -.footer-head a { - /* color: #78828D */ -} - -/** -* Side Navigation -*/ -.side-nav>li>ul>li>a { - /* color: #999; */ -} -.side-nav>li>ul>li>a:hover { - color: #000; -} -.side-nav .active > a { - color: #000; - background-color: #fff; -} -.side-nav .active > a:hover { - color: #000; - background-color: #fff; -} - -/** -* Social -*/ -.social span { - /* background: none repeat scroll 0 0 #B5B5B5; */ - /* border: 2px solid #B5B5B5; */ -} -.social span a { - /* color: #EDEFF1; */ -} -.social span:hover { - /* border: 2px solid #2c3e50; - background: #2c3e50; */ -} -.social span a i { - /* color: #EDEFF1 !important; */ -} - -/** -* Newsletter Box -*/ -.newsletter-box input#appendedInputButton { - background: #000; -} -.newsletter-box .btn { - color: #000; -} - -/** -* Colored Badges -*/ -.badge { - color: #000; - /* background-color: #999999; */ -} -.badge:hover { - color: #000; -} -.badge-error { - /* background-color: #b94a48; */ -} -.badge-error:hover { - /* background-color: #953b39; */ -} -.badge-warning { - /* background-color: #f89406; */ -} -.badge-warning:hover { - /* background-color: #c67605; */ -} -.badge-success { - /* background-color: #468847; */ -} -.badge-success:hover { - /* background-color: #356635; */ -} -.badge-info { - /* background-color: #3a87ad; */ -} -.badge-info:hover { - /* background-color: #2d6987; */ -} -.badge-inverse { - /* background-color: #333333; */ -} -.badge-inverse:hover { - /* background-color: #1a1a1a; */ -} - -/** -* Install Terms -*/ + * Install Terms + */ .install-terms { - /* border: 1px solid #ccc; - background: #f2f2f2; */ + border: 1px solid #555; + background: #3a3a3a; } .install-terms p, .install-terms li { - /* color: #333; */ + color: #dcdcdc; } .install-terms h3 { - color: #fff; + color: #ffffff; } .install-terms h4 { - color: #fff; + color: #eaeaea; } .install-terms strong { - color: #fff; + color: #ffffff; +} +.context-main { + color: #ffffff; +} +.context-other { + color: #ffffff; } /** -* Terms Page -*/ + * Terms Page + */ .terms-page { - /* border: 1px solid #ccc; - background: #f2f2f2; */ + border: 1px solid #555; + background: #3a3a3a; } .terms-page p, .terms-page li { - /* color: #333; */ + color: #dcdcdc; } .terms-page h3 { - color: #fff; + color: #ffffff; } .terms-page h4 { - color: #fff; + color: #eaeaea; } .terms-page strong { - color: #fff; + color: #ffffff; } /** -* Terms -*/ + * Terms + */ .terms { - /* border: 1px solid #ccc; */ - /* background: #f2f2f2; */ + border: 1px solid #555; + background: #3a3a3a; } .terms p, .terms li { - /* color: #333; */ + color: #dcdcdc; } .terms h3 { - color: #fff; + color: #ffffff; } .terms h4 { - color: #fff; + color: #eaeaea; } .terms strong { - color: #fff; + color: #ffffff; } -.material-switch > label::before { - /* background: rgb(0, 0, 0); */ - /* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); */ +/** + * Form Control + */ +.form-control-dark:focus { + border-color: #1e90ff; + box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5); } -.material-switch > label::after { - /* background: rgb(255, 255, 255); */ - /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); */ + +/** + * Example Divider + */ +.b-example-divider { + background-color: rgba(255, 255, 255, .1); + border: solid rgba(255, 255, 255, .15); + box-shadow: inset 0 .5em 1.5em rgba(255, 255, 255, .1), inset 0 .125em .5em rgba(255, 255, 255, .15); +} + +/** + * Text Shadows + */ +.text-shadow-1 { + text-shadow: 0 .125rem .25rem rgba(255, 255, 255, .25); +} +.text-shadow-2 { + text-shadow: 0 .25rem .5rem rgba(255, 255, 255, .25); +} +.text-shadow-3 { + text-shadow: 0 .5rem 1.5rem rgba(255, 255, 255, .25); } \ No newline at end of file diff --git a/app/css/main.css b/app/css/main.css index 593bf0a..78a4f5e 100644 --- a/app/css/main.css +++ b/app/css/main.css @@ -8,6 +8,75 @@ * @link https://TheTempusProject.com * @license https://opensource.org/licenses/MIT [MIT LICENSE] */ + + + +/* Base styles for the switch container */ +.material-switch { + position: relative; + display: inline-block; + width: 50px; + height: 25px; +} + +/* Hide the default checkbox */ +.material-switch input { + opacity: 0; + width: 0; + height: 0; +} + +/* Style the label as the switch */ +.material-switch .label-default { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--switch-off-bg, #ccc); + border-radius: 25px; + transition: background-color 0.3s ease-in-out; +} + +/* Style the toggle circle (slider) */ +.material-switch .label-default::before { + content: ''; + position: absolute; + height: 20px; + width: 20px; + border-radius: 50%; + background-color: var(--switch-slider-bg, #fff); + bottom: 2.5px; + left: 5px; + transition: transform 0.3s ease-in-out; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); +} + +/* Change background color when checked */ +.material-switch input:checked + .label-default { + background-color: var(--switch-on-bg, #555); /* Bootstrap primary color */ +} + +/* Move the slider when checked */ +.material-switch input:checked + .label-default::before { + transform: translateX(25px); /* Adjust based on switch width */ +} + + + + + + + + + +.context-main { + color: #000; +} +.context-other { + color: #fff; +} html { font-family: 'Open Sans', sans-serif; position: relative; @@ -16,6 +85,9 @@ html { pre { white-space: pre-wrap; } +body { + background-image: linear-gradient(180deg, #eee, #fff 100px, #fff); +} @media ( min-width: 768px ) { .main { padding-right: 40px; @@ -25,411 +97,9 @@ pre { padding-right: 225px; padding-left: 0; } -} - -/** - * Other - */ -.bars { - display: block; - width: 60px; - height: 3px; - background-color: #333; - box-shadow: 0 5px 0 #333, 0 10px 0 #333; -} -.slide-text-bg { - opacity: 0.6; -} -.avatar-125 { - height: 125px; - width: 125px; -} -.full { - width: 100%; -} -.gap { - height: 30px; - width: 100%; - clear: both; - display: block; -} -.supportLi h4 { - font-size: 20px; - font-weight: lighter; - line-height: normal; - margin-bottom: 0 !important; - padding-bottom: 0; -} -.bg-gray { - background-image: -moz-linear-gradient( center bottom, #BBBBBB 0%, #F0F0F0 100% ); - box-shadow: 0 1px 0 #B4B3B3; -} -.payments { - font-size: 1.5em; -} -.UI-buffer { - padding-top: 35px; - height: auto; - border-bottom: 1px solid #CCCCCC; -} -.avatar { - max-width: 33px; -} -.UI-page-buffer { - padding-top: 30px; - position: relative; - height: auto; - border-bottom: 1px solid #CCCCCC; -} -.main { - padding: 20px; - padding-bottom: 75px; -} -.user-row { - margin-bottom: 14px; -} -.user-row:last-child { - margin-bottom: 0; -} -.dropdown-user { - margin: 13px 0; - padding: 5px; - height: 100%; -} -.dropdown-user:hover { - cursor: pointer; -} -.table-user-information>tbody>tr { - border-top: 1px solid rgb( 221, 221, 221 ); -} -.table-user-information>tbody>tr:first-child { - border-top: 0; -} -.table-user-information>tbody>tr>td { - border-top: 0; -} -.top-pad { - margin-top: 70px; -} -.foot-pad { - padding-bottom: 0; - /* padding-bottom: 261px; */ -} -.dynamic-footer-padding { - padding-bottom: var(--footer-height); -} -.footer-head .navbar-toggler { - display: inline-block; - float: none; -} -.avatar-round-40 { - height: 40px; - width: 40px; -} -.sticky-foot-head { - z-index: 10; - position: fixed; - bottom: 51px; - width: 100%; - background: #EDEFF1; - border-bottom: 1px solid #CCCCCC; - border-top: 1px solid #DDDDDD; -} -.sticky-foot { - background-color: #000; - position: fixed; - bottom: 0; - width: 100%; -} -.sticky-copy { - z-index: 10; - padding-top: 10px; - padding-bottom: 10px; - height: 50px; - background: #E3E3E3; - border-bottom: 1px solid #CCCCCC; - border-top: 1px solid #DDDDDD; -} - -/** - * Main Carousel - */ -.main-text { - padding-bottom: 0px; - padding-top: 0px; - top: 10px; - bottom: auto; - z-index: 10; - width: auto; - color: #FFF; -} -.btn-min-block { - min-width: 170px; - line-height: 26px; -} -.btn-clear { - color: #FFF; - background-color: transparent; - border-color: #FFF; - margin-right: 15px; -} -.btn-clear:hover { - color: #000; - background-color: #FFF; -} -#carousel-home { - margin-bottom: 30px; -} -.col-centered { - float: none; - margin: 0 auto; -} - -/** - * Messages Dropdown - */ -ul.message-dropdown { - padding: 0; - max-height: 250px; - overflow-x: hidden; - overflow-y: auto; -} -li.message-header { - margin: 5px 0; - border-bottom: 1px solid rgba( 0, 0, 0, .15 ); -} -li.message-preview { - width: 275px; - border-bottom: 1px solid rgba( 0, 0, 0, .15 ); -} -li.message-preview>a { - padding-top: 15px; - padding-bottom: 15px; -} -li.message-footer { - margin: 5px 0; -} -ul.alert-dropdown { - width: 200px; -} - -/** - * Widget - */ -.widget .list-group { - margin-bottom: 0; -} -.widget .panel-title { - display: inline -} -.widget .label { - float: right; -} -.widget li.list-group-item { - border-radius: 0; - border: 0; - border-top: 1px solid #ddd; -} -.widget li.list-group-item:hover { - background-color: rgba( 86, 61, 124, .1 ); -} -.widget .mic-info { - color: #666666; - font-size: 11px; -} -.widget .action { - margin-top: 5px; -} -.widget .comment-text { - font-size: 12px; -} -.widget .btn-block { - border-top-left-radius: 0px; - border-top-right-radius: 0px; -} - -/** - * Footer and Copyright - */ -.copy { - z-index: 10; - padding-top: 10px; - padding-bottom: 10px; - position: absolute; - bottom: 0; - width: 100%; - height: 50px; - background: #E3E3E3; - border-bottom: 1px solid #CCCCCC; - border-top: 1px solid #DDDDDD; -} -.footer-head { - z-index: 10; - position: absolute; - bottom: 51px; - width: 100%; - background: #EDEFF1; - border-bottom: 1px solid #CCCCCC; - border-top: 1px solid #DDDDDD; -} -.footer-head p { - margin: 0; -} -.footer-head img { - max-width: 100%; -} -.footer-head h3 { - border-bottom: 1px solid #BAC1C8; - color: #54697E; - font-size: 18px; - font-weight: 600; - line-height: 27px; - padding: 5px 0 10px; - text-transform: uppercase; -} -.footer-head ul { - font-size: 13px; - list-style-type: none; - margin-left: 0; - padding-left: 0; - margin-top: 15px; - color: #7F8C8D; -} -.footer-head ul li a { - padding: 0 0 5px 0; - display: inline-block; -} -.footer-head a { - color: #78828D -} - -/** - * Social - */ -.social { - margin-top: 75px; - bottom: 0; -} -.content { - position: absolute; -} -.social span { - background: none repeat scroll 0 0 #B5B5B5; - border: 2px solid #B5B5B5; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -o-border-radius: 50%; - -ms-border-radius: 50%; - border-radius: 50%; - float: center; - height: 36px; - line-height: 36px; - margin: 0 8px 0 0; - padding: 0; - text-align: center; - width: 41px; - transition: all 0.5s ease 0s; - -moz-transition: all 0.5s ease 0s; - -webkit-transition: all 0.5s ease 0s; - -ms-transition: all 0.5s ease 0s; - -o-transition: all 0.5s ease 0s; -} -.social span:hover { - transform: scale( 1.15 ) rotate( 360deg) ; - -webkit-transform: scale( 1.1 ) rotate( 360deg) ; - -moz-transform: scale( 1.1 ) rotate( 360deg) ; - -ms-transform: scale( 1.1 ) rotate( 360deg) ; - -o-transform: scale( 1.1 ) rotate( 360deg) ; -} -.social span a { - color: #EDEFF1; -} -.social span:hover { - border: 2px solid #2c3e50; - background: #2c3e50; -} -.social span a i { - font-size: 16px; - margin: 0 0 0 5px; - color: #EDEFF1 !important; -} - -/** - * Newsletter Box - */ -.newsletter-box input#appendedInputButton { - background: #FFFFFF; - display: inline-block; - float: center; - height: 30px; - clear: both; - width: 100%; -} -.newsletter-box .btn { - border: medium none; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -o-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - display: inline-block; - height: 40px; - padding: 0; - width: 100%; - color: #fff; -} -.newsletter-box { - overflow: hidden; -} - -/** - * Colored Badges - */ -.badge { - padding: 1px 9px 2px; - font-size: 12.025px; - font-weight: bold; - white-space: nowrap; - color: #ffffff; - background-color: #999999; - -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; -} -.badge:hover { - color: #ffffff; - text-decoration: none; - cursor: pointer; -} -.badge-error { - background-color: #b94a48; -} -.badge-error:hover { - background-color: #953b39; -} -.badge-warning { - background-color: #f89406; -} -.badge-warning:hover { - background-color: #c67605; -} -.badge-success { - background-color: #468847; -} -.badge-success:hover { - background-color: #356635; -} -.badge-info { - background-color: #3a87ad; -} -.badge-info:hover { - background-color: #2d6987; -} -.badge-inverse { - background-color: #333333; -} -.badge-inverse:hover { - background-color: #1a1a1a; + .bd-placeholder-img-lg { + font-size: 3.5rem; + } } /** @@ -517,71 +187,6 @@ ul.alert-dropdown { .terms strong { color: #000; } - - -.navbar-header { - margin-right: 75px; -} - -.pagination { - padding-left: 75px; -} - - - -.material-switch > input[type="checkbox"] { - display: none; -} - -.material-switch > label { - cursor: pointer; - height: 0px; - position: relative; - width: 40px; -} - -.material-switch > label::before { - background: rgb(0, 0, 0); - box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); - border-radius: 8px; - content: ''; - height: 16px; - margin-top: -8px; - position:absolute; - opacity: 0.3; - transition: all 0.4s ease-in-out; - width: 40px; -} -.material-switch > label::after { - background: rgb(255, 255, 255); - border-radius: 16px; - box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); - content: ''; - height: 24px; - left: -4px; - margin-top: -8px; - position: absolute; - top: -4px; - transition: all 0.3s ease-in-out; - width: 24px; -} -.material-switch > input[type="checkbox"]:checked + label::before { - background: inherit; - opacity: 0.5; -} -.material-switch > input[type="checkbox"]:checked + label::after { - background: inherit; - left: 20px; -} - -body { - background-image: linear-gradient(180deg, #eee, #fff 100px, #fff); -} -@media (min-width: 768px) { - .bd-placeholder-img-lg { - font-size: 3.5rem; - } -} .pricing-header { max-width: 700px; } diff --git a/app/js/main.js b/app/js/main.js index e4008c8..377b259 100644 --- a/app/js/main.js +++ b/app/js/main.js @@ -84,43 +84,24 @@ $(document).ready(function() { }); // with the dynamic footer, you need to adjust the content padding to make sure the footer doesn't overlap the content -window.onload = function () { - function updateFooterPadding() { - var footer = document.querySelector('footer'); - var container = document.querySelector('.container-fluid.top-pad'); - if ( ! container ) { - return; - } - // footer has no height but its children do! - var footerHeight = Array.from(footer.children).reduce((totalHeight, child) => { - return totalHeight + child.offsetHeight; - }, 0); - - footerHeight += 20; // Add 20px for padding - - // console.error(footerHeight); - - container.style.setProperty('--footer-height', footerHeight + 'px'); - } - - // Update padding on initial load - updateFooterPadding(); - - // Update padding on window resize - window.addEventListener('resize', updateFooterPadding); -}; - document.addEventListener('DOMContentLoaded', function () { const toggleButton = document.getElementById('dark-mode-toggle'); const darkModeStylesheet = document.getElementById('dark-mode-stylesheet'); + console.error( 'DOMContentLoaded'); // Check if dark mode is saved in localStorage if (localStorage.getItem('darkMode') === 'enabled') { darkModeStylesheet.disabled = false; toggleButton.checked = true; + + console.error( 'darkMode enabled'); + } else { + + console.error( 'darkMode disabled'); } toggleButton.addEventListener('click', function () { + console.error( 'addEventListener'); if (darkModeStylesheet.disabled) { darkModeStylesheet.disabled = false; localStorage.setItem('darkMode', 'enabled'); diff --git a/app/plugins/blog/templates/blog.inc.php b/app/plugins/blog/templates/blog.inc.php index b4548ac..35c19b6 100644 --- a/app/plugins/blog/templates/blog.inc.php +++ b/app/plugins/blog/templates/blog.inc.php @@ -29,6 +29,7 @@ class BlogLoader extends DefaultLoader { $posts = $blog->posts; Components::set('SIDEBAR', Views::simpleView('blog.sidebar', $posts->recent(5))); Components::set('SIDEBAR2', Views::simpleView('blog.sidebar2', $posts->archive())); + Components::set('SIDEBARABOUT', Views::simpleView('blog.about')); Navigation::setCrumbComponent( 'BLOG_BREADCRUMBS', Input::get( 'url' ) ); Components::set( 'BLOG_TEMPLATE_URL', Template::parse( '{ROOT_URL}app/plugins/comments/' ) ); $this->addCss( '' ); diff --git a/app/plugins/blog/templates/blog.tpl b/app/plugins/blog/templates/blog.tpl index 83e59ec..c404cf9 100644 --- a/app/plugins/blog/templates/blog.tpl +++ b/app/plugins/blog/templates/blog.tpl @@ -10,10 +10,10 @@ * @license https://opensource.org/licenses/MIT [MIT LICENSE] --> - + - + {TITLE} @@ -28,10 +28,9 @@ {ROBOT} - - + @@ -54,38 +53,106 @@ -
- {ISSUES} -
-
- {ERROR} - {NOTICE} - {SUCCESS} - {INFO} -
-
- {/ISSUES} -
-
-

{SITENAME} Blog

+ + + + + + +
+
+ {ISSUES} +
-
- {BLOG_BREADCRUMBS} - {CONTENT} + {ERROR} + {NOTICE} + {SUCCESS} + {INFO} +
+
+ {/ISSUES} + + +
+
+
+

Title of a longer featured blog post

+

Multiple lines of text that form the lede, informing new readers quickly and efficiently about what’s most interesting in this post’s contents.

+

Continue reading...

-
-
- {SIDEBAR} +
+
+
+
+
+ World +

Featured post

+
Nov 12
+

This is a wider card with supporting text below as a natural lead-in to additional content.

+ Continue reading +
+
+ PlaceholderThumbnail +
-
- {SIDEBAR2} +
+
+
+
+ Design +

Post title

+
Nov 11
+

This is a wider card with supporting text below as a natural lead-in to additional content.

+ Continue reading +
+
+ PlaceholderThumbnail +
+
+
+
+
+ + + + + + + + +
+
+ + + +

+ {SITENAME} Blog +

+
+ +
+ {CONTENT} +
+ +
+
+
+ {SIDEBARABOUT} +
+
+ {SIDEBAR} +
+
+ {SIDEBAR2} +
+
+ {FOOT}
- {FOOT} diff --git a/app/plugins/blog/views/about.html b/app/plugins/blog/views/about.html new file mode 100644 index 0000000..12777ba --- /dev/null +++ b/app/plugins/blog/views/about.html @@ -0,0 +1,6 @@ +
+

About

+

+ The blog is mostly here to serve ass a simple way to link to long-form content on the site. There won't be any breaking news or tell-all stories here. Just good ole fashioned boring crap no one wants to read. +

+
\ No newline at end of file diff --git a/app/plugins/blog/views/list.html b/app/plugins/blog/views/list.html index 19e6dd1..a924026 100644 --- a/app/plugins/blog/views/list.html +++ b/app/plugins/blog/views/list.html @@ -1,18 +1,15 @@ -{PAGINATION} {LOOP} -
-

{title}

-
+
+

{title}

+

{DTC date}{created}{/DTC} by {authorName}

-

- Posted on {DTC date}{created}{/DTC} by {authorName} -

{contentSummary}
-
+ +
{/LOOP} {ALT} -
+

No Posts Found.

-
+ {/ALT} diff --git a/app/plugins/blog/views/sidebar2.html b/app/plugins/blog/views/sidebar2.html index 9cb02a2..b135d93 100644 --- a/app/plugins/blog/views/sidebar2.html +++ b/app/plugins/blog/views/sidebar2.html @@ -1,14 +1,11 @@ -
-
-

Archives

-
-
-
    - {LOOP} -
  1. ({count}) {monthText} {year}
    2. - {/LOOP} - {ALT} - {/ALT} -
-
+
+

Archives

+
\ No newline at end of file diff --git a/app/plugins/notifications/views/nav/recentNotificationsDropdown.html b/app/plugins/notifications/views/nav/recentNotificationsDropdown.html index ed2f6a1..a25493e 100644 --- a/app/plugins/notifications/views/nav/recentNotificationsDropdown.html +++ b/app/plugins/notifications/views/nav/recentNotificationsDropdown.html @@ -1,11 +1,12 @@ -
+ +
    {LOOP} diff --git a/app/templates/admin/admin.inc.php b/app/templates/admin/admin.inc.php index fad5ce6..779b9b4 100644 --- a/app/templates/admin/admin.inc.php +++ b/app/templates/admin/admin.inc.php @@ -11,15 +11,37 @@ */ namespace TheTempusProject\Templates; -use TheTempusProject\Houdini\Classes\Components; +use TheTempusProject\Houdini\Classes\Views; use TheTempusProject\Houdini\Classes\Navigation; +use TheTempusProject\Houdini\Classes\Components; use TheTempusProject\Bedrock\Functions\Input; use TheTempusProject\TheTempusProject as App; +use TheTempusProject\Houdini\Classes\Template; class AdminLoader extends DefaultLoader { public function __construct() { parent::__construct(); - Components::set( 'ADMINNAV', Navigation::getMenuView( 'nav.admin', 'ADMIN_LINKS', App::ADMIN_MENU_NAME ) ); + $links = Navigation::getMenuLinks( App::ADMIN_MENU_NAME ); + foreach ( $links as $key => $link ) { + if ( is_array( $link->url ) ) { + $links[$key]->linkClasses = 'nav-link d-flex align-items-center justify-content-between'; + $links[$key]->linkAttributes = Template::parse( 'aria-controls="{dropdownName}Dropdown" data-bs-toggle="collapse" aria-haspopup="true" aria-expanded="false"' ); + $name = trim(strip_tags( $link->text ) ); + Components::set( 'dropdownName', $name ); + $out = []; + foreach ( $link->url as $subKey => $subLink ) { + $out[] = (object) $subLink; + } + $links[$key]->url = '#' . $name . 'Dropdown'; + $links[$key]->text = '' . $link->text . ''; + $links[$key]->duuuuuuuh = Views::simpleView( 'nav.adminSub', $out ); + } else { + $links[$key]->linkClasses = 'nav-link'; + $links[$key]->linkAttributes = ''; + $links[$key]->duuuuuuuh = ''; + } + } + Components::set( 'ADMIN_LINKS', Views::simpleView( 'nav.admin', $links ) ); Navigation::setCrumbComponent( 'ADMIN_BREADCRUMBS', Input::get( 'url' ) ); } } diff --git a/app/templates/admin/admin.tpl b/app/templates/admin/admin.tpl index 1e2f397..a05d18d 100644 --- a/app/templates/admin/admin.tpl +++ b/app/templates/admin/admin.tpl @@ -24,91 +24,61 @@ {TEMPLATE_CSS_INCLUDES} - -
    -
    - -
    +
    + +
    + +
    + + + All The Bookmarks + +
    {ADMIN} - + {ADMIN_LINKS} {/ADMIN} +
    +
    + {topNavRight} +
    - -
    - {ISSUES} -
    -
    - {ERROR} - {NOTICE} - {SUCCESS} + +
    + +
    +
    + {topNavLeft}
    - {/ISSUES} - {ADMIN_BREADCRUMBS} - {CONTENT} + + +
    + {ISSUES} +
    +
    + {ERROR} + {NOTICE} + {SUCCESS} +
    +
    + {/ISSUES} + {ADMIN_BREADCRUMBS} + {CONTENT} +
    + + +
    +
    +
    + {COPY} + {SOCIAL} +
    +
    +
    -
    - -
    + diff --git a/app/templates/default/default.inc.php b/app/templates/default/default.inc.php index 1e2cdc3..6635071 100644 --- a/app/templates/default/default.inc.php +++ b/app/templates/default/default.inc.php @@ -21,12 +21,16 @@ use TheTempusProject\Bedrock\Functions\Input; use TheTempusProject\TheTempusProject as App; class DefaultLoader extends Loader { + private static $loaded = false; const TEMPLATE_NAME = 'Default Tempus Project Template'; const JQUERY_CDN = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/'; const BOOTSTRAP_CDN = 'https://cdn.jsdelivr.net/npm/bootstrap@3.3.6/dist/'; const FONT_AWESOME_URL = 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/'; public function __construct() { + if ( self::$loaded ) { + return; + } Components::set( 'TEMPLATE_URL', Template::parse( '{ROOT_URL}app/templates/default/' ) ); if ( VENDOR_AUTOLOADED === true ) { Components::set( 'FONT_AWESOME_URL', '/vendor/fortawesome/font-awesome/css/' ); @@ -40,7 +44,7 @@ class DefaultLoader extends Loader { $this->addCss( '' ); $this->addCss( '' ); $this->addJs( '' ); - Components::setIfNull( 'LOGO', Config::getValue( 'main/logo' ) ); + Components::setIfNull( 'LOGO', Config::getValue( 'main/logo' ) ?? TP_DEFAULT_LOGO ); Components::setIfNull( 'COPY', Views::simpleView( 'footer.copy') ); Components::setIfNull( 'SOCIAL', Views::simpleView( 'footer.social') ); Components::prepend( 'FOOTER_LEFT', Views::simpleView( 'footer.left', Navigation::getMenuLinks( App::CONTACT_FOOTER_MENU_NAME ) ) ); @@ -63,5 +67,6 @@ class DefaultLoader extends Loader { Components::set( 'iconSelect', Views::simpleView( 'forms.iconSelect' ) ); Navigation::setCrumbComponent( 'BREADCRUMB', Input::get( 'url' ) ); $this->buildComponents(); + self::$loaded = true; } } \ No newline at end of file diff --git a/app/templates/default/default.tpl b/app/templates/default/default.tpl index 78290dc..5066e02 100644 --- a/app/templates/default/default.tpl +++ b/app/templates/default/default.tpl @@ -51,19 +51,21 @@
    -
    - {ISSUES} -
    -
    - {ERROR} - {NOTICE} - {SUCCESS} - {INFO} +
    +
    + {ISSUES} +
    +
    + {ERROR} + {NOTICE} + {SUCCESS} + {INFO} +
    +
    + {/ISSUES} +
    + {CONTENT}
    -
    - {/ISSUES} -
    - {CONTENT}
    {FOOT}
    diff --git a/app/views/footer/container.html b/app/views/footer/container.html index d758635..9a4859b 100644 --- a/app/views/footer/container.html +++ b/app/views/footer/container.html @@ -1,4 +1,4 @@ -
    +
    {FOOTER_LEFT} diff --git a/app/views/footer/left.html b/app/views/footer/left.html index 0450ad9..df69611 100644 --- a/app/views/footer/left.html +++ b/app/views/footer/left.html @@ -4,5 +4,8 @@ {LOOP}
  • {text}
    • {/LOOP} + {ALT} +
  • + {/ALT}
\ No newline at end of file diff --git a/app/views/footer/right.html b/app/views/footer/right.html index c04aec4..0084630 100644 --- a/app/views/footer/right.html +++ b/app/views/footer/right.html @@ -1,7 +1,7 @@
Dark Mode
- +
-
+
\ No newline at end of file diff --git a/app/views/footer/social.html b/app/views/footer/social.html index bb34bad..7a13992 100644 --- a/app/views/footer/social.html +++ b/app/views/footer/social.html @@ -1,26 +1,26 @@
  • - +
  • - +
  • - +
  • - +
  • - +
    • diff --git a/app/views/install/adminUser.html b/app/views/install/adminUser.html index c908290..736092a 100644 --- a/app/views/install/adminUser.html +++ b/app/views/install/adminUser.html @@ -1,39 +1,35 @@ {installer-nav} -
    -
    -
    -
    -
    - -
    - +
    +
    +
    + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + +
    + +
    +
    -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    - -
    - \ No newline at end of file +
\ No newline at end of file diff --git a/app/views/install/agreement.html b/app/views/install/agreement.html index ca0ba75..5db62c6 100644 --- a/app/views/install/agreement.html +++ b/app/views/install/agreement.html @@ -1,14 +1,16 @@ {installer-nav} -
-
-
-
-
-
+
+
+
+
{TERMS}
-
+
+ + +
+ +
+
- -
- \ No newline at end of file +
\ No newline at end of file diff --git a/app/views/install/check.html b/app/views/install/check.html index 70705e8..6c763ab 100644 --- a/app/views/install/check.html +++ b/app/views/install/check.html @@ -1,15 +1,23 @@ {installer-nav} -

Requirements

-
    -
  • PHP version greater than 5.6
    • -
  • Session storage must be enabled
    • -
  • PHP mail must be enabled.
    • -
  • Safe mode must be disabled.
    • -
  • Rewrite rule must be on
    • -
  • file uploads must be on
    • -
  • mysql_pdo must be enabled
    • -
-
- -
-
\ No newline at end of file +
+
+
+

Requirements

+
    +
  • PHP version greater than 5.6
    • +
  • Session storage must be enabled
    • +
  • PHP mail must be enabled.
    • +
  • Safe mode must be disabled.
    • +
  • Rewrite rule must be on
    • +
  • file uploads must be on
    • +
  • mysql_pdo must be enabled
    • +
+
+
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/app/views/install/complete.html b/app/views/install/complete.html index 045ee9e..aecce87 100644 --- a/app/views/install/complete.html +++ b/app/views/install/complete.html @@ -1,3 +1,32 @@ -

Success

-

The Tempus Project has been successfully installed. You can now log in and manage your site or jump straight in to building your new features!

-

here there should be some basic info readout.

\ No newline at end of file +
+
+
+ +
+ +
+ +

Success

+ +

+ The Tempus Project has been successfully installed. +

+

+ You can now log in and manage your site or jump straight into building your new features! +

+ +

+ Some plugins may need additional configuration and there are already some pre-made resources to get you started. (Both in the files and the Admin Panel) +

+ +
+ + Log In + + + Go to Dashboard + +
+
+
+
diff --git a/app/views/install/configure.html b/app/views/install/configure.html index 9f216d4..a5eac74 100644 --- a/app/views/install/configure.html +++ b/app/views/install/configure.html @@ -1,50 +1,44 @@ {installer-nav} -
-
-
-
- -
- -
+
+
+
+ Configure + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- \ No newline at end of file +
+
\ No newline at end of file diff --git a/app/views/install/models.html b/app/views/install/models.html index 11b0d3f..9b7bd7a 100644 --- a/app/views/install/models.html +++ b/app/views/install/models.html @@ -1,31 +1,37 @@ {installer-nav} -
-

All models are required for proper installation of The Tempus Project. In this step, we will add the database tables required for these models. In the next step, you'll be able to select which plugins you would like installed.

-
-
- - - - - - - - - {LOOP} - - - - - {/LOOP} - {ALT} - - - - {/ALT} - -
Model NameVersion
{name}{version}
- No models to install. -
- -
-
\ No newline at end of file +
+
+
+

All models are required for proper installation of The Tempus Project. In this step, we will add the database tables required for these models. In the next step, you'll be able to select which plugins you would like installed.

+
+ + + + + + + + + {LOOP} + + + + + {/LOOP} + {ALT} + + + + {/ALT} + +
Model NameVersion
{name}{version}
+ No models to install. +
+ +
+ +
+
+
+
+
\ No newline at end of file diff --git a/app/views/install/nav.html b/app/views/install/nav.html index e98f486..84a3eb2 100644 --- a/app/views/install/nav.html +++ b/app/views/install/nav.html @@ -1,12 +1,12 @@ -
    -
  • Welcome
    • -
  • Terms
    • -
  • Verify
    • -
  • Configure
    • -
  • Routing
    • -
  • Models
    • -
  • Plugins
    • -
  • Resources
    • -
  • User
    • -
  • Complete
    • + \ No newline at end of file diff --git a/app/views/install/plugins.html b/app/views/install/plugins.html index b2b3e0d..ff9200c 100644 --- a/app/views/install/plugins.html +++ b/app/views/install/plugins.html @@ -1,37 +1,45 @@ {installer-nav} -
    -

    The Tempus Project was built to utilize all of the plugins provided with the installer. You can choose not to enable any one of them, but it may negatively impact the operation of your site..

    -
    -
    - - - - - - - - - - {LOOP} - - - - - - {/LOOP} - {ALT} - - - - {/ALT} - -
    Plugin NameVersion - -
    {name}{version} - -
    - No models to install. -
    - -
    -
    \ No newline at end of file +
    +
    +
    +

    + The Tempus Project was built to utilize all of the plugins provided with the installer. You can choose not to enable any one of them, but it may negatively impact the operation of your site. +

    +
    + + + + + + + + + + {LOOP} + + + + + + {/LOOP} + {ALT} + + + + {/ALT} + +
    Plugin NameVersion + +
    {name}{version} + +
    + No models to install. +
    + +
    + +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/app/views/install/resources.html b/app/views/install/resources.html index ea3708b..d271668 100644 --- a/app/views/install/resources.html +++ b/app/views/install/resources.html @@ -1,10 +1,16 @@ {installer-nav} -
    -
    -

    Some models such as groups will need additional database resources and configurations to function properly. In this step, we will install those features.

    -
    -
    -
    - -
    -
    \ No newline at end of file +
    +
    +
    +

    + Some models such as groups will need additional database resources and configurations to function properly. In this step, we will install those features. +

    +
    + +
    + +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/app/views/install/routing.html b/app/views/install/routing.html index 7d0850f..1511e4e 100644 --- a/app/views/install/routing.html +++ b/app/views/install/routing.html @@ -1,14 +1,18 @@ {installer-nav} -
    -
    -

    The Tempus Project uses rewrites in htaccess files (Apache), or location directives (Nginx), to automatically route all incoming traffic through the app. In this step, we will help set-up and then test that the required configurations have been made.

    -

    Apache Users

    -

    In this step, we will attempt to generate the appropriate files for Apache servers.

    -

    Nginx Users

    -

    If you are using Nginx, you will need to update your server's configuration manually. Please see the documentation, for convenience, an example configuration has been provided with TheTempusProject and can be found in the app/resources directory.

    -
    -
    -
    - -
    -
    \ No newline at end of file +
    +
    +
    +

    The Tempus Project uses rewrites in htaccess files (Apache), or location directives (Nginx), to automatically route all incoming traffic through the app. In this step, we will help set-up and then test that the required configurations have been made.

    +

    Apache Users

    +

    In this step, we will attempt to generate the appropriate files for Apache servers.

    +

    Nginx Users

    +

    If you are using Nginx, you will need to update your server's configuration manually. Please see the documentation, for convenience, an example configuration has been provided with TheTempusProject and can be found in the app/resources directory.

    +
    + +
    +
    +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/app/views/install/start.html b/app/views/install/start.html index 4e0a870..3fa11a4 100644 --- a/app/views/install/start.html +++ b/app/views/install/start.html @@ -1,11 +1,13 @@ -{installer-nav} -

    Welcome to The Tempus Project Installer.

    -

    This installer will guide you through the process of installing and configuring The Tempus Project. Do not forget to delete this file once you have completed installation.

    -
    -
    -
    -
    -
    - -
    -
    \ No newline at end of file +
    +
    +
    + {installer-nav} +

    Welcome to The Tempus Project Installer.

    +

    This installer will guide you through the process of installing and configuring The Tempus Project. Do not forget to delete this file once you have completed installation.

    +
    + +
    +
    +
    +
    +
    \ No newline at end of file diff --git a/app/views/nav/admin.html b/app/views/nav/admin.html index 357e68d..aaf01c4 100644 --- a/app/views/nav/admin.html +++ b/app/views/nav/admin.html @@ -1,6 +1,10 @@ - - \ No newline at end of file + \ No newline at end of file diff --git a/app/views/nav/adminSub.html b/app/views/nav/adminSub.html new file mode 100644 index 0000000..513c731 --- /dev/null +++ b/app/views/nav/adminSub.html @@ -0,0 +1,6 @@ + +
      + {LOOP} +
    • {text}
      • + {/LOOP} +
    \ No newline at end of file diff --git a/app/views/nav/statusLoggedIn.html b/app/views/nav/statusLoggedIn.html index 9ac991d..c88fe05 100644 --- a/app/views/nav/statusLoggedIn.html +++ b/app/views/nav/statusLoggedIn.html @@ -1,14 +1,15 @@ +
    -