diff --git a/css/app.css b/css/app.css
index 957819d5ef50a1d937f94bf0fb6db36ea37703e2..8cd97c2b7f22e09518b08e4da1c7fea2cfb52f26 100644
--- a/css/app.css
+++ b/css/app.css
@@ -5048,10 +5048,12 @@ div#header {
padding-bottom: 1.875rem;
border-bottom: 2px #cacaca; }
-a#logo div {
- background-image: url("/images/header_logo_float.png");
- width: 143px;
- height: 59px; }
+a#logo {
+ display: inline-block; }
+ a#logo div {
+ background-image: url("/images/header_logo_float.png");
+ width: 143px;
+ height: 59px; }
div#footer {
margin-top: 1.875rem;
@@ -5093,4 +5095,6 @@ figcaption {
.masonry .callout {
margin-bottom: 0.9375rem;
display: inline-block;
- width: 100%; } }
+ width: 100%; }
+ .text-left-medium {
+ text-align: left; } }
diff --git a/projects/enclosure.md b/projects/enclosure.md
index 965d4c8849f920360dd5fa5dbbf5fae9047e462d..0d942c0a0e318dbcad5f08d7f9bd5bed93c4aafb 100644
--- a/projects/enclosure.md
+++ b/projects/enclosure.md
@@ -10,4 +10,10 @@ IoC container for Node.
<!--more-->
-An Inversion of Control (IoC) container implementation in JavaScript, with a module loading mechanism. Inspired by PHP frameworks and service oriented development.
+An Inversion of Control (IoC) container implementation in JavaScript, with a
+module loading mechanism. Inspired by PHP frameworks and service oriented
+development.
+
+**Projects using Enclosure:**
+
+- Legacy version of Phabulous: https://github.com/etcinit/phabulous/tree/legacy
diff --git a/projects/gonduit.md b/projects/gonduit.md
index e22e7c5bc3ba80247a6fcd0a448a5edeab648efb..7b50ceb26920c71a1220fcee9b01001d84f59e27 100644
--- a/projects/gonduit.md
+++ b/projects/gonduit.md
@@ -1,6 +1,6 @@
---
title: Gonduit
-platform: go
+platform: Go
github: etcinit/gonduit
docs: https://godoc.org/github.com/etcinit/gonduit
uuid: b226373d-9f2b-4ad1-a164-35ed605881eb
@@ -9,3 +9,5 @@ uuid: b226373d-9f2b-4ad1-a164-35ed605881eb
A Go package for connecting to Phabricator via the Conduit API.
<!--more-->
+
+Gonduit is mainly used by [Phabulous](/projects/phabulous).
diff --git a/projects/legit.md b/projects/legit.md
index 0d7016a7f55935bd354ae411a78993f40a18bbd7..62f7409ed5464d6bfce2d79a15c86ff9209b9823 100644
--- a/projects/legit.md
+++ b/projects/legit.md
@@ -3,6 +3,7 @@ title: Legit.js
platform: Javascript
github: etcinit/legit
uuid: e9a60a17-9572-4b9c-9f6c-f30d8c755302
+abandoned: true
---
Just another input validation library.
diff --git a/projects/nexus.md b/projects/nexus.md
index 6316dd51d16ebf8f4b36ec7dd1758f5b29f12438..617d1898269bd15c2a7deedd54411606c5e447d6 100644
--- a/projects/nexus.md
+++ b/projects/nexus.md
@@ -3,6 +3,7 @@ title: Nexus Configuration Server
platform: Javascript
github: etcinit/nexus
uuid: 629a587c-2930-4d0c-89bb-011ffcd40c5a
+abandoned: true
---
A simple web server for storing configuration and log files on a centralized
@@ -15,3 +16,17 @@ when launching a Docker container. With Nexus, you only need two (The server
address and a token).
Nexus is currently in use by some services at SellerLabs.
+
+**Additional projects:**
+
+- Central (API server in Go): https://github.com/etcinit/central
+- Nexii (CLI): https://github.com/etcinit/nexii
+- Go Client: https://github.com/etcinit/nexus-client-go
+- Javascript Client: https://github.com/etcinit/nexus-client-js
+- Harvester (Logs): https://github.com/etcinit/nexus-harvester
+
+**Recommended alternatives:**
+
+- confd: Solves the same problem while also supporting multiple backends.
+- etcd
+- Consul
diff --git a/projects/phabulous.md b/projects/phabulous.md
index 2c32efcdb05f0fc3f6b08e998164cf0d9a1e285a..8f61bc2cf5e692ada31acbf9f84c14de2e888b6e 100644
--- a/projects/phabulous.md
+++ b/projects/phabulous.md
@@ -9,3 +9,12 @@ uuid: ef9eb349-9e52-4e3d-80d2-15388308c7e1
A Phabricator bot for Slack
<!--more-->
+
+Phabulous is a bot for Slack that lets you receive feed notifications and
+perform actions on Phabricator.
+
+> Node.js version: The Javascript version of this project has been replaced with
+a rewrite from scratch in Go. The code for the Javascript version is available
+at the legacy branch, but it won't be actively maintained.
+
+**Powered by:** [Gonduit](/projects/gonduit).
diff --git a/projects/tutum-php.md b/projects/tutum-php.md
index a479339adfe73ddc74022d4422e00d67aa392fdf..e3685c892890d8c1174e9cdbd765e5b7123598c3 100644
--- a/projects/tutum-php.md
+++ b/projects/tutum-php.md
@@ -3,6 +3,7 @@ title: Tutum PHP
platform: PHP
github: etcinit/tutum-php
uuid: 5f4408cd-78e3-438e-bcca-eb256482f6da
+abandoned: true
---
A PHP wrapper for Tutum's API.
diff --git a/scss/app.scss b/scss/app.scss
index 47130c6cbfd3a3cf080271db8ef764e327dccee1..7eeebdb473a3daadae8b5c4b08952f4a5d218838 100644
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -53,6 +53,8 @@ div#header {
}
a#logo {
+ display: inline-block;
+
div {
background-image: url('/images/header_logo_float.png');
width: 143px;
@@ -109,4 +111,8 @@ figcaption {
width: 100%;
}
}
+
+ .text-left-medium {
+ text-align: left;
+ }
}
diff --git a/templates/default.html b/templates/default.html
index 92ec66689214bc55d99dc990bba0e27300ea463c..a12e228b9b0ec89e0880e54e3aee10bd5af1d3b5 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -1,74 +1,80 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- $if(title)$
- <title>Chromabits - $title$</title>
- $else$
- <title>Chromabits</title>
- $endif$
- <link rel="stylesheet" type="text/css" href="/css/app.css" />
+<!doctype html>
+<html class="no-js" lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <script src="https://use.typekit.net/voy2fek.js"></script>
- <script>try{Typekit.load({ async: true });}catch(e){}</script>
+ $if(title)$
+ <title>Chromabits - $title$</title>
+ $else$
+ <title>Chromabits</title>
+ $endif$
+ <link rel="stylesheet" type="text/css" href="/css/app.css" />
- <meta property="fb:admins" content="etcinit"/>
- </head>
- <body>
- <div id="fb-root"></div>
- <script>
- (function(d, s, id) {
- var js, fjs = d.getElementsByTagName(s)[0];
- if (d.getElementById(id)) return;
- js = d.createElement(s); js.id = id;
- js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=332765426823646";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));
- </script>
+ <script src="https://use.typekit.net/voy2fek.js"></script>
+ <script>try{Typekit.load({ async: true });}catch(e){}</script>
- <div id="header" class="row align-middle">
- <div class="columns medium-6">
- <a href="/" id="logo"><div></div></a>
- </div>
- <div class="columns medium-6">
- <ul class="menu align-right">
- <li><a href="/archive">Archive</a></li>
- <li><a href="/projects">Projects</a></li>
- <li><a href="/about">About</a></li>
- <li><a href="/">Home</a></li>
- </ul>
- </div>
- </div>
+ <meta property="fb:admins" content="etcinit"/>
+ </head>
+ <body>
+ <div id="fb-root"></div>
+ <script>
+ (function(d, s, id) {
+ var js, fjs = d.getElementsByTagName(s)[0];
+ if (d.getElementById(id)) return;
+ js = d.createElement(s); js.id = id;
+ js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=332765426823646";
+ fjs.parentNode.insertBefore(js, fjs);
+ }(document, 'script', 'facebook-jssdk'));
+ </script>
- <div class="row">
- <div class="medium-9 columns">
- $body$
- </div>
+ <div id="header" class="row align-middle">
+ <div class="medium-6 small-12 columns text-center text-left-medium">
+ <a href="/" id="logo"><div></div></a>
+ </div>
+ <div class="medium-6 small-12 columns text-center text-left-medium">
+ <ul class="menu align-right show-for-medium">
+ <li><a href="/archive">Archive</a></li>
+ <li><a href="/projects">Projects</a></li>
+ <li><a href="/about">About</a></li>
+ <li><a href="/">Home</a></li>
+ </ul>
+ <ul class="menu vertical show-for-small-only">
+ <li><a href="/archive">Archive</a></li>
+ <li><a href="/projects">Projects</a></li>
+ <li><a href="/about">About</a></li>
+ </ul>
+ </div>
+ </div>
- <div class="medium-3 columns">
- $partial("templates/twitter.html")$
- </div>
- </div>
- <div id="footer" class="row">
- <div class="column text-right">
- <small>
- Site proudly generated by
- <a href="http://jaspervdj.be/hakyll">Hakyll</a>
- </small>
- </div>
- </div>
+ <div class="row">
+ <div class="medium-9 small-12 columns">
+ $body$
+ </div>
- <script>
- var _gaq=[['_setAccount','$gaId$'],['_trackPageview']];
- (function(d,t){
- var g=d.createElement(t),
- s=d.getElementsByTagName(t)[0];
- g.src=('https:'==location.protocol?'//ssl':'//www')+
- '.google-analytics.com/ga.js';
- s.parentNode.insertBefore(g,s)
- }(document,'script'));
- </script>
- </body>
+ <div class="medium-3 small-12 columns">
+ $partial("templates/twitter.html")$
+ </div>
+ </div>
+ <div id="footer" class="row">
+ <div class="column text-right">
+ <small>
+ Site proudly generated by
+ <a href="http://jaspervdj.be/hakyll">Hakyll</a>
+ </small>
+ </div>
+ </div>
+
+ <script>
+ var _gaq=[['_setAccount','$gaId$'],['_trackPageview']];
+ (function(d,t){
+ var g=d.createElement(t),
+ s=d.getElementsByTagName(t)[0];
+ g.src=('https:'==location.protocol?'//ssl':'//www')+
+ '.google-analytics.com/ga.js';
+ s.parentNode.insertBefore(g,s)
+ }(document,'script'));
+ </script>
+ </body>
</html>
diff --git a/templates/disqus.html b/templates/disqus.html
index 5b162404fa5ac79b3bd31991d30dd2a8aabbe5b9..eb504ff589be2964ca0f8b3afc6fab080db90cd8 100644
--- a/templates/disqus.html
+++ b/templates/disqus.html
@@ -1,6 +1,6 @@
<div class="fb-like"
data-href="https://chromabits.com$url$"
- data-layout="standard" data-action="like" data-show-faces="true"
+ data-layout="button_count" data-action="like"
data-share="true">
</div>
diff --git a/templates/project.html b/templates/project.html
index 10dd69b9f6bf6bae101d4ffedf62a71fe454a34a..2edbbbafc09eb031be0f572ea1292087718eb8cf 100644
--- a/templates/project.html
+++ b/templates/project.html
@@ -1,11 +1,11 @@
<div class="row">
- <div class="medium-6 columns">
+ <div class="medium-8 columns">
<h2>$title$</h2>
<p><span class="success label">$platform$</span></p>
</div>
- <div class="medium-6 columns text-right">
+ <div class="medium-4 columns text-right">
<ul class="menu vertical">
$if(github)$
<li><a href="https://github.com/$github$">
@@ -47,6 +47,19 @@
</div>
</div>
+$if(abandoned)$
+<div class="callout alert">
+ <h5>
+ <i class="fa fa-warning"></i>
+ WARNING
+ </h5>
+ <p>
+ This project is marked as abandoned. This means it is no longer being
+ actively maintained (including security updates).
+ </p>
+</div>
+$endif$
+
<hr>
$body$