Skip to content

Instantly share code, notes, and snippets.

View rickhernandezio's full-sized avatar
🎯
Focusing

Rick Hernandez rickhernandezio

🎯
Focusing
4 followers · 6 following
View GitHub Profile
@rickhernandezio
rickhernandezio / gist:5d72727d30529d8d84ae5c15d01f1196
Created October 30, 2017 21:59
sudo reboot
@rickhernandezio
rickhernandezio / gist:1e44fd518afe0c804ad35d4304212188
Created November 2, 2017 17:58
npm install
@rickhernandezio
rickhernandezio / align-vertically-css.js
Last active January 6, 2018 06:54
How to vertically align an image with CSS?
$(document).ready(function() {
$('.product-features-img').height($('.product-features').height());
$('.product-features-img img').addClass('vertical-align');
});
@rickhernandezio
rickhernandezio / vertical-align-css.css
Created January 6, 2018 06:54
How to vertically align an image with CSS?
.vertical-align {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
@rickhernandezio
rickhernandezio / markup.html
Created January 8, 2018 02:19
Animate.css Tutorial - Building a Image Slider with jQuery
<div class="col l7 product">
<img src="/img/demo-product-1.png" alt="Sparkki LMS System Demonstration" class="responsive-img animated fadeIn version-1"></a>
<img src="/img/demo-product-2.png" alt="Sparkki LMS System Demonstration" class="responsive-img hidden version-2"></a>
<img src="/img/demo-product-3.png" alt="Sparkki LMS System Demonstration" class="responsive-img hidden version-3"></a>
<img src="/img/demo-product-4.png" alt="Sparkki LMS System Demonstration" class="responsive-img hidden version-4"></a>
<img src="/img/demo-product-5.png" alt="Sparkki LMS System Demonstration" class="responsive-img hidden version-5"></a>
</div>
@rickhernandezio
rickhernandezio / random-images.js
Created January 8, 2018 02:20
Animate.css Tutorial - Building a Image Slider with jQuery
$(document).ready(function() {
var lastImage = 1;
setInterval(() => {
$('.product .version-' + lastImage).removeClass('fadeIn');
$('.product .version-' + lastImage).addClass('slideOutRight');
setTimeout(() => {
$('.product .version-' + lastImage).addClass('hidden');
$('.product .version-' + lastImage).removeClass('animated slideOutRight');
var randomImage = RandomNumber(1, 5, lastImage);
@rickhernandezio
rickhernandezio / install.sh
Created January 13, 2018 22:23
Install MySQL
sudo apt-get update
sudo apt-get install mysql-server
mysql_secure_installation
@rickhernandezio
rickhernandezio / createusers.sql
Created January 13, 2018 22:31
Create users with MySQL
CREATE DATABASE MauticAutomation;
CREATE USER 'MauticUser'@'%' IDENTIFIED BY 'CREATE A REALLY STRONG PASSWORD';
GRANT ALL ON MauticAutomation.* TO 'MauticUser'@'localhost' IDENTIFIED BY 'CREATE A REALLY STRONG PASSWORD';
FLUSH PRIVILEGES;
@rickhernandezio
rickhernandezio / login
Created January 13, 2018 22:31
Login to SQL Server
mysql -u root -p
@rickhernandezio
rickhernandezio / gist:ad447143518f59c13108b0d89cad7907
Created January 13, 2018 22:37
Download Mautic
mkdir /var/www/mautic
cd /var/www/mautic
wget https://github.com/mautic/mautic/archive/master.zip
sudo apt-get install unzip
unzip master.zip
mv mautic-master/* .
rm master.zip
rm -R mautic-master/