Cache busting for css

resources/templates/home.html

@@ -21,10 +21,6 @@
 <div id="app">
 </div>
 
-<!-- scripts and styles -->
-{% style "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" %}
-{% style "/css/style.css" %}
-
 <script type="text/javascript">
     var context = "{{servlet-context}}";
     var csrfToken = "{{csrf-token}}";
@@ -37,6 +33,10 @@
     }
     var commitethVersion = "{{commitethVersion}}";
 </script>
+
+{% style "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" %}
+<link href="/css/style.css?v={{commitethVersion}}" rel="stylesheet" type="text/css" />
+
 <script type="text/javascript" src="/js/app.js?v={{commitethVersion}}"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){