Skip to content

Instantly share code, notes, and snippets.

View cadreoneseven's full-sized avatar

cadreoneseven

View GitHub Profile
@cadreoneseven
cadreoneseven / index.html
Created July 28, 2021 22:18
Task Management UI
<!-- 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>
@cadreoneseven
cadreoneseven / index.html
Created July 28, 2021 22:03
Slide Sign In/Sign Up form
<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>
@cadreoneseven
cadreoneseven / index.html
Created July 28, 2021 22:00
Tailwind Responsive Timeline Example
<!-- 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">
@cadreoneseven
cadreoneseven / index.html
Created July 28, 2021 21:57
Project Management Dashboard UI
<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>
@cadreoneseven
cadreoneseven / wordpress on postgres.txt
Last active April 28, 2022 06:03
Installation of Wordpress on PostgreSQL database backend. In case you want some more robust that mysql
#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
# 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
# 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
@cadreoneseven
cadreoneseven / Browsers Common Shortcut keys.txt
Created July 30, 2020 17:32
Common shortcut keys for Popular browsers
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: