Command to get a fresh database dump from redis with redis-cli

redis-cli --rdb /tmp/dump.rdb

From Redis Docs

tar -axvf ImageMagick.tar.gz

!/bin/bash

rdb_file="/FOLDER_TO_YOUR_REDIS_DUMP_FILE/redis/dump.rdb"
redis_cli="/usr/bin/redis-cli"

DIR=date +%d-%m-%y
DEST=~/redis_backups/$DIR
mkdir $DEST

echo save| $redis_cli
exit 1

Rake::Task[:extra_behavior].invoke

gulp.task('default', () => {
return gulp
.src('./build/*.html')
.pipe(replace('.js"></script>', '.js" inline></script>'))
.pipe(replace('rel="stylesheet">', 'rel="stylesheet" inline>'))
.pipe(
inlinesource({
compress: false,
ignore: ['png'],
})
)
.pipe(gulp.dest('./build'));
});

{
"semi": true,
"trailingComma": "none",
"singleQuote": true,
"printWidth": 80
}

While I regularily use services like Buddy or DeployHQ to build and deploy Craft CMS websites, I wanted to experiment with Github Actions. Here is what I came up with and why.

/etc/nginx/conf.d/mod-http-passenger.conf

1. To begin with, add an HTML element on the same page as the Elementor Image Carousel
2. After that, add a class name to your Elementor carousel element
3. Give it the class name “carousel1” under Advanced > CSS Classes.
4. Then, add this code the html element, and edit the links to your own

<style>.swiper-slide-image{cursor: pointer;} </style>

<script>
document.addEventListener('DOMContentLoaded', function () {

/* Edit the links HERE */
let links = [
    'https://element.how/elementor-menu-anchor/#anchor_from_other_pages',
    'https://element.how/elementor-horizontal-scroll-section/',
    'https://element.how/amazing-accordion-section/',
    'https://element.how/awesome-hexagonal-boxes/',
    'https://element.how/show-header-hamburger-click/',
    'https://element.how/elementor-centered-logo-header/'
];

document.body.addEventListener('click', function (e) {
    if (e.target.closest('.carousel1 .swiper-slide')){
    let i = e.target.closest('.swiper-slide').getAttribute("data-swiper-slide-index");
    window.open(links[i]); /* TO OPEN LINKS IN SAME WINDOW USE: location = links[i]; */
    }
});
});
</script>

5. enjoy

Multiple carousel on same page
add the class ‘carousel1’ , ‘carousel2’ , ‘carousel3’ etc to each Image Carousel

<style>.swiper-slide-image{cursor: pointer;} </style>

<script>
/* For Carousel 1 on the page */

document.addEventListener('DOMContentLoaded', function () {

/* Edit the links HERE */
let links = [
'https://element.how/elementor-pop-ups-problems/',
'https://element.how/elementor-horizontal-scroll-section/',
'https://element.how/amazing-accordion-section/',
'https://element.how/awesome-hexagonal-boxes/',
'https://element.how/show-header-hamburger-click/',
'https://element.how/elementor-centered-logo-header/'
];

document.body.addEventListener('click', function (e) {
if (e.target.closest('.carousel1 .swiper-slide')){
let i = e.target.closest('.swiper-slide').getAttribute("data-swiper-slide-index");
window.open(links[i]); /* TO OPEN LINKS IN SAME WINDOW USE: location = links[i]; */
}
});
});

/* For Carousel 2 on the page */

document.addEventListener('DOMContentLoaded', function () {

/* Edit the links HERE */
let links = [
'https://element.how/elementor-pop-ups-problems/',
'https://element.how/elementor-horizontal-scroll-section/',
'https://element.how/amazing-accordion-section/',
'https://element.how/awesome-hexagonal-boxes/',
'https://element.how/show-header-hamburger-click/',
'https://element.how/elementor-centered-logo-header/'
];

document.body.addEventListener('click', function (e) {
if (e.target.closest('.carousel2 .swiper-slide')){
let i = e.target.closest('.swiper-slide').getAttribute("data-swiper-slide-index");
window.open(links[i]); /* TO OPEN LINKS IN SAME WINDOW USE: location = links[i]; */
}
});
});

/* For Carousel 3 on the page */

document.addEventListener('DOMContentLoaded', function () {

/* Edit the links HERE */
let links = [
'https://element.how/elementor-pop-ups-problems/',
'https://element.how/elementor-horizontal-scroll-section/',
'https://element.how/amazing-accordion-section/',
'https://element.how/awesome-hexagonal-boxes/',
'https://element.how/show-header-hamburger-click/',
'https://element.how/elementor-centered-logo-header/'
];

document.body.addEventListener('click', function (e) {
if (e.target.closest('.carousel3 .swiper-slide')){
let i = e.target.closest('.swiper-slide').getAttribute("data-swiper-slide-index");
window.open(links[i]); /* TO OPEN LINKS IN SAME WINDOW USE: location = links[i]; */
}
});
});

/* For More carousels, keep duplicating the code in the same fashion, replacing '.carouselx' with the right x value */
</script>

CSS tricks for glassmorphism in firefox

HyperText Transfer Protocol Secure (https) is a communication protocol adding a security layer to classic http. It uses TLS and certificates communication betwe

In this Raspberry Pi static IP tutorial, we will show you how to configure your Raspberry Pi's network so that it utilizes a static IP address.

python -m SimpleHTTPServer
# or the Python 3 equivalent
python3 -m http.server

a tutorial that will show you how to embed any number of HTML widgeits or snippets into your Notion app page. Completely free without ads.

Finding, memorizing, and typing OTPs sent via SMS is cumbersome. The WebOTP API simplifies the OTP workflow for users.

Content-agnostic and easy to customize modal component made with Alpine JS.

I have a piece of JavaScript code that I am executing using the node.js interpreter.

for(var i = 1; i < LIMIT; i++) {
var user = {
id: i,
name: "MongoUser [" + i + "]"
};
db.users...

I observed that when i use Logcat with Eclipse with ADT for Android, I get messages from many other applications as well. Is there a way to filter this and show only messages from my own applicatio...

https://developer.android.com/studio/command-line/logcat

https://www.reddit.com/r/selfhosted/comments/ak63n3/self_hosted_ngrok_alternative/