Skip to content

Instantly share code, notes, and snippets.

View methodik's full-sized avatar

Mat Griffiths methodik

View GitHub Profile
import React from 'react'
import Fieldset from './Fieldset'
import Field from './Field'
// const SPACE_REGEX = / /g;
// const NONWORD_REGEX = /[^a-z0-9_-+]/ig;
export default class FormStep extends React.Component {
constructor (props) {
super(props);
@methodik
methodik / intro-panel.svg
Created December 13, 2016 14:15
Intro Web App Intro SVG
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@methodik
methodik / four-oh-four.html
Last active December 5, 2016 14:42
404 page for magazine
<div class="ws-mag-container">
<!-- 404 UHOH -->
<section class="four04 -capitalise-normal">
<h3>Something's not right!</h3>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="278px" height="286px" viewBox="0 0 278 286" version="1.1" class="icn-404">
<g id="Post" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M53.4819999,143.000795 L133.9,281.6 C135.1,283.8 137.5,285.1 139.9,285.1 C140.5,285.1 141.1,285.1 141.7,284.9 C143.5,284.4 145,283.2 145.9,281.7 L277.9,54.1 C279.6,51.3 279,47.7 276.6,45.5 L229.1,1.9 C227,-0.1 223.8,-0.5 221.2,0.8 L139.9,42.8 L139.7,42.9 L91.9805444,18.1282481 C91.9746026,18.1341006 91.9686608,18.1399531 91.9627191,18.1458056 C82.8210412,27.1501907 73.7206228,36.1445376 64.5653907,45.0808097 C68.2435938,51.7020085 71.9217969,58.2510043 75.6,64.8 C75.681305,64.9378649 75.7521131,65.07523 75.8129677,65.211786 C76.8462135,66.4528007 77.0793012,68.252949 75.5,69.6 C70.4689785
@methodik
methodik / shoppable-image.html
Last active December 5, 2016 12:03
Shoppable Image for HHG
<!-- the item -->
<div class="js_shop js_shop_placed shop-cnt" data-product-name="oslo-speaker">
<p class="ws-post-thepost-image">
<img src="https://meta.hevnly.com/images/on-16-7-2016/hhg-img-9a1011af-8b93-4e65-afc3-71cc12950e87.png" alt="An example item for sale">
<span class="ws-post-thepost-shoppable">
<em>[insert brand] | [insert product name], £[insert price]</em>
<a href="/the-item" class="ws-post-thepost-shoplink">Shop</a> <!-- this should link to iOS app item OR if the user doesn't have the hevnly iOS app then I should be taken to the web application item view for this product -->
</span>
</p>
<div class="add-to-cart-container"></div>
<!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" lang="en" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/app.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title>Your Shopfronts weekly activity</title>
</head>
<!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" lang="en" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/app.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title>Welcome to hevnly</title>
</head>
<body style="-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#231F20;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important">
<style>
@media only screen {
$(document).ready(function() {
$.ajaxSetup({crossDomain : true});
var suContainer = $('.ws-signup'),
suSubmitBtn = suContainer.find('.ws-signup-button'),
suInput = suContainer.find('.ws-signup-input'),
url = 'http://api.hevnly.com/newsletter/subscribers';
module.exports = function(grunt) {
// All configuration goes here
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
connect: {
server: {
options: {
# This is a template .gitignore file for git-managed WordPress projects.
#
# Fact: you don't want WordPress core files, or your server-specific
# configuration files etc., in your project's repository. You just don't.
#
# Solution: stick this file up your repository root (which it assumes is
# also the WordPress root directory) and add exceptions for any plugins,
# themes, and other directories that should be under version control.
#
# See the comments below for more info on how to add exceptions for your
@methodik
methodik / cleanslate.css
Created December 3, 2013 13:35
The actual Cleanslate that should be used. There's a couple of version's in different places.
/*!
* CleanSlate
* github.com/premasagar/cleanslate
*
*//*
An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
by Premasagar Rose
dharmafly.com