Skip to content

Instantly share code, notes, and snippets.

@thinsoldier
thinsoldier / gradient.css
Last active August 25, 2017 01:43
testing overlapping gradients with transparency
body:before{
content:'';
position: fixed;
top:0;
bottom:0;
width: 100%;
background-image:
radial-gradient(circle, transparent, #006),
linear-gradient(to bottom, transparent 30%, yellow,orange,green);
height: 100vh;
@thinsoldier
thinsoldier / index.html
Last active August 22, 2017 17:25
Refactor - Basic Portfolio Filtering System
<main>
<section id="controls">
<ul class="filter-controls">
<li class="active"data-category="">All</li>
<li data-category="landscape">Landscape</li>
<li data-category="urban">Urban</li>
<li data-category="portrait">Portrait</li>
</ul>
</section>
<div class="grid-wrapper">
@thinsoldier
thinsoldier / index.html
Last active August 20, 2017 21:47
VueJs 2 vs JQuery Comparision - vue
<!-- https://youtu.be/HQDkXTlgY14 -->
<div id="app">
<input type="text" v-model="query"> Full Regular Expression Search (case insensitive)
<ul>
<li v-for="item in filteredItems">{{item}}</li>
</ul>
@thinsoldier
thinsoldier / index.html
Last active August 20, 2017 21:45
VueJs 2 vs JQuery Comparision - jquery
<!-- https://youtu.be/HQDkXTlgY14 -->
<input type="text" class="js-filter"> Full Regular Expression Search (case insensitive)
<ul class="js-posts"></ul>
var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice = Math.random();
if(computerChoice <= 0.33){
computerChoice = "rock";
}
else if(computerChoice >= 0.34 && computerChoice <= 0.66){
computerChoice = "paper";
}
@thinsoldier
thinsoldier / instructions.md
Last active March 30, 2017 07:14
Cloud9 c9 shankster bhavshashank showing how he could have sent his changes from zip file to github via Cloud9

2017-03-30

Log into c9.io and open one of your workspaces

Go to the terminal for that workspace.

Make a new folder:

mkdir shankster

@thinsoldier
thinsoldier / index.html
Last active December 6, 2016 15:16
YpaBOB
<!--
version history:
too many dots
-->
<h1>Once upon a time...</h1>
<p>first foobar foobar foobar foobar foobar foobar foobar foobar foobar foobar foobar foobar </p>
<p>foobar foobar foobar foobar foobar foobar foobar foobar foobar foobar foobar foobar </p>
#!/usr/bin/env php
<?php
// 2016-12-06 github.com/thinsoldier
error_reporting(E_ALL);
//-----------------------------
if( !isset($argv[1]) ) {
echo "CODEPEN PEN URL MUST BE PROVIDED!";
@thinsoldier
thinsoldier / form1.js
Last active January 9, 2017 04:46
EzReports.org - set default values for the fields that never change
/*
-----------------------------
2017-01-08
-----------------------------
Birthday Defaults
grade 1: 01/01/2009
grade 2: 01/01/2008
grade 3: 01/01/2007
grade 4: 01/01/2006
var count = 0;
function cc(card) {
// Only change code below this line
data = {};
for ( x of [2,3,4,5,6] ){ data[x] = 1; }
for ( x of [7,8,9] ){ data[x] = 0; }