add url for collection and change block naming

backstage/templates/layout.html

@@ -8,6 +8,7 @@
   <!-- Bootstrap CSS -->
   <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css'>
   <link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
   <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/main.css') }}">
   
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>
@@ -71,7 +72,7 @@
             <span class="menu-collapsed">Password</span>
           </a>
         </div>            
-        <a href="#" class="bg-dark list-group-item list-group-item-action">
+        <a href="{{ url_for('collections.collection_list') }}" class="bg-dark list-group-item list-group-item-action">
           <div class="d-flex w-100 justify-content-start align-items-center">
             <span class="fa fa-tasks fa-fw mr-3"></span>
             <span class="menu-collapsed">規劃作品</span>    
@@ -136,7 +137,7 @@
 
     <!-- MAIN -->
     <div class="col">
-      {% block content %}{% endblock %}
+      {% block main %}{% endblock %}
     </div><!-- Main Col END -->
   </div><!-- body-row END -->
   </div><!-- container -->