about autocompeter.com

Author: peterbe

peterbecom/apps/homepage/templates/homepage/about.html

@@ -32,6 +32,9 @@
 .project a.perm:hover { /* no mincss */
     color: rgb(51,51,51);
 }
+.project h3 {
+    margin-top: 0;
+}
 </style>
 {% endblock %}
 
@@ -54,6 +57,21 @@ <h2>About this site</h2>
 
 <h2>Side projects</h2>
 
+<div class="project" id="autocompeter">
+  <div class="floatleft"><a href="http://autocompeter.com/"><img src="{{ static('images/autocompeter-scr.png') }}" alt="Screenshot"></a></div>
+  <div class="rest">
+    <h3>Autocompeter</h3>
+    <h4><a href="http://autocompeter.com/">autocompeter.com</a></h4>
+    <p>
+      An autocomplete widget where you put some CSS and JS on your site
+      and let autcompeter.com host the data. The server is written in
+      <a href="http://golang.org/"><b>Go</b></a>
+      and the Javascript is pure without any dependency on a framework.
+      <a href="https://github.com/peterbe/autocompeter">Code on GitHub</a>.
+    </p>
+  </div>
+</div>
+
 <div class="project" id="htmltree">
   <div class="floatleft"><a href="http://htmltree.peterbe.com/"><img src="{{ static('images/htmltree-scr.png') }}" alt="Screenshot"></a></div>
   <div class="rest">
@@ -62,7 +80,7 @@ <h4><a href="http://htmltree.peterbe.com/">htmltree.peterbe.com</a></h4>
     <p>It started when I was optimizing a website whose HTML files were massive.
       Clearly the HTML contained too many DOM nodes. But where are these big clusters of nodes?!
       HTML Tree takes a URL, converts it to a tree in JSON which when combined
-      with a <a href="http://d3js.org/">D3</a> collapsible tree becomes easier to navigate.
+      with a <a href="http://d3js.org/"><b>D3</b></a> collapsible tree becomes easier to navigate.
       <a href="https://github.com/peterbe/htmltree">Code on GitHub</a>.
     </p>
   </div>
@@ -78,7 +96,7 @@ <h4><a href="http://www.peterbe.com/nodomains/">www.peterbe.com/nodomains</a></h
       you have to manually count each unique domain. Or use this tool. <br>
       What this proves is that DNS is still incredibly important for web performance.
       <a href="/plog/number-of-domains">Blogged about it here</a> and
-      the relevant <a href="https://github.com/peterbe/django-peterbecom/blob/master/peterbecom/apps/nodomains/count.js">NodeJS code is here</a>.
+      the relevant <a href="https://github.com/peterbe/django-peterbecom/blob/master/peterbecom/apps/nodomains/count.js"><b>NodeJS</b> code is here</a>.
     </p>
   </div>
 </div>