Stephen Johnson stephenfjohnson
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
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> |
stephenfjohnson
/ marker.css
Created
April 19, 2018 00:10
Here is the CSS for a simple location dot with an image 👉 https://imgur.com/a/9L4WLOu
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
| .marker { | |
| display: block; | |
| border: none; | |
| border-radius: 50%; | |
| width: 70px; | |
| height: 70px; | |
| cursor: pointer; | |
| padding: 0; | |
| background-position: center; | |
| background-repeat: no-repeat; |
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
| import React from 'react'; | |
| import styled from 'styled-components'; | |
| import MakerPhoto from '../img/makerphoto.jpg'; | |
| const MakerLink = () => ( | |
| <Link target="_blank" rel="noopener" href="https://stephenfjohnson.com/"> | |
| <Image src={MakerPhoto} /> | |
| <Text>by Stephen</Text> | |
| </Link> |
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
| git_branch='`git rev-parse --abbrev-ref HEAD 2> /dev/null | sed s/^/\ \|\ /`' | |
| emojis=(☠️ 🍺 🎲 💰 ⚔️ 🔪 💴 💣 🚬 👻 😈 🙏 🤡 💀 🥊 ⚗️ 💭 🐙 🛳 🍻 🥃 🥂) | |
| emoji='`echo ${emojis[$RANDOM % 22]}`' | |
| PS1="\[\033[0;36m\]\T | \W$git_branch \n$emoji > \[\e[0m\]" |
stephenfjohnson
/ jsonvote
Last active
February 10, 2016 07:21
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
| [ | |
| { | |
| "albumId": 1, | |
| "id": 1, | |
| "name": "Donald Trump", | |
| "title": "TEST! accusamus beatae ad facilis cum similique qui sunt", | |
| "url": "http://placehold.it/600/92c952", | |
| "thumbnailUrl": "https://scontent-sea1-1.xx.fbcdn.net/hphotos-xfa1/v/t1.0-9/557493_10151443611110725_645976657_n.jpg?oh=76db7c31d36067ef3e2f875abad3242a&oe=572AABF6" | |
| }, | |
| { |
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
| <title><?php is_front_page() ? bloginfo('name') : wp_title(''); ?> | <?php is_front_page() ? bloginfo('description') : bloginfo('name'); ?></title> |
stephenfjohnson
/ Multi Select .js Example
Last active
December 31, 2015 20:58
Multi Select .js Example
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
| A Pen by Stephen Johnson | |
| ------------------------ | |
| A [Pen](http://codepen.io/stephenfjohnson/pen/HncaL) by [Stephen Johnson](http://codepen.io/stephenfjohnson) on [CodePen](http://codepen.io/). | |
| [License](http://codepen.io/stephenfjohnson/pen/HncaL/license). |