kublaj’s gists

kublaj / force-charset

Created September 25, 2013 12:56

Force charset utf-8 http://httpd.apache.org/docs/2.0/mod/core.html#adddefaultcharset

AddDefaultCharset utf-8

kublaj / appendprependfiles

Created September 25, 2013 12:56

Append / Prepend Files

	php_value auto_prepend_file "/real/path/to/file/functions.php"
	php_value auto_append_file "/real/path/to/file/footer.php"

kublaj / shock

Created September 25, 2013 12:57

Shock Teenage Gangsters with wp-config Redirect

Redirect 301 /wp-config.php http://www.fbi.gov/

kublaj / jquery-modal-box.html

Created September 25, 2013 14:01

jquery modal box - images + text

kublaj / noto-sans.html

Created September 27, 2013 10:57

Noto Sans

	<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

	<style>
	body {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	/* font-weight: 700; */
	}
	/* @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext); */
	</style>

kublaj / roboto-slab.html

Created September 27, 2013 11:03

Roboto Slab http://www.google.com/fonts#UsePlace:use/Collection:Roboto+Slab

	<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<style>
	body {
	font-family: 'Roboto Slab', serif;
	}
	h1 {font-weight:100;font-size:44px;}
	h2 {font-weight:300;font-size:32px;}
	h3 {font-weight:700;font-size:18px;}

	p {font-weight:400;font-size:14px;}

kublaj / raleway-google-font.html

Created September 27, 2013 11:15

Raleway google font http://www.google.com/fonts#UsePlace:use/Collection:Raleway

	<!DOCTYPE html>
	<html lang="en"> <!-- Set this to the main language of your site -->
	<head>
	<meta charset="utf-8">
	<title>HTML5</title>
	<!-- Enter a brief description of your page -->
	<meta name="description" content="">
	<!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Add normalize.css which enables browsers to render all elements more consistently and in line with modern standards as it only targets particular styles that need normalizing -->

kublaj / opensans+poiret.html

Created September 27, 2013 11:46

OPen Sans

	<!DOCTYPE html>
	<html lang="en"> <!-- Set this to the main language of your site -->
	<head>
	<meta charset="utf-8">
	<title>HTML5</title>
	<!-- Enter a brief description of your page -->
	<meta name="description" content="">
	<!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Add normalize.css which enables browsers to render all elements more consistently and in line with modern standards as it only targets particular styles that need normalizing -->

kublaj / popcorn-youtube.html

Created October 8, 2013 10:29 — forked from brettgaylor/popcorn-youtube.html

	<!doctype html>
	<html>
	<head>
	<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>

	<script>
	// ensure the web page (DOM) has loaded
	document.addEventListener("DOMContentLoaded", function () {

	// Create a popcorn instance by calling the Youtube player plugin

kublaj / css3anim.css

Created October 17, 2013 11:45

CSS3 animations - http://bradfrost.github.io/this-is-responsive/


	.ani div.a1 b {
	-webkit-animation: box-resize 10s infinite alternate both;
	-moz-animation: box-resize 10s infinite alternate both;
	-ms-animation: box-resize 10s infinite alternate both;
	-o-animation: box-resize 10s infinite alternate both;
	}
	.ani div.a2 b {
	-webkit-animation: box-resize2 10s infinite alternate both;
	-moz-animation: box-resize2 10s infinite alternate both;

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
	<title>jquery modal box</title>
	<!--<script src="jquery.tools.min.js" type="text/javascript"></script>-->
	<style>
	/* the overlayed element */
	.simple_overlay {