Index: lams_admin/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_central/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r1c914aba313ca9ecb5e7da623d7d97483cbac9b1 -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 1c914aba313ca9ecb5e7da623d7d97483cbac9b1)
+++ lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -125,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -134,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_gradebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_learning/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_learning/web/includes/javascript/learnerPage.js
===================================================================
diff -u -r25cc39218cacb76e3370604abfb8ab0b2d5c2479 -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_learning/web/includes/javascript/learnerPage.js	(.../learnerPage.js)	(revision 25cc39218cacb76e3370604abfb8ab0b2d5c2479)
+++ lams_learning/web/includes/javascript/learnerPage.js	(.../learnerPage.js)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -10,7 +10,7 @@
         cache: false,
         dataType: 'json',
         success: function (result) {
-            $('.component-page-wrapper .component-page-content #lesson-name').text(result.lessonName);
+            $('.component-page-wrapper .component-page-content #lesson-name').text(result.lessonName).removeClass();
 
             // draw support activities if they exist
             const ACTIVITY_ITEM_TEMPLATE = '<li><div class="row align-items-center"><div class="icon"></div><div class="col text-center"></div></div></li>';
Index: lams_monitoring/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_chat/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_daco/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_doku/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_forum/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_images/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r1c914aba313ca9ecb5e7da623d7d97483cbac9b1 -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 1c914aba313ca9ecb5e7da623d7d97483cbac9b1)
+++ lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -125,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -134,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_leader/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_nb/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_preview/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_survey/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_task/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_vote/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">
Index: lams_www/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r6598c02ec0f7dfd0db5ab175660b6b20c12464d2
--- lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 6598c02ec0f7dfd0db5ab175660b6b20c12464d2)
@@ -23,8 +23,6 @@
         <c:set var="pageLearnerPortraitSrc">${lams}images/css/john-doe-portrait.jpg</c:set>
     </c:otherwise>
 </c:choose>
-<c:set var="pageLearnerFirstName"><lams:user property="firstName" /></c:set>
-<c:set var="pageLearnerLastName"><lams:user property="lastName" /></c:set>
 
 <lams:html>
     <lams:head>
@@ -127,7 +125,7 @@
 	
 				<c:if test="${showHeader}">
 		            <header id="header" class="d-flex justify-content-between align-items-center" role="banner">
-		                <div class="d-flex align-items-center">
+		                <div class="d-flex align-items-center w-100">
 							<button class="btn btn-light no-decoration" id="hamb" type="button" accesskey="p" 
 									data-bs-toggle="offcanvas" data-bs-target="#component-offcanvas"
 									aria-controls="component-offcanvas"
@@ -136,7 +134,10 @@
 								<i class="fa-solid fa-fw fa-bars" aria-hidden="true"></i>
 							</button>
 		
-		                    <h1 id="lesson-name" title="<fmt:message key='label.lesson.name'/>"></h1>
+		                    <h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9" title="<fmt:message key='label.lesson.name'/>">
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
+								<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
+							</h1>
 		                </div>
 		                
 		                <div class="top-menu">