Skip to content

Instantly share code, notes, and snippets.

Verifying my Blockstack ID is secured with the address 1QFwXnJX93zDNWQ9bAFiX2EMJXuUynoCiK https://explorer.blockstack.org/address/1QFwXnJX93zDNWQ9bAFiX2EMJXuUynoCiK

Keybase proof

I hereby claim:

  • I am msecret on github.
  • I am msecret (https://keybase.io/msecret) on keybase.
  • I have a public key ASAnq2TP5Mjg_gSpKl0ICryjwayTIC-oN-3WcY66tbMOrwo

To claim this, I am signing this object:

// line 96
this.merge('guid',
{
"type": "app.crash",
"actor": "bba7537f-601d-48c4-9705-4583ba54ea4b",
"actor_type": "user",
"actor_name": "marco.segreto@gsa.gov",
"actee": "b44c91fc-f85b-4c6d-9623-e72babfe0f29",
"actee_type": "app",
"actee_name": "testapp01",

Cost-benefit analysis of building a configurable and extendable dashboard

Introduction

The cloud.gov dashboard is an open source UI for the open source Cloud Foundry(CF) system. It's built with React and anotoher CSS library called cg-style to create a UI emulates the CF CLI tool as well as add additional functionality. The project has a large amount of testing and is thoroughly user researched.

As cloud foundry is an open source project, there are many groups that are interested in building a CF dashboard similar to the cloud.gov one. Government's like Australia or Rhode Island, or any Cloud Foundry users will likely need to set up their own dashboard with their own styling, configuration and functionality. The only current solution is a poorly maintained and tested Angular project.

The cloud.gov dashboard could potentially make a great candidate for individual teams to roll their own CF dashboard. Before this is done, the cloud.gov dashboard has to be made less specific to cloud.gov. This could be d

# Cost-benefit analysis of building a configurable and extendable dashboard
## Introduction
The cloud.gov dashboard is an open source UI for the open source Cloud Foundry(CF) system. It's built with React and anotoher CSS library called cg-style to create a UI emulates the CF CLI tool as well as add additional functionality. The project has a large amount of testing and is thoroughly user researched.
As cloud foundry is an open source project, there are many groups that are interested in building a CF dashboard similar to the cloud.gov one. Government's like Australia or Rhode Island, or any Cloud Foundry users will likely need to set up their own dashboard with their own styling, configuration and functionality. The only current solution is a poorly maintained and tested Angular project.
The cloud.gov dashboard could potentially make a great candidate for individual teams to roll their own CF dashboard. Before this is done, the cloud.gov dashboard has to be made less specific to cloud.gov. This could be d
var main = require('../src/main.js');
describe('main', function() {
describe('init()', function() {
it('set the name property to the name passed in', function() {
});
});
describe('calculate()', function() {
@msecret
msecret / margins.scss
Last active July 22, 2016 20:04
An idea of how we can do margins on headers in WDS
// The problem
/*
In working on the standards, seeing other people's code and seeing our own code, I see a lot of having to
remove the margins on elements like headings. This usually happens when headings are included in elements
that aren't in normal content flow such as in an accordion.
*/
// accordion.scss, example of our own rules to remove margin
.usa-accordion {
h1,
@msecret
msecret / screener-setup.markdown
Last active March 9, 2016 23:34
Setting up screener to run of a local dev environment

Pre-steps: Ensure your local webserver for you project is running on localhost at some port. This port will be reference later with ${PORT}.

1. Configure screener to run tests

  1. Login to screener.io (Username and password will be provided through fugacious)
  2. Once on the dashboard page, add a new Test Group
  3. Name the group name anything you want
  4. Set the baseurl to http://local.dev
  5. Add a new browser
@msecret
msecret / shared_css_style_library
Created February 23, 2016 23:30
Shared CSS Style Library
# Shared CSS Style Library
In developing a redesign for cloud.gov, our team found we had multiple, separate sites, with separate codebases, sometimes written in different programming languages with different frameworks which all had a shared visual style. When figuring out a technical solution to coding the visual style that was mocked up to us, we needed a solution that would scale to all these different sites that didn’t involve copying code. Our solution to this problem is our “shared style library”, a coin I termed to express a library of CSS, JavaScript, images and fonts that can be distributed to multiple codebases to create a shared visual style. Our style library includes a build process to package and optimize all the assets, versioning to ensure consumer sites receive the correct features of the style library and a distribution method that allows multiple types of sites in different frameworks to consume the library. The library is called "cloudgov-style", or "cg-style" and is available [on github]
var foo = 1;
var bar = foo;
bar = 9;
function doStuff() {
var fullName;
var item = {};
var items = [];