tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'develop' of github.com:tainacan/tainacan-theme into develop

This commit is contained in:
Leo Germani 2019-01-27 20:11:35 -02:00
parent fd91fc5f04 7730ab621c
commit 51f0326912
38 changed files with 456 additions and 1054 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build-config-sample.cfg
View File

@ -1,3 +1,3 @@
# the destination folder, inside the plugins folder of some WordPress installation
destination=~/devel/wordpress/wp-content/themes/tainacan
destination=~/devel/wordpress/wp-content/themes/tainacan-interface

3
composer.json
View File

@ -7,7 +7,8 @@
],
"require": {
"twbs/bootstrap": "4.*",
"fabianobn/slick": "v1.8.*"
"fabianobn/slick": "v1.8.*",
"fabianobn/ekko-lightbox": "dev-master"
},
"scripts": {
"post-install-cmd": "bash install.sh",

185
composer.lock generated
View File

@ -1,47 +1,39 @@
{
"_readme": [
"This file locks the dependencies of your project to a known state",
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
"hash": "ddc02b7d91b22a56841ec209e22e2955",
"content-hash": "98bbd33116059a9a051feb1c6e71394e",
"content-hash": "39d18487fda0792bc6d9517f079e9e45",
"packages": [
{
"name": "composer/installers",
"version": "v1.5.0",
"name": "fabianobn/ekko-lightbox",
"version": "dev-master",
"source": {
"type": "git",
"url": "https://github.com/composer/installers.git",
"reference": "049797d727261bf27f2690430d935067710049c2"
"url": "https://github.com/fabianobn/ekko-lightbox.git",
"reference": "a12102c8913e1b28da086d4072cfdcaa2ce2c92d"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/composer/installers/zipball/049797d727261bf27f2690430d935067710049c2",
"reference": "049797d727261bf27f2690430d935067710049c2",
"url": "https://api.github.com/repos/fabianobn/ekko-lightbox/zipball/a12102c8913e1b28da086d4072cfdcaa2ce2c92d",
"reference": "a12102c8913e1b28da086d4072cfdcaa2ce2c92d",
"shasum": ""
},
"require": {
"composer-plugin-api": "^1.0"
},
"replace": {
"roundcube/plugin-installer": "*",
"shama/baton": "*"
},
"require-dev": {
"composer/composer": "1.0.*@dev",
"phpunit/phpunit": "^4.8.36"
},
"type": "composer-plugin",
"type": "library",
"extra": {
"class": "Composer\\Installers\\Plugin",
"branch-alias": {
"dev-master": "1.0-dev"
}
},
"autoload": {
"psr-4": {
"Composer\\Installers\\": "src/Composer/Installers"
"vendor": {
"scripts": [
"dist/ekko-lightbox.js",
"dist/ekko-lightbox.min.js"
],
"styles": [
"dist/ekko-lightbox.css"
],
"files": [
"dist/ekko-lightbox.min.js.map",
"dist/ekko-lightbox.js.map"
]
}
},
"notification-url": "https://packagist.org/downloads/",
@ -50,82 +42,20 @@
],
"authors": [
{
"name": "Kyle Robinson Young",
"email": "kyle@dontkry.com",
"homepage": "https://github.com/shama"
"name": "ashleydw",
"email": "hello@ashleyd.ws"
}
],
"description": "A multi-framework Composer library installer",
"homepage": "https://composer.github.io/installers/",
"description": "A lightbox gallery plugin for Bootstrap 4 based on the modal plugin",
"homepage": "https://github.com/ashleydw/lightbox",
"keywords": [
"Craft",
"Dolibarr",
"Eliasis",
"Hurad",
"ImageCMS",
"Kanboard",
"Lan Management System",
"MODX Evo",
"Mautic",
"Maya",
"OXID",
"Plentymarkets",
"Porto",
"RadPHP",
"SMF",
"Thelia",
"WolfCMS",
"agl",
"aimeos",
"annotatecms",
"attogram",
"bitrix",
"cakephp",
"chef",
"cockpit",
"codeigniter",
"concrete5",
"croogo",
"dokuwiki",
"drupal",
"eZ Platform",
"elgg",
"expressionengine",
"fuelphp",
"grav",
"installer",
"itop",
"joomla",
"kohana",
"laravel",
"lavalite",
"lithium",
"magento",
"majima",
"mako",
"mediawiki",
"modulework",
"modx",
"moodle",
"osclass",
"phpbb",
"piwik",
"ppi",
"puppet",
"pxcms",
"reindex",
"roundcube",
"shopware",
"silverstripe",
"sydes",
"symfony",
"typo3",
"wordpress",
"yawik",
"zend",
"zikula"
"bootstrap",
"gallery",
"jquery",
"lightbox",
"modal"
],
"time": "2017-12-29 09:13:20"
"time": "2018-12-21T18:09:49+00:00"
},
{
"name": "fabianobn/slick",
@ -144,20 +74,20 @@
"type": "library",
"notification-url": "https://packagist.org/downloads/",
"description": "This is the atualized Slick Slider used in Wordpress",
"time": "2018-06-29 17:54:50"
"time": "2018-06-29T17:54:50+00:00"
},
{
"name": "twbs/bootstrap",
"version": "v4.1.3",
"version": "v4.2.0",
"source": {
"type": "git",
"url": "https://github.com/twbs/bootstrap.git",
"reference": "3b558734382ce58b51e5fc676453bfd53bba9201"
"reference": "d50ed9a2bde22067c0e5f21d1614e477e362165a"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/twbs/bootstrap/zipball/3b558734382ce58b51e5fc676453bfd53bba9201",
"reference": "3b558734382ce58b51e5fc676453bfd53bba9201",
"url": "https://api.github.com/repos/twbs/bootstrap/zipball/d50ed9a2bde22067c0e5f21d1614e477e362165a",
"reference": "d50ed9a2bde22067c0e5f21d1614e477e362165a",
"shasum": ""
},
"replace": {
@ -195,50 +125,15 @@
"sass",
"web"
],
"time": "2018-07-24 15:54:34"
},
{
"name": "wp-bootstrap/wp-bootstrap-navwalker",
"version": "v4.1.0",
"source": {
"type": "git",
"url": "https://github.com/wp-bootstrap/wp-bootstrap-navwalker.git",
"reference": "87228b01eb4652c39349f209ee9da6ec6fa2b5c3"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/wp-bootstrap/wp-bootstrap-navwalker/zipball/87228b01eb4652c39349f209ee9da6ec6fa2b5c3",
"reference": "87228b01eb4652c39349f209ee9da6ec6fa2b5c3",
"shasum": ""
},
"require": {
"composer/installers": "~1.0"
},
"require-dev": {
"stevegrunwell/wp-enforcer": "^0.5.0"
},
"type": "library",
"notification-url": "https://packagist.org/downloads/",
"license": [
"GPL-3.0+"
],
"authors": [
{
"name": "Brandon Hubbard"
},
{
"name": "William Patton",
"email": "will@pattonwebz.com"
}
],
"description": "A custom WordPress nav walker class to fully implement the Bootstrap 4 navigation style in a custom theme using the WordPress built in menu manager.",
"time": "2018-04-14 01:22:55"
"time": "2018-12-21T17:03:29+00:00"
}
],
"packages-dev": [],
"aliases": [],
"minimum-stability": "stable",
"stability-flags": [],
"stability-flags": {
"fabianobn/ekko-lightbox": 20
},
"prefer-stable": false,
"prefer-lowest": false,
"platform": [],

24
install.sh
View File

@ -15,9 +15,8 @@ echo "\nCopy Frameword CSS - Bootstrap ...\n\n";
mkdir("src/assets/vendor/bootstrap/js", 0777, true);
}
recurse_copy("vendor/twbs/bootstrap/scss", "src/assets/vendor/bootstrap/scss");
copy("vendor/twbs/bootstrap/dist/js/bootstrap.min.js", "src/assets/vendor/bootstrap/js/bootstrap.min.js");
copy("vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js", "src/assets/vendor/bootstrap/js/bootstrap.min.js");
recurse_copy("vendor/twbs/bootstrap/js/src", "src/assets/vendor/bootstrap/js/src");
copy("vendor/twbs/bootstrap/site/docs/4.1/assets/js/vendor/popper.min.js", "src/assets/vendor/bootstrap/js/popper.min.js");
echo "Copy Slick for Slider...\n\n";
if (!file_exists("src/assets/vendor/slick")) {
@ -32,6 +31,13 @@ echo "Copy Slick for Slider...\n\n";
copy("vendor/fabianobn/slick/slick/ajax-loader.gif", "src/assets/vendor/slick/ajax-loader.gif");
recurse_copy("vendor/fabianobn/slick/slick/fonts", "src/assets/vendor/slick/fonts");
echo "Copy Ekko Lightbox...\n\n";
if (!file_exists("src/assets/vendor/ekko-lightbox")) {
mkdir("src/assets/vendor/ekko-lightbox/", 0777, true);
}
copy("vendor/fabianobn/ekko-lightbox/dist/ekko-lightbox.min.js", "src/assets/vendor/ekko-lightbox/ekko-lightbox.min.js");
copy("vendor/fabianobn/ekko-lightbox/dist/ekko-lightbox.css", "src/assets/vendor/ekko-lightbox/ekko-lightbox.min.css");
echo "Finish Copy files! \n\n";
function recurse_copy($src,$dst) {
@ -49,4 +55,18 @@ function recurse_copy($src,$dst) {
}
closedir($dir);
}
function delete_files($target) {
if(is_dir($target)){
$files = glob( $target . "*", GLOB_MARK ); //GLOB_MARK adds a slash to directories returned
foreach( $files as $file ){
delete_files( $file );
}
rmdir( $target );
} elseif(is_file($target)) {
unlink( $target );
}
}
'

10
src/assets/js/js.js
View File

@ -1,4 +1,7 @@
jQuery( document ).ready(function( $ ) {
$( 'body' ).removeClass('loading-content');
$( '#carouselExample' ).on( 'slide.bs.carousel', function ( e ) {
var $e = $( e.relatedTarget );
@ -112,4 +115,11 @@ jQuery( document ).ready(function( $ ) {
}
return false;
});
$('.margin-pagination .navigation.pagination[role="navigation"]').addClass('justify-content-center justify-content-md-end');
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
});
});

27
src/assets/scss/_pagination.scss
View File

@ -6,25 +6,22 @@
padding: 0 1rem;
margin-top: 5rem;
.pagination{
a:nth-last-child(1){
white-space: nowrap;
}
li{
a{
color: #298596;
.nav-links {
a:nth-last-child(1){
white-space: nowrap;
}
@media only screen and (max-width: 576px){
flex-wrap: wrap;
}
.page-numbers{
padding: .5rem;
i {
font-size: 1.125rem;
}
.next {
padding-left: 0;
}
}
align-self: center;
}
.active{
a{
color: #898d8f;
}
}
@media only screen and (max-width: 576px){
flex-wrap: wrap;
}
}
.view-items{

1
src/assets/scss/_post.scss
View File

@ -336,6 +336,7 @@
}
}
.tainacan-embed-container{
padding-bottom: 2rem;
iframe {
position: relative;
top: 0;

86
src/assets/scss/_view-mode-albums.scss
View File

@ -1,86 +0,0 @@
.tainacan-albums-container {
min-height: 50vh;
padding: 30px 4.166666667%;
-moz-perspective: 100px;
-moz-transform-style: preserve-3d;
.row { justify-content: center; }
.col {
display: flex;
justify-content: center;
flex-basis: auto;
margin: 0px;
align-items: center;
}
.tainacan-album {
width: 276px;
padding: 24px;
text-align: center;
&:hover {
.metadata-title {
opacity: 1;
}
.cd {
-webkit-transform: translateX(80px) rotate(185deg);
-moz-transform: translateX(50px) rotate(185deg);
-ms-transform: translateX(50px) rotate(185deg);
-o-transform: translateX(50px) rotate(185deg);
transform: translateX(50px) rotate(185deg);
box-shadow: 2px 0px 15px -6px #111;
}
img {
box-shadow: 3px 5px 19px -8px #111;
}
}
img {
width: 228px;
height: 228px;
border-radius: 4px;
box-shadow: 0px 5px 18px -8px #111;
z-index: 9;
position: relative;
transition: box-shadow 0.2s;
}
.cd {
position:absolute;
width: 218px;
height: 218px;
z-index: 0;
display: block;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out;
background-size: cover;
border-radius: 150px;
margin: 5px;
background-blend-mode: multiply;
background-color: #ccc;
box-shadow: 0px 0px 0px 0px #111;
}
.metadata-title {
flex-shrink: 0;
border-radius: 5px;
font-size: 0.875rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0.5rem;
text-align: center;
position: relative;
opacity: 0;
background-color: rgba(255,255,255,0.45);
transition: opacity 0.5s;
left: 0;
right: 0;
z-index: 0;
margin: 10px 24px;
border: 1px solid #e3e3e3;
}
}
}

116
src/assets/scss/_view-mode-books.scss
View File

@ -1,116 +0,0 @@
.tainacan-books-container {
min-height: 50vh;
padding: 30px 4.166666667%;
background-color: #f5f5f5;
-moz-perspective: 100px;
-moz-transform-style: preserve-3d;
.row { justify-content: center; }
.col {
display: flex;
justify-content: center;
flex-basis: auto;
margin-bottom: 70px;
align-items: center;
}
/*
* I'd recommend using Modernized to detect 3d transform support
* then add a "supports-transform-3d" class
*/
.tainacan-book {
position: relative;
-moz-perspective: 100px;
-webkit-perspective-origin-x: 100px;
-webkit-perspective-origin-y: 100px;
transform: rotateY(-3deg);
-moz-transform: rotateY(-3deg);
-webkit-transform: rotateY(-3deg);
box-shadow: none;
margin: 0;
transition: -moz-transform 0.2s, -webkit-transform 0.2s, transform 0.2s;
&:hover {
-moz-transform: rotateY(-10deg);
-webkit-transform: rotateY(-10deg);
&:after {
width: 4.0%;
}
&::before {
left: 3.6%;
box-shadow: 2px 2px 10px #333;
}
.metadata-title {
opacity: 1;
}
}
}
.tainacan-book img {
vertical-align: middle;
width: 258px;
height: auto;
position: relative;
max-width: 100%;
border-radius: 4px 1px 1px 10px;
}
.tainacan-book:before,
.tainacan-book:after {
position: absolute;
top: 2%;
height: 96%;
content: ' ';
z-index: -1;
}
.tainacan-book:before {
width: 100%;
left: 3.5%;
background-color: #333;
box-shadow: 0px 2px 10px #333;
transition: left 0.2s, box-shadow 0.2s;
}
.tainacan-book:after {
width: 3.5%;
left: 99%;
background-color: #EFEFEF;
box-shadow: inset 2px 3px 5px #999;
-moz-transform: rotateY(20deg);
-webkit-transform: perspective(100) rotateY(20deg);
transition: width 0.2s;
}
// img {
// width: 258px;
// height: auto;
// border-radius: 2px;
// }
.metadata-title {
flex-shrink: 0;
border-radius: 5px;
font-size: 0.875rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0.5rem;
text-align: center;
position: absolute;
opacity: 0;
background-color: rgba(255,255,255,0.45);
transition: opacity 0.5s;
left: 0;
right: 0;
z-index: -3;
margin: 8px 10px;
border: 1px solid #e3e3e3;
}
}

112
src/assets/scss/_view-mode-document.scss
View File

@ -1,112 +0,0 @@
.tainacan-document-container {
min-height: 50vh;
padding: 30px 4.166666667%;
.tainacan-document {
padding: 12px;
margin: 16px;
border-radius: 5px;
&:hover {
.media .media-body {
.metadata-title,
.metadata-label,
.metadata-value {
white-space: normal;
}
}
.media {
.paper::before {
right: 6px;
top: 0;
transform: rotate(-1deg);
}
.paper::after {
top: 5px;
right: -5px;
transform: rotate(1deg);
}
}
}
img {
width: 130px;
height: auto;
}
.media {
.paper {
background: #fff;
position: relative;
}
.paper,
.paper::before,
.paper::after {
box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
border: 1px solid #bbb;
}
.paper::before,
.paper::after {
content: "";
position: absolute;
height: 96%;
width: 99%;
background-color: #eee;
transition: top 0.2s, right 0.2s, transform 0.2s;
}
.paper::before {
right: 3px;
top: -1;
transform: rotate(-2.5deg);
z-index: -1;
}
.paper::after {
top: 4px;
right: -4px;
transform: rotate(2.0deg);
z-index: -2;
}
.media-body {
flex: 1;
font-size: 0.6875rem;
color: gray;
overflow: hidden;
.metadata-title {
flex-shrink: 0;
font-size: 0.875rem;
margin-bottom: 0.875rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.metadata-label {
font-size: 0.75rem;
line-height: 1.0;
margin-bottom: 0.2rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.metadata-value {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
}
}
}

73
src/assets/scss/_view-mode-frame.scss
View File

@ -1,73 +0,0 @@
.tainacan-frame-container {
min-height: 50vh;
padding: 30px 4.166666667%;
background-color: #f5f5f5;
.row {
justify-content: space-around;
align-items: center;
}
.col { flex-grow: 0; }
.tainacan-frame {
padding: 12px 12px 16px 12px;
text-align: center;
.frame {
background: black;
box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.4);
padding: 12px;
&:hover .art::before {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) inset;
}
}
.mat {
background: white;
padding: 20px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) inset;
}
.art {
position: relative;
}
.art::before {
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.5) inset;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 2px;
transition: box-shadow 0.2s;
}
.art img {
width: 100%;
width: 258px;
height: auto;
border-radius: 2px;
}
.metadata-title {
flex-shrink: 0;
font-size: 0.875rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0.5rem 0.75rem;
text-align: center;
display: inline-block;
background: #fff;
margin: 14px 8px 8px 8px;
box-shadow: 0px 1px 3px #ddd;
border: 1px solid #dedede;
}
}
}

129
src/assets/scss/_view-mode-gallery.scss
View File

@ -1,129 +0,0 @@
.tainacan-gallery-container {
min-height: 50vh;
padding: 30px 24px;
background-color: #f5f5f5;
.tainacan-gallery {
padding: 24px;
&:hover {
.media .media-body .list-metadata {
.metadata-title,
.metadata-label,
.metadata-value {
white-space: normal;
}
}
.art img {
width: 140px;
}
}
.frame {
background: black;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.6);
padding: 5px;
&:hover .art::before {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5) inset;
}
}
.mat {
background: white;
padding: 10px;
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.5) inset;
}
.art {
position: relative;
}
.art img {
width: 100px;
height: auto;
border-radius: 2px;
transition: width 0.3s;
}
.art::before {
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5) inset;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 2px;
transition: box-shadow 0.2s;
}
.media {
.media-body {
overflow: hidden;
.list-metadata {
flex: 1;
font-size: 0.6875rem;
color: gray;
background-color: white;
padding: 12px;
border: 1px solid #ddd;
box-shadow: 0 2px 8px -8px #333;
transition: all 0.3s;
.metadata-title {
flex-shrink: 0;
font-size: 0.875rem;
margin-bottom: 0.875rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.3s;
}
.metadata-label {
font-size: 0.75rem;
line-height: 1.0;
margin-bottom: 0.2rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.3s;
}
.metadata-value {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.3s;
}
}
&:before{
content: '';
position: absolute;
top: 32px;
float: left;
margin-left: 10px;
width: 14px;
height: 14px;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
background: white;
}
}
}
}
}

49
src/assets/scss/_view-mode-grid.scss
View File

@ -1,39 +1,56 @@
.tainacan-grid-container {
min-height: 50vh;
padding: 30px 4.166666667%;
padding: 0px 4.166666667% 24px 4.166666667%;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, 285px);
grid-gap: 0px;
justify-content: space-evenly;
animation-name: item-appear;
animation-name: appear;
animation-duration: 0.5s;
.row { justify-content: space-around }
.col { flex-grow: 0; }
.tainacan-grid-item {
animation-name: item-appear;
animation-duration: 0.5s;
max-width: 255px;
width: 255px;
margin: 12px 15px 24px 15px;
text-align: center;
display: block;
text-decoration: none !important;
.thumbnail-container {
margin: 0;
padding: 0;
background-color: #f6f6f6;
height: 255px;
&.skeleton {
width: 255px;
height: 295px;
}
img {
max-width: 255px;
max-height: 255px;
width: auto;
height: auto;
border-radius: 0px;
.grid-item-thumbnail {
width: 255px;
height: 255px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin: 0;
display: block;
position: relative;
.skeleton {
width: 255px;
height: 255px;
position: absolute;
z-index: -1;
background-color: #e0e0e0;
bottom: 0;
}
img {
width: 255px;
height: 255px;
height: auto;
border-radius: 0px;
margin-bottom: -5px;
visibility: hidden;
}
}
&:hover {

51
src/assets/scss/_view-mode-mosaic.scss
View File

@ -1,51 +0,0 @@
.tainacan-mosaic-container {
min-height: 50vh;
padding: 0;
column-gap: 0;
column-count: 1;
@media only screen and (min-width: 576px) {
column-count: 2;
}
@media only screen and (min-width: 768px) {
column-count: 3;
}
@media only screen and (min-width: 992px) {
column-count: 4;
}
.tainacan-mosaic {
padding: 0px;
text-align: center;
img {
width: 100%;
height: auto;
}
.metadata-title {
flex-shrink: 0;
border-top-right-radius: 5px;
font-size: 0.875rem;
margin-bottom: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0.75rem 1.5rem;
text-align: center;
position: absolute;
opacity: 0;
background-color: rgba(255,255,255,0.85);
transition: opacity 0.5s;
margin-top: -45px;
}
}
.tainacan-mosaic:hover {
.metadata-title {
opacity: 1;
}
}
}

75
src/assets/scss/_view-mode-polaroid.scss
View File

@ -1,75 +0,0 @@
.tainacan-polaroid-container {
min-height: 50vh;
padding: 30px 4.166666667%;
background-color: #f5f5f5;
.row { justify-content: space-around; }
.col {
flex-grow: 0;
&:nth-of-type(odd) {
transform: rotate(0.5deg);
}
&:nth-of-type(even) {
transform: rotate(-1.0deg);
}
&:nth-of-type(3n+0) {
transform: rotate(1.0deg);
}
&:nth-of-type(7n+0) {
transform: rotate(-0.5deg);
}
}
.tainacan-polaroid {
padding: 16px;
text-align: center;
background-color: white;
box-shadow: 0px 2px 14px -8px #333;
margin: 16px;
transition: box-shadow 0.1s;
&:hover {
box-shadow: 0px 3px 16px -7px #333;
}
img {
width: 258px;
height: auto;
margin-bottom: 0.75rem;
}
.metadata-title {
flex-shrink: 0;
font-size: 0.875rem;
margin-bottom: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-bottom: 1.0rem;
text-align: center;
}
.list-metadata {
flex: 1;
font-size: 0.6875rem;
color: gray;
overflow: hidden;
display: grid;
.metadata-label {
font-size: 0.75rem;
line-height: 1.0;
margin-bottom: 0.2rem;
}
.metadata-value {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
}
}

66
src/assets/scss/_view-mode-profile.scss
View File

@ -1,66 +0,0 @@
.tainacan-profile-container {
min-height: 50vh;
padding: 30px 4.166666667%;
background-color: #f5f5f5;
.tainacan-profile {
padding: 12px;
margin: 24px;
border: 1px solid #e3e3e3;
background: white;
border-radius: 5px;
&:hover {
.media .media-body {
.metadata-title,
.metadata-label,
.metadata-value {
white-space: normal;
}
}
}
img {
width: 130px;
height: auto;
border-radius: 70px;
}
.media {
.media-body {
flex: 1;
font-size: 0.6875rem;
color: gray;
overflow: hidden;
.metadata-title {
flex-shrink: 0;
font-size: 0.875rem;
margin-bottom: 0.875rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.metadata-label {
font-size: 0.75rem;
line-height: 1.0;
margin-bottom: 0.2rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.metadata-value {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
}
}
}

74
src/assets/scss/style.scss
View File

@ -23,6 +23,45 @@ body{
}
}
body.loading-content main {
min-height: calc(100vh - 480px);
width: 100vw;
transition: min-height ease 0.3s, height ease 0.3s;
}
body.loading-content main>* {
display: none;
visibility: hidden;
}
@keyframes spinner-border {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
body.loading-content main:before {
content: ' ';
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
margin: 4rem 50% 0 50%;
vertical-align: center;
border: 0.25rem solid #dbdbdb;
border-right-color: transparent;
border-top-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .5s linear infinite;
animation: spinner-border .5s linear infinite;
}
// Animation for return to top
@keyframes appear-from-bottom {
from {
@ -259,6 +298,7 @@ nav{
}
&[aria-label='breadcrumb']{
border-bottom: 1px solid #cbcbcb;
font-size: 0.875rem;
.breadcrumb{
background: transparent;
@media screen {
@ -509,6 +549,9 @@ nav{
text-overflow: ellipsis;
white-space: nowrap;
}
.tainacan-edit-item-collection {
font-size: 1rem;
}
}
.title-back{
font: {
@ -607,18 +650,19 @@ nav{
@import "_view-mode-grid.scss";
@import "_view-mode-mosaic.scss";
@import "_view-mode-frame.scss";
@import "_view-mode-books.scss";
@import "_view-mode-polaroid.scss";
@import "_view-mode-gallery.scss";
@import "_view-mode-profile.scss";
@import "_view-mode-document.scss";
@import "_view-mode-albums.scss";
.ekko-lightbox-nav-overlay {
a {
opacity: 1;
span {
padding: 0;
}
&:first-child {
left: -50px;
position: relative;
}
&:last-child {
right: -50px;
position: relative;
}
}
}

2
src/footer.php
View File

@ -40,7 +40,7 @@ if ( get_option( 'tainacan_blogphone' ) ) {
</p>
</div>
<div class="col-auto pr-0 pr-md-3 d-none d-md-block align-self-md-top">
<img src="<?php if ( get_theme_mod( 'tainacan_footer_logo' ) ) { echo esc_attr( get_theme_mod( 'tainacan_footer_logo' ) ); }else{ echo get_template_directory_uri() ?>/assets/images/logo-footer.svg<?php }?> ?>" class="tainacan-footer-info--logo" alt="">
<img src="<?php if ( get_theme_mod( 'tainacan_footer_logo' ) ) { echo esc_attr( get_theme_mod( 'tainacan_footer_logo' ) ); }else{ echo get_template_directory_uri() ?>/assets/images/logo-footer.svg<?php }?> ?>" class="tainacan-footer-info--logo" alt="<?php if ( get_theme_mod( 'tainacan_footer_logo' ) ) { echo bloginfo( 'title' ); } else { echo 'Tainacan'; }?>">
</div>
<div class="col-12 tainacan-powered">
<span>

33
src/functions.php
View File

@ -52,7 +52,7 @@ if ( ! function_exists( 'tainacan_setup' ) ) {
),
)
); */
require_once( 'functions/enqueues.php' );
require_once get_template_directory() . '/functions/enqueues.php' ;
/**
* Custom logo to change the logo image
@ -72,6 +72,20 @@ if ( ! function_exists( 'tainacan_setup' ) ) {
'icon' => '<span class="icon"><i class="mdi mdi-apps mdi-24px"></i></span>',
'dynamic_metadata' => false,
'template' => get_template_directory() . '/tainacan/view-mode-grid.php',
'skeleton_template' => '<div class="tainacan-grid-container">
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
<div class="skeleton tainacan-grid-item"></div>
</div>'
));
}
@ -90,6 +104,21 @@ if ( ! isset( $content_width ) ) {
$content_width = 1400;
}
/**
* Adds extra classes dp body tag. has-not-finished-loading is removed
* from tag after jQuery.document(ready). It is used to style page while
* not all DOM and JS is finished.
*
* @since Tainacan Theme
*/
add_filter( 'body_class', 'custom_class' );
function custom_class( $classes ) {
$classes[] = 'loading-content';
return $classes;
}
/*
* Register Widgets SideBar
*/
@ -219,6 +248,6 @@ function tainacan_theme_collection_query( $query ) {
add_action( 'pre_get_posts', 'tainacan_theme_collection_query' );
require get_template_directory() . '/functions/customizer.php';
require get_template_directory() . '/functions/pagination.php';
require get_template_directory() . '/functions/single-functions.php';
require get_template_directory() . '/functions/class-tainacanthemecollectioncolor.php';
require get_template_directory() . '/functions/breadcrumb.php';

116
src/functions/breadcrumb.php Normal file
View File

@ -0,0 +1,116 @@
<?php
/** The breadcrump function
* Display parent and current page
**/
function the_breadcrumb() {
$showOnHome = 0; // 1 - show breadcrumbs on the homepage, 0 - don't show
$delimiter = '>'; // delimiter between crumbs
$home = __('Home', 'tainacan-interface'); // text for the 'Home' link
$showCurrent = 1; // 1 - show current post/page title in breadcrumbs, 0 - don't show
$before = '<span class="current text-black">'; // tag before the current crumb
$after = '</span>'; // tag after the current crumb
global $post;
$homeLink = get_bloginfo('url');
if (is_home() || is_front_page()) {
if ($showOnHome == 1) echo '<nav aria-label="breadcrumb" class="d-none d-md-flex mt-3 border-bottom-0 max-large margin-one-column text-jelly-bean"><a href="' . $homeLink . '">' . $home . '</a></nav>';
} else {
echo '<nav aria-label="breadcrumb" class="d-none d-md-flex mt-3 border-bottom-0 max-large margin-one-column text-jelly-bean "><a href="' . $homeLink . '">' . $home . '</a>&nbsp;' . $delimiter . '&nbsp;';
if ( is_category() ) {
$thisCat = get_category(get_query_var('cat'), false);
if ($thisCat->parent != 0) echo get_category_parents($thisCat->parent, TRUE, '&nbsp;' . $delimiter . '&nbsp;');
echo $before . __('Archive by category "', 'tainacan-interface') . single_cat_title('', false) . '"' . $after;
} elseif ( is_search() ) {
echo $before . __('Search results for "', 'tainacan-interface') . get_search_query() . '"' . $after;
} elseif ( is_day() ) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . '&nbsp;';
echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . '&nbsp;';
echo $before . get_the_time('d') . $after;
} elseif ( is_month() ) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a>&nbsp;' . $delimiter . '&nbsp;';
echo $before . get_the_time('F') . $after;
} elseif ( is_year() ) {
echo $before . get_the_time('Y') . $after;
} elseif ( is_single() && !is_attachment() ) {
if ( get_post_type() != 'post' ) {
$post_type = get_post_type_object(get_post_type());
$slug = $post_type->rewrite;
if(!is_page() && get_post_type() != 'tainacan-collection') {
echo '<a href="'. get_post_type_archive_link('tainacan-collection') .'">'; _e( 'Collections', 'tainacan-interface' ); echo '</a>&nbsp;' . $delimiter . '&nbsp;';
}
echo '<a href="' . $homeLink . '/' . $slug['slug'] . '/">' . $post_type->labels->singular_name . '</a>';
if ($showCurrent == 1) echo '&nbsp;' . $delimiter . '&nbsp;' . $before . get_the_title() . $after;
} else {
$cat = get_the_category(); $cat = $cat[0];
$cats = get_category_parents($cat, TRUE, '&nbsp;' . $delimiter . '&nbsp;');
if ($showCurrent == 0) $cats = preg_replace("#^(.+)\s$delimiter\s$#", "$1", $cats);
echo $cats;
if ($showCurrent == 1) echo $before . get_the_title() . $after;
}
} elseif ( !is_single() && !is_page() && get_post_type() != 'post' && !is_404() ) {
$post_type = get_post_type_object(get_post_type());
if(!is_page() && get_post_type() != 'tainacan-collection') {
echo '<a href="'. get_post_type_archive_link('tainacan-collection') .'">'; _e( 'Collections', 'tainacan-interface' ); echo '</a>&nbsp;' . $delimiter . '&nbsp;';
}
echo $before . $post_type->labels->singular_name . $after;
} elseif ( is_attachment() ) {
$parent = get_post($post->post_parent);
$cat = get_the_category($parent->ID); $cat = $cat[0];
echo get_category_parents($cat, TRUE, '&nbsp;' . $delimiter . '&nbsp;');
echo '<a href="' . get_permalink($parent) . '">' . $parent->post_title . '</a>';
if ($showCurrent == 1) echo '&nbsp;' . $delimiter . '&nbsp;' . $before . get_the_title() . $after;
} elseif ( is_page() && !$post->post_parent ) {
if ($showCurrent == 1) echo $before . get_the_title() . $after;
} elseif ( is_page() && $post->post_parent ) {
$parent_id = $post->post_parent;
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
for ($i = 0; $i < count($breadcrumbs); $i++) {
echo $breadcrumbs[$i];
if ($i != count($breadcrumbs)-1) echo '&nbsp;' . $delimiter . '&nbsp;';
}
if ($showCurrent == 1) echo '&nbsp;' . $delimiter . '&nbsp;' . $before . get_the_title() . $after;
} elseif ( is_tag() ) {
echo $before . __('Posts tagged "', 'tainacan-interface') . single_tag_title('', false) . '"' . $after;
} elseif ( is_author() ) {
global $author;
$userdata = get_userdata($author);
echo $before . __('Articles posted by ', 'tainacan-interface') . $userdata->display_name . $after;
} elseif ( is_404() ) {
echo $before . __('Error 404', 'tainacan-interface') . $after;
}
if ( get_query_var('paged') ) {
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo '&nbsp;(';
echo __('Page', 'tainacan-interface') . '&nbsp;' . get_query_var('paged');
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
}
echo '</nav>';
}
} // end the_breadcrumb()

4
src/functions/class-tainacanthemecollectioncolor.php
View File

@ -21,8 +21,8 @@ class TainacanThemeCollectionColor {
wp_enqueue_script( 'tainacan_colorWell', get_template_directory_uri() . '/functions/collection-color.js', false, false, true );
wp_enqueue_style( 'tainacan_colorWellStyle', get_template_directory_uri() . '/functions/collection-color.css' );
wp_localize_script( 'tainacan_colorWell', 'tainacan_colorPickerVars', array(
'cancelText' => __( 'cancel', 'tainacan-interface' ),
'chooseText' => __( 'choose', 'tainacan-interface' ),
'cancelText' => __( 'Cancel', 'tainacan-interface' ),
'chooseText' => __( 'Choose', 'tainacan-interface' ),
'togglePaletteMoreText' => __( 'more', 'tainacan-interface' ),
'togglePaletteLessText' => __( 'less', 'tainacan-interface' ),
'clearText' => __( 'Clear Color Selection', 'tainacan-interface' ),

2
src/functions/collection-color.js
View File

@ -14,9 +14,11 @@ jQuery( document ).on( 'tainacan-collection-hook-reload', function() {
],
move: function( color ) {
jQuery( '.color-text' ).css( 'background-color', color.toHexString() );
jQuery( '#colorpicker' ).attr( 'value', color.toHexString() );
},
change: function( color ) {
jQuery( '.color-text' ).css( 'background-color', color.toHexString() );
jQuery( '#colorpicker' ).attr( 'value', color.toHexString() );
}
});
jQuery( '.color-text' ).css( 'background-color', jQuery( '.sp-preview-inner' ).css( "background-color" ) );

35
src/functions/customizer.php
View File

@ -320,7 +320,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#262626', //background
'#ffffff', //background page
'#a55032', //link
'#8c442c', //link
'#e6d3cd', //tooltip
),
),
@ -329,7 +329,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#616a73', //background
'#ffffff', //background page
'#af2e48', //link
'#A12B42', //link
'#e9cbd1', //tooltip
),
),
@ -338,7 +338,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#ffffff', //background
'#ffffff', //background page
'#c58738', //link
'#754E24', //link
'#f0e1cf', //tooltip
),
),
@ -347,7 +347,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#ffffff', //background
'#ffffff', //background page
'#4ebfa7', //link
'#255F56', //link
'#d4efe9', //tooltip
),
),
@ -356,7 +356,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#ffffff', //background
'#ffffff', //background page
'#288698', //link
'#205E6F', //link
'#cbe0e5', //tooltip
),
),
@ -365,7 +365,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#ffffff', //background
'#ffffff', //background page
'#2db4c1', //link
'#185F6D', //link
'#cdecef', //tooltip
),
),
@ -374,7 +374,7 @@ function tainacan_get_color_schemes() {
'colors' => array(
'#ffffff', //background
'#ffffff', //background page
'#499dd6', //link
'#1D5C86', //link
'#d3e6f2', //tooltip
),
),
@ -499,7 +499,7 @@ function tainacan_color_scheme_css() {
'page_background_color' => $color_scheme[1],
'tainacan_link_color' => $color_scheme[2],
'tainacan_tooltip_color' => $color_scheme[3],
'backtransparent' => vsprintf( 'rgba( %1$s, %2$s, %3$s, 0.5)', $color_textcolor_rgb ),
'backtransparent' => vsprintf( 'rgba( %1$s, %2$s, %3$s, 0.3)', $color_textcolor_rgb ),
);
$color_scheme_css = tainacan_get_color_scheme_css( $colors );
@ -595,7 +595,8 @@ function tainacan_get_color_scheme_css( $colors ) {
/**
* Tainacan Collections
*/
.tainacan-collection-list--simple-search .dropdown #dropdownMenuSorting::after, .tainacan-collection-list--simple-search .dropdown #dropdownMenuViewMode::after {
.tainacan-collection-list--simple-search .dropdown #dropdownMenuSorting::after,
.tainacan-collection-list--simple-search .dropdown #dropdownMenuViewMode::after {
color: {$colors['tainacan_link_color']};
}
@ -671,12 +672,19 @@ function tainacan_get_color_scheme_css( $colors ) {
}
/* Select Arrow */
.theme-items-list .select:not(.is-loading)::after {
.theme-items-list .select:not(.is-loading)::after,
.tainacan-modal-content .select:not(.is-loading)::after,
button.link-style,
button.link-style:focus,
button.link-style:hover {
color: {$colors['tainacan_link_color']} !important;
}
/* Anchor tag, links */
.theme-items-list a, .theme-items-list a:hover {
/* Anchor tag, links, buttons styled as links */
.theme-items-list a, .theme-items-list a:hover,
.tainacan-modal-content a, .tainacan-modal-content a:hover,
.theme-items-list button.link-style, .theme-items-list button.link-style:hover,
.tainacan-modal-content button.link-style, .tainacan-modal-content button.link-style:hover {
color: {$colors['tainacan_link_color']} !important;
}
@ -689,7 +697,8 @@ function tainacan_get_color_scheme_css( $colors ) {
}
/* Colored text */
.theme-items-list .has-text-secondary {
.theme-items-list .has-text-secondary,
.tainacan-modal-content .has-text-secondary {
color: {$colors['tainacan_link_color']} !important;
}

12
src/functions/enqueues.php
View File

@ -14,9 +14,9 @@ if ( ! function_exists( 'tainacan_enqueues' ) ) {
//Style
wp_register_style( 'tainacan_bootstrap4CSS', get_template_directory_uri() . '/assets/vendor/bootstrap/css/bootstrap.min.css' );
wp_enqueue_style( 'tainacan_bootstrap4CSS' );
//Popper
/* //Popper
wp_register_script( 'tainacan_popper_bootstrap4', get_template_directory_uri() . '/assets/vendor/bootstrap/js/popper.min.js', '', '', true );
wp_enqueue_script( 'tainacan_popper_bootstrap4' );
wp_enqueue_script( 'tainacan_popper_bootstrap4' ); */
//Javascript
wp_register_script( 'tainacan_bootstrap4JS', get_template_directory_uri() . '/assets/vendor/bootstrap/js/bootstrap.min.js', array( 'jquery' ), '', true );
wp_enqueue_script( 'tainacan_bootstrap4JS' );
@ -33,6 +33,14 @@ if ( ! function_exists( 'tainacan_enqueues' ) ) {
wp_register_script( 'tainacan_SlickJS', get_template_directory_uri() . '/assets/vendor/slick/js/slick.min.js', array( 'jquery' ), '1.6.1', true );
wp_enqueue_script( 'tainacan_SlickJS' );
/**
* Ekko Lightbox
*/
wp_register_style( 'tainacan_EkkoLightboxCss', get_template_directory_uri() . '/assets/vendor/ekko-lightbox/ekko-lightbox.min.css');
wp_enqueue_style( 'tainacan_EkkoLightboxCss' );
wp_register_script( 'tainacan_EkkoLightboxJs', get_template_directory_uri() . '/assets/vendor/ekko-lightbox/ekko-lightbox.min.js', array('jquery'), null, true);
wp_enqueue_script( 'tainacan_EkkoLightboxJs' );
/**
* Google
*/

87
src/functions/pagination.php
View File

@ -1,87 +0,0 @@
<?php
/**
* Tainacan pagination
* @param $col to number of grid collum
*/
function tainacan_pagination( $col ) {
if ( is_singular() ) {
return;
}
global $wp_query;
/** Stop execution if there's only 1 page */
if ( $wp_query->max_num_pages <= 1 ) {
return;
}
$paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
$max = intval( $wp_query->max_num_pages );
$cur_posts = min( (int) $wp_query->get( 'posts_per_page' ), $wp_query->found_posts );
$to_paged = max( (int) $wp_query->get( 'paged' ), 1 );
$count_max = ( $to_paged - 1 ) * $cur_posts;
/** Add current page to the array */
if ( $paged >= 1 ) {
$links[] = $paged;
}
/** Add the pages around the current page to the array */
if ( $paged >= 3 ) {
$links[] = $paged - 1;
$links[] = $paged - 2;
}
if ( ( $paged + 2 ) <= $max ) {
$links[] = $paged + 2;
$links[] = $paged + 1;
} ?>
<div class="d-flex margin-pagination justify-content-between border-top pt-2">
<?php printf( '<div class="col-sm-3 d-none d-lg-block pl-0 view-items">Viewing Items: %d to %d from %d</div>', $count_max + 1, $count_max + $wp_query->post_count, $wp_query->found_posts ); ?>
<div class="col-sm-5 pr-md-0">
<ul class="pagination justify-content-center justify-content-md-end">
<?php /** Previous Post Link */
if ( get_previous_posts_link() ) {
printf( '<li style="padding-right: 5px">%s</li>' . "\n", get_previous_posts_link( '<i class="mdi mdi-menu-left"></i>' ) );
}
/** Link to first page, plus ellipses if necessary */
if ( ! in_array( 1, $links ) ) {
$class = 1 == $paged ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
if ( ! in_array( 2, $links ) ) {
echo '<li>&hellip;</li>';
}
}
/** Link to current page, plus 2 pages in either direction if necessary */
sort( $links );
foreach ( (array) $links as $link ) {
$class = $paged == $link ? ' class="active"' : '';
printf( '<li%s><a href="%s" class="p-2">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
}
/** Link to last page, plus ellipses if necessary */
if ( ! in_array( $max, $links ) ) {
if ( ! in_array( $max - 1, $links ) ) {
echo '<li>&hellip;</li>' . "\n";
}
$class = $paged == $max ? ' class="active"' : '';
printf( '<li%s><a href="%s" class="p-2">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
}
/** Next Post Link */
if ( get_next_posts_link() ) {
printf( '<li>%s</li>' . "\n", get_next_posts_link( '<i class="mdi mdi-menu-right"></i>' ) );
} ?>
</ul>
</div>
</div>
<?php }

29
src/functions/single-functions.php
View File

@ -62,6 +62,35 @@ function tainacan_wrap_comment( $content ) {
}
add_filter( 'comment_text', 'tainacan_wrap_comment', 99 );
if ( ! function_exists( 'tainacan_pagination' ) ) :
function tainacan_pagination() {
global $wp_query;
$cur_posts = min( (int) $wp_query->get( 'posts_per_page' ), $wp_query->found_posts );
$to_paged = max( (int) $wp_query->get( 'paged' ), 1 );
$count_max = ( $to_paged - 1 ) * $cur_posts; ?>
<div class="d-flex margin-pagination justify-content-between border-top pt-2">
<?php printf( '<div class="col-sm-3 d-none d-lg-block pl-0 view-items">Viewing Items: %d to %d from %d</div>', $count_max + 1, $count_max + $wp_query->post_count, $wp_query->found_posts ); ?>
<div class="col-sm-5 pr-md-0 justify-content-md-end">
<?php the_posts_pagination(
array(
'mid_size' => 2,
'prev_text' => sprintf(
'%s',
'<i class="mdi mdi-menu-left"></i>'
),
'next_text' => sprintf(
' %s',
'<i class="mdi mdi-menu-right"></i>'
),
'screen_reader_text' => ' '
)
); ?>
</div>
</div>
<?php }
endif;
/**
* Display date of post.
*/

2
src/header.php
View File

@ -17,7 +17,7 @@
<div class="btn-group ml-auto">
<form class="form-horizontal my-2 my-md-0 tainacan-search-form d-none d-md-block" [formGroup]="searchForm" role="form" (keyup.enter)="onSubmit()" action="<?php echo home_url( '/' ); ?>">
<div class="input-group">
<input type="text" name="s" placeholder="<?php _e( 'Search', 'tainacan-interface' ); ?>" class="form-control" formControlName="searchText" size="50">
<input type="text" name="s" placeholder="<?php esc_attr_e( 'Search', 'tainacan-interface' ); ?>" class="form-control" formControlName="searchText" size="50">
<span class="text-midnight-blue input-group-btn mdi mdi-magnify form-control-feedback"></span>
</div>
</form>

19
src/tainacan/single-items.php
View File

@ -13,9 +13,11 @@
<div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
<?php the_title(); ?>
<?php the_title(); ?>
</li>
<li class="list-inline-item float-right title-back">
<a href="javascript:history.go(-1)"><?php _e( 'Back', 'tainacan-interface' ); ?></a>
</li>
<li class="list-inline-item float-right title-back"><a href="javascript:history.go(-1)"><?php _e( 'Back', 'tainacan-interface' ); ?></a></li>
</ul>
</div>
</div>
@ -27,6 +29,11 @@
<header class="mb-4">
<div class="header-meta text-muted mb-5">
<span class="time"><?php tainacan_meta_date_author(); ?></span>
<?php if(function_exists('tainacan_the_item_edit_link')) {
echo '<span class="tainacan-edit-item-collection">';
tainacan_the_item_edit_link(null, ' - ');
echo '</span>';
} ?>
</div>
</header>
<?php if ( tainacan_has_document() ) : ?>
@ -72,7 +79,7 @@
<div class="single-item-collection--attachments">
<?php foreach ( $attachment as $attachment ) { ?>
<div class="single-item-collection--attachments-img">
<a href="<?php echo $attachment->guid; ?>" target="_BLANK">
<a href="<?php echo $attachment->guid; ?>" data-toggle="lightbox" data-gallery="example-gallery">
<?php
echo wp_get_attachment_image( $attachment->ID, 'tainacan-interface-item-attachments' );
?>
@ -113,7 +120,7 @@
<div class="btn-group" role="group">
<?php if ( true == get_theme_mod( 'tainacan_facebook_share', true ) ) : ?>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="item-card-link--sharing" target="_blank">
<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="<?php esc_attr_e('Share this on facebook', 'tainacan-interface') ?>">
</a>
<?php endif; ?>
<?php if ( true == get_theme_mod( 'tainacan_twitter_share', true ) ) : ?>
@ -122,12 +129,12 @@
$via = ! empty( $twitter_option ) ? '&amp;via=' . esc_attr( get_option( 'tainacan_twitter_user' ) ) : '';
?>
<a href="http://twitter.com/share?url=<?php the_permalink(); ?>&amp;text=<?php the_title_attribute(); ?><?php echo $via; ?>" target="_blank" class="item-card-link--sharing">
<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="<?php esc_attr_e('Share this on twitter', 'tainacan-interface') ?>">
</a>
<?php endif; ?>
<?php if ( true == get_theme_mod( 'tainacan_google_share', true ) ) : ?>
<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank" class="item-card-link--sharing">
<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="<?php esc_attr_e('Share this on google plus', 'tainacan-interface') ?>">
</a>
<?php endif; ?>
</div>

14
src/tainacan/view-mode-grid.php
View File

@ -9,11 +9,19 @@
<?php the_title(); ?>
</p>
<?php if ( has_post_thumbnail() ) : ?>
<div class="thumbnail-container">
<?php the_post_thumbnail( 'tainacan-medium' ); ?>
<div
style="background-image: url(<?php the_post_thumbnail_url( 'tainacan-medium' ) ?>)"
class="grid-item-thumbnail">
<?php the_post_thumbnail( 'tainacan-medium' ); ?>
<div class="skeleton"></div>
</div>
<?php else : ?>
<?php echo '<img alt="Thumbnail placeholder" src="' . get_template_directory_uri() . '/assets/images/thumbnail_placeholder.png">'?>
<div
style="background-image: url(<?php echo get_template_directory_uri() . '/assets/images/thumbnail_placeholder.png'?>)"
class="grid-item-thumbnail">
<?php echo '<img alt="Thumbnail placeholder" src="' . get_template_directory_uri() . '/assets/images/thumbnail_placeholder.png">'?>
<div class="skeleton"></div>
</div>
<?php endif; ?>
</a>

4
src/template-parts/bannerheader.php
View File

@ -21,8 +21,10 @@
printf( __( 'Yearly Archives: %s', 'tainacan-interface' ), get_the_date( _x( 'Y', 'yearly archives date format', 'tainacan-interface' ) ) );
elseif ( is_author() ) :
echo get_the_author();
else :
elseif ( 'tainacan-collection' == get_post_type() ) :
echo get_the_archive_title();
else :
echo tainacan_the_collection_name();
endif;
}
} ?>

14
src/template-parts/headercollection.php
View File

@ -8,14 +8,14 @@ $background_color = get_post_meta( tainacan_get_collection_id(), 'tainacan_theme
$text_color = get_post_meta( tainacan_get_collection_id(), 'tainacan_theme_collection_color', true );
if ( $background_color ) {
echo ".t-bg-collection {
background-color: $background_color !important;
background-color: " . esc_attr($background_color) . " !important;
}";
echo ".t-bg-collection h2, .t-bg-collection .t-collection--info-description-text {
color: $text_color !important;
color: " . esc_attr($text_color) . " !important;
}";
echo ".t-bg-collection a {
color: $text_color !important;
color: " . esc_attr($text_color) . " !important;
opacity: 0.6;
}";
}
@ -27,13 +27,15 @@ echo '</style>';
<div class="container-fluid px-0 t-bg-collection" style="<!-- z-index: 0; -->">
<div class="collection-header position-relative max-large" style="">
<?php do_action( 'tainacan-interface-collection-header' ); ?>
<?php if ( has_post_thumbnail( tainacan_get_collection_id() ) ) : ?>
<img src="<?php echo get_the_post_thumbnail_url( tainacan_get_collection_id() ); ?>" class="t-collection--info-img rounded-circle img-fluid border border-white position-absolute text-left">
<?php if ( has_post_thumbnail( tainacan_get_collection_id() ) ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); ?>
<img src="<?php the_post_thumbnail_url(); ?>" class="t-collection--info-img rounded-circle img-fluid border border-white position-absolute text-left" alt="<?php echo esc_attr($alt); ?>">
<?php else : ?>
<div class="image-placeholder rounded-circle border border-white position-absolute">
<h4 class="text-center">
<?php
echo tainacan_get_initials( tainacan_get_the_collection_name() );
echo esc_html( tainacan_get_initials( tainacan_get_the_collection_name() ) );
?>
</h4>
</div>

6
src/template-parts/list-post.php
View File

@ -1,7 +1,9 @@
<div class="row blog-post mb-3">
<?php if ( has_post_thumbnail() ) : ?>
<?php if ( has_post_thumbnail() ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); ?>
<div class="col-xs-12 col-md-4 blog-thumbnail align-self-center text-center mb-4 mb-md-0">
<a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url( get_the_ID(),'tainacan-interface-list-post' ) ?>" class="img-fluid" alt=""></a>
<a href="<?php the_permalink(); ?>"><img src="<?php the_post_thumbnail_url( 'tainacan-interface-list-post' ) ?>" class="img-fluid" alt="<?php echo esc_attr($alt); ?>"></a>
</div>
<?php endif; ?>
<div class="col-xs-12 blog-content <?php if ( has_post_thumbnail() ) :?>col-md-8 blog-flex<?php else : ?>col-md-12<?php endif; ?> align-self-center">

10
src/template-parts/loop-tainacan-collection-grid.php
View File

@ -7,12 +7,14 @@
<p class="tainacan-list-collection--grid-title text-black text-left p-3 mb-0 text-truncate">
<?php the_title(); ?>
</p>
<?php if ( has_post_thumbnail() ) : ?>
<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-medium' ) ?>" class="img-fluid tainacan-list-collection--grid-img" alt="">
<?php if ( has_post_thumbnail() ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); ?>
<img src="<?php the_post_thumbnail_url( 'tainacan-medium' ) ?>" class="img-fluid tainacan-list-collection--grid-img" alt="<?php echo esc_attr($alt); ?>">
<?php else : ?>
<div class="image-placeholder">
<h4 class="text-center">
<?php echo tainacan_get_initials( get_the_title() ); ?>
<?php echo esc_html( tainacan_get_initials( get_the_title() ) ); ?>
</h4>
</div>
<?php endif; ?>
@ -22,7 +24,7 @@
</div>
</div>
<?php echo tainacan_pagination( 3 ); ?>
<?php echo tainacan_pagination(); ?>
<?php else : ?>
<?php _e( 'Nothing found', 'tainacan-interface' ); ?>

10
src/template-parts/loop-tainacan-collection-table.php
View File

@ -14,12 +14,14 @@
<?php while ( have_posts() ) : the_post(); ?>
<tr class="tainacan-list-collection" onclick="location.href='<?php the_permalink(); ?>'">
<td class="collection-miniature">
<?php if ( has_post_thumbnail() ) : ?>
<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'tainacan-small' ) ?>" class="img-fluid rounded-circle" alt="">
<?php if ( has_post_thumbnail() ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); ?>
<img src="<?php the_post_thumbnail_url( 'tainacan-small' ) ?>" class="img-fluid rounded-circle" alt="<?php echo esc_attr($alt); ?>">
<?php else : ?>
<div class="image-placeholder">
<h4>
<?php echo tainacan_get_initials( get_the_title(), true ); ?>
<?php echo esc_html( tainacan_get_initials( get_the_title(), true ) ); ?>
</h4>
</div>
<?php endif; ?>
@ -34,7 +36,7 @@
</table>
</div>
<?php echo tainacan_pagination( 3 ); ?>
<?php echo tainacan_pagination(); ?>
<?php else : ?>
<?php _e( 'Nothing found', 'tainacan-interface' ); ?>

8
src/template-parts/loop-tainacan-collection.php
View File

@ -6,8 +6,10 @@
<a class="tainacan-list-collection--card-link" href="<?php the_permalink(); ?>">
<h5 class="tainacan-list-collection--title text-black text-left p-3 mb-0 text-truncate"><?php the_title(); ?></h5>
<div class="media">
<?php if ( has_post_thumbnail() ) : ?>
<img src="<?php echo get_the_post_thumbnail_url( get_the_ID(), 'collection-list-card' ) ?>" class="tainacan-list-collection--card-img rounded-0 align-self-center mr-3" alt="">
<?php if ( has_post_thumbnail() ) :
$thumbnail_id = get_post_thumbnail_id( $post->ID );
$alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true); ?>
<img src="<?php the_post_thumbnail_url( 'collection-list-card' ) ?>" class="tainacan-list-collection--card-img rounded-0 align-self-center mr-3" alt="<?php echo esc_attr($alt); ?>">
<?php else : ?>
<div class="image-placeholder">
<h4>
@ -29,7 +31,7 @@
</div>
</div>
<?php echo tainacan_pagination( 3 ); ?>
<?php echo tainacan_pagination(); ?>
<?php else : ?>
<?php _e( 'Nothing found', 'tainacan-interface' ); ?>

2
src/template-parts/loop.php
View File

@ -28,7 +28,7 @@
<?php endwhile; ?>
</div>
<?php echo tainacan_pagination( 3 ); ?>
<?php echo tainacan_pagination(); ?>
<?php else : ?>
<?php _e( 'Nothing found', 'tainacan-interface' ); ?>

12
src/template-parts/menubellowbanner.php
View File

@ -1,10 +1,3 @@
<?php
/* $bread = "<ol class='breadcrumb pb-0 mb-1' style='background: transparent'>";
$bread .= "<li class='breadcrumb-item'><a href='#'>Home</a></li>";
$bread .= "<li class='breadcrumb-item'><a href='#'>Site</a></li>";
$bread .= "<li class='breadcrumb-item active' aria-current='page'>Blog</li>";
$bread .= "</ol>"; */
?>
<?php if ( has_nav_menu( 'navMenubelowHeader' ) ) : ?>
<nav class="navbar navbar-expand-md navbar-light bg-white px-0 border-bottom menu-belowheader" role="navigation">
<div class="container-fluid max-large px-0 margin-one-column">
@ -28,6 +21,5 @@
</div>
</nav>
<?php endif; ?>
<!-- <nav aria-label="breadcrumb" class="d-none d-md-flex">
<?php //echo $bread; ?>
</nav> -->
<?php the_breadcrumb(); ?>

6
src/template-parts/single-post.php
View File

@ -7,19 +7,19 @@
<div class="btn-group ml-auto" role="group">
<?php if ( true == get_theme_mod( 'tainacan_facebook_share', true ) ) : ?>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="" target="_blank">
<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/facebook-circle.png'; ?>" alt="<?php esc_attr_e('Share this on facebook', 'tainacan-interface') ?>">
</a>
<?php endif; ?>
<?php if ( true == get_theme_mod( 'tainacan_twitter_share', true ) ) : ?>
<?php $twitter_option = get_option( 'tainacan_twitter_user' ); ?>
<?php $via = ! empty( $twitter_option ) ? '&amp;via=' . esc_attr( get_option( 'tainacan_twitter_user' ) ) : ''; ?>
<a href="http://twitter.com/share?url=<?php the_permalink(); ?>&amp;text=<?php the_title_attribute(); ?><?php echo $via; ?>" target="_blank" class="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/twitter-circle.png'; ?>" alt="<?php esc_attr_e('Share this on twitter', 'tainacan-interface') ?>">
</a>
<?php endif; ?>
<?php if ( true == get_theme_mod( 'tainacan_google_share', true ) ) : ?>
<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank" class="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="">
<img src="<?php echo get_template_directory_uri() . '/assets/images/google-plus-circle.png'; ?>" alt="<?php esc_attr_e('Share this on google plus', 'tainacan-interface') ?>">
</a>
<?php endif; ?>
</div>