P1xt P1xt

## Grid-of-green-tiles,-with-diagonals-in-red.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                P1xt
                / Grid-of-green-tiles,-with-diagonals-in-red.markdown
            
            
              Created
              March 27, 2015 03:51
            
              
                Grid of green tiles, with diagonals in red
              
          
    Grid of green tiles, with diagonals in red

Usually you see jQuery pulled in to manipulate the DOM.
This is a Proof of Concept, drawing the grid exclusively by dynamically adding DOM elements on page load with JavaScript (using plain JS, no jQuery or other "helpers"). Clicking on a grid element will cause it to disappear, this is accomplished via a click handler which toggles the element's background style off onclick.
A Pen by P1xt on CodePen.
License.

  
## index.jade
extends layout

block content
  h1= title

## Build your own blog theme
Slide 1:
Build your own blog theme

Slide 2:
Now tat you've made an awesome theme for Jeff's blog,
let's see if you can make one on your own,
without any guidance!

Slide 3:
It'll be hard to remember how to do some things,

## Jeff's Blog 3 - Responsive design & Javascript
Slide 1:
Jeff's blog
Part 3: Responsive design & Javascript

Slide 2:
Our Mission:
In this lesson, we'll cover three main things:

1. Give the content a responsive design
2. Learn about advance colors

## Jeff's blog 2 - style the header with CSS
Slide 1
Jeff’s Blog
Part2: Header CSS

Slide 2
Our Mission:
In this less, we’ll cover 3 main things
Add a CSS reset external CSS file
Style the navigation lins
Style the rest of the header

## multiply.py
def multiply(a, b):
    return a*b

## saylor_resources.js
// ==UserScript==
// @name        saylor resources
// @namespace   P1xt
// @description fix the ghastly styling of the chemistry textbook
// @include     http://resources.saylor.org/*
// @version     1.003
// @grant       none
// ==/UserScript==
function addGlobalStyle(css) {
var head, style;

## saylor.js
// ==UserScript==
// @name        saylor
// @namespace   P1xt
// @description Fix Saylor font sizing
// @include     http://www.saylor.org/
// @include     http://www.saylor.org/*
// @version     1
// @grant       none
// ==/UserScript==
function addGlobalStyle(css) {

## roller_coaster.cpp
#include <iostream>
#include <fstream> // For ifstream
#include <string>
#include <locale>
using namespace std;

int main(int argc, char* argv[]) {
    ifstream file;
    string line;
    file.open(argv[1]);

## 2.cpp
int main () {
    int climber, floater;
    int* blocker = &climber;
    int* bomber = new int;
    int* builder = new int;
    int* basher = builder;
    int* miner = blocker;
    int* digger = new int;
    *digger = *blocker;
    /* builder was created with a "new int" assignment,
	Slide 1:
	Build your own blog theme

	Slide 2:
	Now tat you've made an awesome theme for Jeff's blog,
	let's see if you can make one on your own,
	without any guidance!

	Slide 3:
	It'll be hard to remember how to do some things,
	Slide 1:
	Jeff's blog
	Part 3: Responsive design & Javascript

	Slide 2:
	Our Mission:
	In this lesson, we'll cover three main things:

	1. Give the content a responsive design
	2. Learn about advance colors
	// ==UserScript==
	// @name saylor resources
	// @namespace P1xt
	// @description fix the ghastly styling of the chemistry textbook
	// @include http://resources.saylor.org/*
	// @version 1.003
	// @grant none
	// ==/UserScript==
	function addGlobalStyle(css) {
	var head, style;
	// ==UserScript==
	// @name saylor
	// @namespace P1xt
	// @description Fix Saylor font sizing
	// @include http://www.saylor.org/
	// @include http://www.saylor.org/*
	// @version 1
	// @grant none
	// ==/UserScript==
	function addGlobalStyle(css) {
	#include <iostream>
	#include <fstream> // For ifstream
	#include <string>
	#include <locale>
	using namespace std;

	int main(int argc, char* argv[]) {
	ifstream file;
	string line;
	file.open(argv[1]);
	int main () {
	int climber, floater;
	int* blocker = &climber;
	int* bomber = new int;
	int* builder = new int;
	int* basher = builder;
	int* miner = blocker;
	int* digger = new int;
	digger = blocker;
	/* builder was created with a "new int" assignment,