Inspired from https://github.com/Ramotion/folding-cell
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Working version of https://dribbble.com/shots/14552329--Exploration-Task-Management-Dashboard --> | |
<div class='app'> | |
<main class='project'> | |
<div class='project-info'> | |
<h1>Homepage Design</h1> | |
<div class='project-participants'> | |
<span></span> | |
<span></span> | |
<span></span> | |
<button class='project-participants__add'>Add Participant</button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="container right-panel-active"> | |
<!-- Sign Up --> | |
<div class="container__form container--signup"> | |
<form action="#" class="form" id="form1"> | |
<h2 class="form__title">Sign Up</h2> | |
<input type="text" placeholder="User" class="input" /> | |
<input type="email" placeholder="Email" class="input" /> | |
<input type="password" placeholder="Password" class="input" /> | |
<button class="btn">Sign Up</button> | |
</form> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Modified Version of - https://tailwindcomponents.com/component/vertical-timeline --> | |
<body class="bg-gray-50"> | |
<div class="p-4 mt-4"> | |
<h1 class="text-4xl text-center font-semibold mb-6">Package status</h1> | |
<div class="container"> | |
<div class="flex flex-col md:grid grid-cols-12 text-gray-50"> | |
<div class="flex md:contents"> | |
<div class="col-start-2 col-end-4 mr-10 md:mx-auto relative"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="app-container"> | |
<div class="app-header"> | |
<div class="app-header-left"> | |
<span class="app-icon"></span> | |
<p class="app-name">Portfolio</p> | |
<div class="search-wrapper"> | |
<input class="search-input" type="text" placeholder="Search"> | |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-search" viewBox="0 0 24 24"> | |
<defs></defs> | |
<circle cx="11" cy="11" r="8"></circle> |
Uses jQuery UI to create a tree-view structure whose nodes can be dragged and dropped. Does basic validation to ensure a parent node is not dropped on a child node. Removes empty UL elements.
Forked from Josh Einstein's Pen Drag and Drop Tree View.
A Pen by Lanorise Cainion on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#Step 1: Download Wordpress | |
# Point to your webserver root - typically | |
$ cd /var/www/html | |
$ wget https://wordpress.org/latest.tar.gz | |
# Then untar | |
$ tar xzf latest.tar.gz | |
# There will a folder named wordpress | |
#Step 2: Create Database in postgresql e.g wp1 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# update system packages | |
apt-get update | |
apt-get upgrade | |
# install ruby and make | |
apt-get install ruby1.9.3 make -y | |
# install xvfb | |
apt-get install xvfb -y |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# update system packages | |
apt-get update | |
apt-get upgrade | |
# install ssh server | |
apt-get install openssh-server -y | |
# install java | |
apt-get install openjdk-7-jdk -y |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Reopen a closed tab in Firefox: | |
Ctrl + shift + T for PC | |
Command + shift + T for Mac | |
Reopen a closed tab in Chrome: | |
Ctrl + shift + T for PC | |
Command + shift + T for Mac | |
Reopen a closed tab in Safari: |