Skip to content

Instantly share code, notes, and snippets.

View shaan360's full-sized avatar
🙂
Coding in peace

Shaan M Khan shaan360

🙂
Coding in peace
View GitHub Profile
@shaan360
shaan360 / install_postgresql.sh
Created December 4, 2019 05:58 — forked from dstroot/install_postgresql.sh
Install PostgreSQL on Amazon AMI
#!/bin/bash
###############################################
# To use:
# https://raw.github.com/gist/2776351/???
# chmod 777 install_postgresql.sh
# ./install_postgresql.sh
###############################################
echo "*****************************************"
echo " Installing PostgreSQL"
echo "*****************************************"
$ cd ~
$ sudo curl -sS https://getcomposer.org/installer | sudo php
$ sudo mv composer.phar /usr/local/bin/composer
$ sudo ln -s /usr/local/bin/composer /usr/bin/composer
then you can run
$ sudo composer install
@shaan360
shaan360 / Setup.md
Last active August 29, 2015 14:10 — forked from suvozy/Setup.md
<div class="slider-wrap">
<div class="slider" id="slider">
<div class="holder">
<div class="slide" id="slide-0"><span class="temp">74°</span></div>
<div class="slide" id="slide-1"><span class="temp">64°</span></div>
<div class="slide" id="slide-2"><span class="temp">82°</span></div>
</div>
</div>
<nav class="slider-nav">
<a href="#slide-0" class="active">Slide 0</a>
.subnav {
margin-bottom: 60px;
width: 100%;
height: 36px;
background-color: #eeeeee; /* Old browsers */
background-repeat: repeat-x; /* Repeat the gradient */
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
@shaan360
shaan360 / index.html
Created September 25, 2012 22:02
This is inspired by Kamil Khadeyev (http://dribbble.com/shots/723449-Calc-GUI). I am spending time improving my JS knowledge and figured a more complex calc would be the best way to do it. Still have a lot more to go and better way of handling the code in
<div class="calculator" id="calculator">
<div class="result" id="result">0</div>
<div class="col-3">
<ul>
<li id="memory-clear">MC</li>
<li id="memory-plus">M+</li>
<li id="memory-minus">M-</li>
<li class="clear" id="clear">C</li>
<li class="positive-negative" id="positive-negative"><span>+</span></li>
<li id="divide"> / </li>
<ul class="comments">
<li class="comment">
<a href="#" title="View this user profile" class="photo"><img src="http://designitcodeit.com/live/45S6P0fit0nM/img/photo1.png" alt="Kasper"></a>
<div class="meta">Kasper | 2012.07.24 14:58 <a class="reply">Reply</a></div>
<div class="body">Cupcake ipsum dolor sit amet. Icing donut cheesecake muffin marzipan chocolate biscuit. Sweet roll chocolate marzipan.</div>
</li>
<li class="comment level-2">
<a href="#" title="View this user profile" class="photo"><img src="http://designitcodeit.com/live/45S6P0fit0nM/img/photo-default.png" alt="Photo"></a>
<div class="meta">John | 2012.07.24 15:21 <a class="reply">Reply</a></div>
<div class="body">Candy soufflé bear claw apple pie bear claw marshmallow. Jelly brownie wafer chocolate jelly.marzipan pastry sesame snaps apple pie.</div>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:28
CSS3 animations, transforms, transitions, filters, the whole deal. And oh yeah, Spongebob.
<h1>Choose your character</h1>
<form>
<li>
<input name="r" type="radio" id="spongebob" />
<label>Spongebob</label>
</li>
<li>
<input name="r" type="radio" id="patrick" />
<label>Patrick</label>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:13
CSS3 animations, transforms, transitions, filters, the whole deal. And oh yeah, Spongebob.
<h1>Choose your character</h1>
<form>
<li>
<input name="r" type="radio" id="spongebob" />
<label>Spongebob</label>
</li>
<li>
<input name="r" type="radio" id="patrick" />
<label>Patrick</label>
@shaan360
shaan360 / index.html
Created September 6, 2012 16:13
Facebook !! inspired by http://dribbble.com/shots/479553-Facebook and my own opinion in my brain !
<body>
<div class='facebook'>
<div class='paper'>
<div class='left'>
<div class='head'>
<a href='#' class='bgx ntf'></a>
<a href='#' class='bgx msg'></a>
<a href='#' class='bgx fri'></a>
</div>
<input type="text" name="search" placeholder="Search"/>