This is an easy way to make a motion blur mouse movement.
A Pen by Ignacio Correia on CodePen.
#!/bin/bash | |
if curl --head -sf http://yourdomain.com/some-script.php -o /dev/null; then | |
echo "PHP FPM is up" | |
else | |
service php5-fpm restart && service nginx restart && service mysql restart | |
echo "Opps .. service was down" | mail -s "PHP-FPM Service Down" [email protected] -aFrom:[email protected] | |
fi |
# Setting up permission on Magento 1.9 | |
# set all directories and subdirectories from the application to 775 | |
# set all files to 644 | |
# set directory app/etc/, var/, media/ and all its files and subdirectories to 777 | |
cd <your Magento install dir> | |
find . -type d -exec chmod 775 {} \; | |
find . -type f – exec chmod 644 {} \; | |
chmod 777 -R app/etc/ |
/* For BS4. Author:@igcorreia (https://twitter.com/igcorreia). Check the codepen to create yours: https://codepen.io/igcorreia */ | |
.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}@media screen and (min-width:576px){.fw-sm-100{font-weight:100}.fw-sm-200{font-weight:200}.fw-sm-300{font-weight:300}.fw-sm-400{font-weight:400}.fw-sm-500{font-weight:500}.fw-sm-600{font-weight:600}.fw-sm-700{font-weight:700}.fw-sm-800{font-weight:800}.fw-sm-900{font-weight:900}}@media screen and (min-width:768px){.fw-md-100{font-weight:100}.fw-md-200{font-weight:200}.fw-md-300{font-weight:300}.fw-md-400{font-weight:400}.fw-md-500{font-weight:500}.fw-md-600{font-weight:600}.fw-md-700{font-weight:700}.fw-md-800{font-weight:800}.fw-md-900{font-weight:900}}@media screen and (min-width:992px){.fw-lg-100{font-weight:100}.fw-lg-200{font-weight:200}.fw-lg-300{font-weight:300}. |
/* For BS4. Author:@igcorreia (https://twitter.com/igcorreia). Check the codepen to create yours: https://codepen.io/igcorreia/pen/yLOyxmy */ | |
.fs-1{font-size:1px}.fs-2{font-size:2px}.fs-3{font-size:3px}.fs-4{font-size:4px}.fs-5{font-size:5px}.fs-6{font-size:6px}.fs-7{font-size:7px}.fs-8{font-size:8px}.fs-9{font-size:9px}.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-17{font-size:17px}.fs-18{font-size:18px}.fs-19{font-size:19px}.fs-20{font-size:20px}.fs-21{font-size:21px}.fs-22{font-size:22px}.fs-23{font-size:23px}.fs-24{font-size:24px}.fs-25{font-size:25px}.fs-26{font-size:26px}.fs-27{font-size:27px}.fs-28{font-size:28px}.fs-29{font-size:29px}.fs-30{font-size:30px}.fs-31{font-size:31px}.fs-32{font-size:32px}.fs-33{font-size:33px}.fs-34{font-size:34px}.fs-35{font-size:35px}.fs-36{font-size:36px}.fs-37{font-size:37px}.fs-38{font-size:38px}.fs-39{font-size:39px}.fs-40{font-size:40px}.fs-41{font-size:41p |
/* For BS4. Author:@igcorreia (https://twitter.com/igcorreia). Check the codepen to create yours: https://codepen.io/igcorreia/pen/GRZgXmO */ | |
.hg-5{height:5px}.hg-10{height:10px}.hg-15{height:15px}.hg-20{height:20px}.hg-25{height:25px}.hg-30{height:30px}.hg-35{height:35px}.hg-40{height:40px}.hg-45{height:45px}.hg-50{height:50px}.hg-55{height:55px}.hg-60{height:60px}.hg-65{height:65px}.hg-70{height:70px}.hg-75{height:75px}.hg-80{height:80px}.hg-85{height:85px}.hg-90{height:90px}.hg-95{height:95px}.hg-100{height:100px}.hg-105{height:105px}.hg-110{height:110px}.hg-115{height:115px}.hg-120{height:120px}.hg-125{height:125px}.hg-130{height:130px}.hg-135{height:135px}.hg-140{height:140px}.hg-145{height:145px}.hg-150{height:150px}.hg-155{height:155px}.hg-160{height:160px}.hg-165{height:165px}.hg-170{height:170px}.hg-175{height:175px}.hg-180{height:180px}.hg-185{height:185px}.hg-190{height:190px}.hg-195{height:195px}.hg-200{height:200px}.hg-205{height:205px}.hg-210{height:210px}.hg-215{height:215px}.hg-220{height:220p |
/* For BS4. Author:@igcorreia (https://twitter.com/igcorreia). Check the codepen to create yours: https://codepen.io/igcorreia/pen/jOqEpGa */ | |
.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.p-35{padding:35px}.p-40{padding:40px}.p-45{padding:45px}.p-50{padding:50px}.p-55{padding:55px}.p-60{padding:60px}.p-65{padding:65px}.p-70{padding:70px}.p-75{padding:75px}.p-80{padding:80px}.p-85{padding:85px}.p-90{padding:90px}.p-95{padding:95px}.p-100{padding:100px}.p-105{padding:105px}.p-110{padding:110px}.p-115{padding:115px}.p-120{padding:120px}.p-125{padding:125px}.p-130{padding:130px}.p-135{padding:135px}.p-140{padding:140px}.p-145{padding:145px}.p-150{padding:150px}.p-155{padding:155px}.p-160{padding:160px}.p-165{padding:165px}.p-170{padding:170px}.p-175{padding:175px}.p-180{padding:180px}.p-185{padding:185px}.p-190{padding:190px}.p-195{padding:195px}.p-200{padding:200px}.p-205{padding:205px}.p-210{padding:210px}.p-215{padding:215px}.p-220{padding:220p |
<div class="container"> | |
<div class="row vh-100 align-items-center"> | |
<div class="col text-center"> | |
<div class="content"> | |
<h1>Something new coming soon.</h1> | |
<a class="btn btn-outline-primary mt-4" href="http://www.unyk.tv" target="_blank">Visit www.unyk.tv</a> | |
</div> | |
</div> | |
</div> | |
</div> |
This is an easy way to make a motion blur mouse movement.
A Pen by Ignacio Correia on CodePen.
Small logo animation done with canvas. Trying to animate a logo using canvas and GSAP - TweenMax and TimelineMax.
A Pen by Ignacio Correia on CodePen.