Skip to content

Instantly share code, notes, and snippets.

View SmokeyTheSalmon's full-sized avatar
🐟

Roel van Bakkum SmokeyTheSalmon

🐟
8 followers · 10 following
  • Haarlem, The Netherlands
View GitHub Profile
@SmokeyTheSalmon
SmokeyTheSalmon / github_gist.cth
Created October 13, 2014 10:46
github_gist
----------------
level: 0
type: theory
subject: gist
content:|
Gist is a nice little feature the guys and gals at github have made to make your life a lot easier.
It is more or less like a regular old text editor, except it's on the internet. Now go to gist.github.com and
log in.
@SmokeyTheSalmon
SmokeyTheSalmon / start.html
Created September 5, 2014 11:46
<head> <title>start</title> </head>
<body>
<h1>Welcome to Meteor!</h1>
{{> loginButtons}}
{{ currentUser.services.github.username }}
{{> hello}}
</body>
<template name="hello">
@SmokeyTheSalmon
SmokeyTheSalmon / funky_facebook_button.html
Last active August 29, 2015 14:03
Dat Butt...on.
<html>
<head>
<style type="text/css">
body{
text-align: center;
}
#facebook {
display:block;
margin: 50px auto 50px auto;
@SmokeyTheSalmon
SmokeyTheSalmon / disclaimer.html
Last active August 29, 2015 14:02
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.md">
<style type="text/css">
@font-face { font-family: NittyNormal; src: url('../fonts/NN.woff') format('woff'); }
@font-face { font-family: NittyBold; src: url('../fonts/NB.woff') format('woff'); }
:host {
margin: 50px;
@SmokeyTheSalmon
SmokeyTheSalmon / imagine-houses.html
Created June 17, 2014 10:15
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="imagine-house.html">
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<polymer-element name="imagine-houses">
<template>
<style>
@font-face { font-family: NittyNormal; src: url('../fonts/NN.woff') format('woff'); }
@font-face { font-family: NittyBold; src: url('../fonts/NB.woff') format('woff'); }
@SmokeyTheSalmon
SmokeyTheSalmon / imagine-house.html
Created June 17, 2014 10:14
<polymer-element name="imagine-house" attributes="url total type numClicks">
<template>
<style>
:host {
display: inline-block;
padding: 50px;
}
:host(:hover) {
background: url("http://subtlepatterns.com/patterns/brickwall.png");
border-radius: 20px;
@SmokeyTheSalmon
SmokeyTheSalmon / pie-chart.html
Last active August 29, 2015 14:02
Makes a pie chart, regardless of input. You have to add this in the index page, though: <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.1.3"></script>.
<link rel="import" href="../bower_components/polymer/polymer.html">
<!--DONT FORGET THE ATTRIBUTES, YOU ATTRIBRUTE!-->
<polymer-element name="pie-chart" attributes="houseval flatval farmval">
<style>
.slice text {
font-size: 16pt;
}
</style>
@SmokeyTheSalmon
SmokeyTheSalmon / piechart.html
Last active August 29, 2015 14:02
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Nicked this from Enjalot</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?2.1.3"></script>
<style type="text/css">
@SmokeyTheSalmon
SmokeyTheSalmon / index.html
Created June 11, 2014 15:10 — forked from enjalot/index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Testing Pie Chart</title>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js?2.1.3"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?2.1.3"></script>
<style type="text/css">
@SmokeyTheSalmon
SmokeyTheSalmon / choice-element.html
Created June 6, 2014 09:24
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/polymer-ajax/polymer-ajax.html">
<polymer-element name="choice-element" attributes="text" noscript>
<template>
<style>
.circle {
-webkit-animation: backgroundcolors 0.5s infinite;
-moz-animation: backgroundcolors 0.5s infinite;
animation: backgroundcolors 0.5s infinite;