akdetrick

BRS redesign UX/UI feedback

This is looking really nice! I'm impressed with the design and thoughtful content strategy.

I have mostly minor feedback, except for a concern about user road blocks on the services page, which I think should be addressed.

---

about/

akdetrick

const Site = (props) => (
	{/*
		 🤔 props.imgUrl isn't being used in here.
		 😨 I'm too scared to change it because I don't know what it does.
	*/}
	<Header {...props} />
);

const Header = (props) => {
	{/*

akdetrick

set nocompatible
filetype off

" VUNDLE
set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()
Plugin 'VundleVim/Vundle.vim'
Plugin 'itchyny/lightline.vim'
Plugin 'editorconfig/editorconfig-vim'
Plugin 'isRuslan/vim-es6'

akdetrick

/**
* DO NOT EDIT
* Generated by fds-dictionary on Mon Oct 29 2018 17:39:41 GMT-0400 (Eastern Daylight Time)
* github.com/cbinsights/form-design-system/
*/


module.exports = {
  charcoal: {
    50: '#bfbfbf',

akdetrick

What is with Adam's chair?

It is an "active sitting" chair. Sitting in a normal chair hurts my back and neck because I have terrible posture. This wobbly chair forces me to sit upright and provides some freedom of movement. It also allegedly works your core.

Can I sit in it?

Sure, come say hi and try it out.

Is it fun to sit in?

Yes

akdetrick

/**
 * This is some feature component in which we're running
 * two experiments, `radExperiment` and `coolExperiment`.
 * 
 * Each experiment can either be `true` (variant), or
 * `false` (control). The service probably runs more than
 * one control, but the front end need only know if
 * it's getting "variant" or not.
 */
const FeatureComponent = (props) => {

akdetrick

module.exports = {
	extends: ['./stylelint-config-scss', './stylelint-config-order'],
	rules: {
		'at-rule-empty-line-before': [
			'always',
			{
				except: ['first-nested'],
				ignore: ['after-comment', 'inside-block'],
				ignoreAtRules: ['if', 'else', 'import'],
			},

akdetrick

EaBZNz

A Pen by Adam Detrick on CodePen.

License.

akdetrick

<section class="stripe--inverted inverted">

    <div class="stack atMedium_stack--spread">

      <div class="stack-item chunk">
        <img class="display--inlineBlock" src="https://placekitten.com/g/101/100" />
        <span class="display--none atMedium_display--inlineBlock">&#8594;</span>
        <p>Here's some text about this step</p>
        <div class="atMedium_display--none">&#8595;</div>
      </div>

akdetrick

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Modular Scale (v2.0.5)
// ----

@import "modular-scale";
$ms-base: 1rem;
$ms-ratio: $fourth;