Linux/Bash Commands

Linux/Bash User Actions # Add user sudo adduser pgsql # Check user whoami # change user sudo su - pgsql Installed apps #List of Installed Packages sudo apt list --installed Search find / -name "filename" #find a file by name SSH # Access remote PC sudo ssh username@ip-address # Example sudo ssh root@163.127.38.97 # Clone folders to remote via SSH scp -r /path/to/local/dir user@remotehost:/path/to/remote/dir System services # List All System Services ‌systemctl -at service # Check status of an application sudo systemctl…

UI: Hamburger Icon

<button class="ui-hamburger-05"></button> .ui-hamburger-05 { width: 30px; height: 26px; border: none; position: relative; background: linear-gradient(to bottom, #2980b9, #2980b9); background-size: 100% 20%; background-repeat: no-repeat; background-position: center center; transition: background-size 0.2s 0.25s ease; cursor: pointer; transition: background-size 0.3s 0.2s ease; } .ui-hamburger-05:before, .ui-hamburger-05:after { height: 20%; width: 100%; position: absolute; left: 0; background-color: #2980b9; content: ''; transition: transform 0.3s ease; } .ui-hamburger-05:before { top: 0; } .ui-hamburger-05:after { bottom: 0; } .ui-hamburger-05:before, .ui-hamburger-05:after { transition: 0.3s ease; } .ui-hamburger-05.is-active { background-size: 0 0; } .ui-hamburger-05.is-active:before,…

UI: Magnetic Button 

A magnetic button. <div class="ct-div-block overlay post-card"> <div class="post-card-read-box"> <a class="post-card-read-link" href="http://" target="_self" > <div class="post-card-read-text"> OKU </div> </a> </div> </div> .post-card-read-box { padding:24px; display:flex; flex-direction:row; justify-content:center; align-items: center; } .post-card-read-link { width:100%; height:100%; border-radius:100px; border:1px solid #fff; transition: all 600ms ease-out !important; } .post-card-read-text { font-size:14px; letter-spacing:3px; text-transform: uppercase; transition: all 600ms ease-out !important; } function magneticEffect(){ let card = document.querySelector('#%%ELEMENT_ID%%'); let readBox = card.querySelector(".post-card-read-box"); let readLink = card.querySelector(".post-card-read-link"); console.log("magnetic card elements: ", card, readBox, readLink); readBox.addEventListener("mousemove", function(e){ /* Read Box…