Added content elements, Added test content page

Update .htaccess, content.php, and 6 more files...
This commit is contained in:
2022-04-16 18:53:29 +02:00
parent 9c98503b07
commit b212dd046c
8 changed files with 332 additions and 16 deletions

View File

@@ -51,6 +51,15 @@ img.no-save {
.font-size-30 {
font-size: 3.0rem!important;
}
.font-size-30 {
font-size: 3.0rem!important;
}
.font-size-35 {
font-size: 3.5rem!important;
}
.font-size-40 {
font-size: 4.0rem!important;
}
.text-super-muted {
color: #89898A;
}
@@ -61,8 +70,8 @@ img.no-save {
align-items: stretch;
}
.py-01 {
padding-top: 0.01rem;
padding-bottom: 0.01rem;
padding-top: 0.01rem!important;
padding-bottom: 0.01rem!important;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
@@ -71,6 +80,9 @@ img.no-save {
-ms-overflow-style: none;
scrollbar-width: none;
}
.cursor-pointer {
cursor: pointer;
}
/* Unique rules */
#copyright-text {
@@ -113,6 +125,17 @@ hr, hr.dark-mde, hr.subtle {
margin-bottom: 5px;
}
/* Glider rules */
.glider {
border: var(--card-border-width) solid var(--dm-card-border-color);
box-shadow: inset 1px 0 25px 5px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.glider-nav {
cursor: pointer;
height: 100%;
}
/* Content */
/* Content > Search */
@media (max-width: 992px) {
@@ -213,3 +236,17 @@ div.last-inner-collapse-border-fix {
code.w-full {
white-space: pre;
}
/* Temporary */
/*.glider >div {
border: 1px solid yellow;
}
.t01 > div {
border: 1px solid cyan;
}
.glider > div > * {
border: 1px solid green;
}
.glider, .t01 {
border: 1px solid deeppink !important;
}/**/

View File

@@ -23,3 +23,35 @@ if(document.getElementById('button-copy-tox-id-backup') != null) {
navigator.clipboard.writeText("01ABBD4515C8FA56231333D1022CEEE0A605F4E85F8A945365F56D196A1BBA10FB4DCE08DBE8");
});
}
// Creating the galleries from Glider.js
window.addEventListener('load', function(){
document.querySelectorAll(".glider").forEach(element => {
new Glider(element, {
slidesToShow: 1,
draggable: true,
scrollLock: true,
scrollLockDelay: 125,
rewind: true,
arrows: {
prev: element.previousSibling,
next: element.nextSibling
},
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
duration: 0.25
}
},{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
}
]
});
});
})