add basic design to userbundle && refactor

src/Jotunheimr/UserBundle/Resources/views/layout.html.twig

@@ -7,11 +7,13 @@
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     {% block stylesheets %}
         {% stylesheets filter='cssrewrite'
+        '@JotunheimrUserBundle/Resources/public/css/layout.css'
         '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/css/bootstrap.min.css' %}
         <link rel="stylesheet" media="screen" href="{{ asset_url }}"/>
         {% endstylesheets %}
     {% endblock %}
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
+    <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet">
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
@@ -32,16 +34,18 @@
     {% endfor %}
 {% endif %}
 
-<div>
+<main>
     {% block fos_user_content %}
     {% endblock fos_user_content %}
-</div>
+    <canvas id="demo-canvas"></canvas>
+</main>
 
 {% block javascripts %}
     {% javascripts
     '@JotunheimrAdminBundle/Resources/public/js/vendor/plugins/jQuery/jquery-3.0.0.min.js'
     '@JotunheimrAdminBundle/Resources/public/js/vendor/plugins/jQuery/jquery-migrate-3.0.0.min.js'
-    '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/js/bootstrap.min.js' %}
+    '@JotunheimrAdminBundle/Resources/public/js/vendor/bootstrap/js/bootstrap.min.js'
+    '@JotunheimrUserBundle/Resources/public/js/circle.js' %}
     <script type="text/javascript" src="{{ asset_url }}"></script>
     {% endjavascripts %}
 {% endblock %}