View status.html
{{ define "content" }}
{{ partial "back" (dict "url" "//") }}
<section class="Content full center">
<div class="Container small">
<div class="Title center margin">
<span class="text">Status</span>
<span class="subtext">Apex service status.</span>
View images.css
.Images.three {
--size: 450px;
--size-ratio: .75;
--size-small: calc(var(--size) * var(--size-ratio));
--inset: 150px;
--bottom: 25px;
display: flex;
justify-content: center;
align-items: flex-end;
View main.go
package main
import (
View Makefile
# Imgix image replacement.
@echo "==> pointing images to $(IMAGE_CDN)"
@find build -type f -name "*.html" | xargs sed -i '' 's|src="/images|src="$(IMAGE_CDN)/images|g'
@find build -type f -name "*.html" | xargs sed -i '' 's|href="/images|href="$(IMAGE_CDN)/images|g'
.PHONY: images
show_icons() {
defaults write CreateDesktop true
killall Finder
hide_icons() {
defaults write CreateDesktop false
killall Finder
View colors.css
/* Gray */
@value gray-0: #f8f9fa;
@value gray-1: #f1f3f5;
@value gray-2: #e9ecef;
@value gray-3: #dee2e6;
@value gray-4: #ced4da;
@value gray-5: #adb5bd;
@value gray-6: #868e96;
@value gray-7: #495057;
View Connector.js
import React from 'react'
const bgStyles = {
strokeWidth: 3,
strokeLinejoin: 'round',
strokeLinecap: 'round',
fill: 'none',
stroke: '#c3fdff'
View modules.js
import React from 'react' // export default React
import React, Component from 'react' // first is default, followed by exported
import foo from 'lib' // no default, so just grab all exports
// Maybe there's some reasoning behind the other choices regarding static analysis but
// most of the otheres seem unnecessary. Alternatively just using the destructuring syntax
// would be pretty nice and easier to remember.
View dispatch.js
function mapDispatchToProps(dispatch) {
return {
checkActions: bindActionCreators(checkActions, dispatch),
statsActions: bindActionCreators(statsActions, dispatch),
settingsActions: bindActionCreators(settingsActions, dispatch)
View some.css
.normal {
padding: 5px 25px;
border: 1px solid #eee;
.large {
padding: 25px 50px;
composes: normal;