A Pen by Ben Mildren on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title></title> | |
<style type="text/css"> | |
.shap:after { | |
content: ""; | |
position: absolute; | |
bottom: 0; | |
/* left: 0; */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var Things = | |
[1446380000000 , | |
1446380000000 , | |
1446480000000 , | |
1446510000000 , | |
1446630000000 , | |
1446860000000 , | |
1447030000000 , | |
1447090000000 , | |
1447590000000 , |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../topeka-elements/theme.html"> | |
<link rel="import" href="../topeka-elements/topeka-resources.html"> | |
<link rel="import" href="../topeka-elements/topeka-app.html"> | |
<link rel="import" href="../topeka-elements/topeka-datasource.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> | |
:host { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html ng-app> | |
<head> | |
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> | |
<meta charset=utf-8 /> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<div ng-controller="CkCtrl"> | |
<textarea name="editor" id="" cols="30" rows="10" ng-model="editorData"></textarea> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="wrapper"> | |
<div class="wheel closed"> | |
<form onsubmit="return false;"> | |
<ul> | |
<li> | |
<label class="sent-label">Thank You!</label> | |
<input placeholder="Hi there! Press Tab..." tabindex="1"> | |
</li> | |
<li> | |
<input placeholder="This is," tabindex="2"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- We will make a simple accordian with hover effects | |
The markup will have a list with images and the titles--> | |
<div class="accordian"> | |
<ul> | |
<li> | |
<div class="image_title"> | |
<a href="#">KungFu Panda</a> | |
</div> | |
<a href="#"> | |
<img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg"/> |