Winning entry for creative code contest by Awwwards Conference and Prize-Giving 2015.
A Pen by Sim Boon Long on CodePen.
#!/usr/bin/env bash | |
# Updating packages | |
apt-get update | |
# --------------------------------------- | |
# Nginx setup | |
# --------------------------------------- | |
apt-get install -y nginx |
{ | |
id: Number, | |
date: String, // TODO: Format date. | |
link: String, // TODO: Transform to correct url. | |
slug: String, | |
excerpt: String, // TODO: Change to deck? Strip wrapping p tag? | |
title: String, | |
content: Array, //Array is needed for injecting ads on mobile. | TODO: Change to story? | |
author: String, | |
featured_image: String, |
{ | |
id: Number, | |
link: String, // TODO: Transform to correct url. | |
slug: String, | |
excerpt: String, // TODO: Change to deck? Strip wrapping p tag? | |
title: String, | |
featured_image: String, | |
category: { | |
id: Number, // TODO: is this needed? | |
name: String, |
import React from 'react'; | |
import { Link } from 'react-router'; | |
class Question extends React.Component { | |
render() { | |
let details = this.props.details; | |
if (details.isPublished) { | |
return ( | |
<li> |
import React from 'react'; | |
import $ from 'jquery'; | |
import config from '../config'; | |
import Header from '../components/Header'; | |
import Question from '../components/Question'; | |
import Footer from '../components/Footer'; | |
class Landing extends React.Component { | |
constructor() { |
import React from 'react'; | |
import ReactDOM from 'react-dom'; | |
import {Router, Route} from 'react-router'; | |
import { createHistory } from 'history'; | |
import config from './config'; | |
import ga from 'react-ga'; | |
import Landing from './pages/Landing'; | |
ga.initialize(config.google.analyticsId); |
Winning entry for creative code contest by Awwwards Conference and Prize-Giving 2015.
A Pen by Sim Boon Long on CodePen.
// https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html | |
// | |
// grayscale ex: filter: grayscale(100%); | |
// sepia ex: filter: sepia(100%); | |
// saturate ex: filter: saturate(0%); | |
// hue-rotate ex: filter: hue-rotate(45deg); | |
// invert ex: filter: invert(100%); | |
// brightness ex: filter: brightness(15%); | |
// contrast ex: filter: contrast(200%); | |
// blur ex: filter: blur(2px); |
////////////////////////////// | |
// Generalized Media Query Mixin | |
// | |
// Requires Sass 3.2+ | |
// Until released: | |
// (sudo) gem install sass --pre | |
////////////////////////////// | |
@mixin media-query($value, $operator: 'min-width', $query: 'screen') { | |
@media #{$query} and (#{$operator}: #{$value}) { | |
@content; |