[#156] Update Welcome Screen

Update welcome screen for office users
    modified:   string_rota/templates/string_rota/home.html

Add testing for Update Sidebar and Update to readme
	modified:   README.md
	new file:   readme_assets/images/testing-issue156-1.png

README.md

@@ -272,6 +272,8 @@ The following manual tests were made:
     - [see issue #166 here](https://github.com/mikerae/string-rota/issues/166)
 - [Enable Email Server #166 Testing](/readme_assets/images/testing-issue166-3.png)
     - [see issue #166 here](https://github.com/mikerae/string-rota/issues/166)
+- [Update Sidebar and Welcome Screen #156 Testing](/readme_assets/images/testing-issue156-1.png)
+    - [see issue #156 here](https://github.com/mikerae/string-rota/issues/156)
 #### Human Testing
 No human testing was done for this MVP, but once office manager functionality, and the hiding of draft rotas is implemented, user feedback will be sort.
 

string_rota/templates/string_rota/home.html

@@ -17,38 +17,23 @@ <h2>Welcome {{user.first_name}}!</h2>
     <div class="row">
       <!-- Left side columns -->
       <div class="col-12">
-        {% if office %}
-        <div class="col-lg-7">
-          <div class="card">
-            <div class="card-body">
-              <h2 class="card-title">
-                Site Under Construction!
-              </h2>
-              <p class="ps-3">We are very sorry, but the site is currently under construction for the Orchestra Managers
-                and those with super-user status.
-                To visit the Admin part of the site, please click on the Admin menu item in the side bar.
-                There is full functionality for Rota Managers and Players. We will inform you when this part of the site
-                is ready for use. In the mean time, thank you for your patience.
-              </p>
-            </div>
-          </div>
-        </div>
-        {% else %}
         <div class="row">
           <!-- Project Info -->
           <div class="col-lg-7">
             <div class="card">
               <div class="card-body">
-                <h2 class="card-title">Select a Project</h2>
+                <h2 class="card-title">Select a Project {% if office %}and a Section{% endif %} to see your required
+                  Rota</h2>
 
                 <div class="ps-3">
-                  <p>Choose a project from the list of projects in the side menu to view a rota for that project.</p>
+                  <p>Choose a project from the list of projects in the side menu {% if office %}, then choose a section
+                    from the drop-down menu {% endif %}to view a rota for that project{% if office %} and
+                    section{% endif %}.</p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        {% endif %}
         <!-- Messages -->
         <div class="row">
           <div class="col-12">