From fb03956dacbb6316b166ed1fe42a149f42f4bf93 Mon Sep 17 00:00:00 2001
From: Mirek Kratochvil <miroslav.kratochvil@uni.lu>
Date: Wed, 7 Jun 2023 10:01:58 +0200
Subject: [PATCH] align with unilu logomanual

---
 assets/style.css        | 28 +++++++++++++++++++---------
 external/mypage/text.md | 22 +++++++++++++++++++++-
 templates/footer.html   |  2 +-
 templates/header.html   | 10 +++++-----
 4 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 55262b9..66c4167 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -22,6 +22,7 @@ body {
 h1, h2, h3, h4, h5, h6 {
 	font-family: 'Roboto Condensed', sans-serif;
 	color: #444;
+	border-bottom: 1pt solid #eee;
 	/* this might need rethinking but looks good for navigation
 	border-left: 1rem solid;
 	border-color: #aaa;
@@ -62,6 +63,7 @@ h6 {
 
 .layout-topbar {
 	height: 8rem;
+	margin-bottom: 3rem;
 	background: linear-gradient(to bottom, #fafafa, #fafafa 66%, #eeeeee);
 	display: flex;
 }
@@ -93,21 +95,28 @@ h6 {
 }
 
 .topbar-text {
-	align-self: flex-end;
-	padding: 2rem;
 	padding-bottom: 1rem;
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: 300;
 	line-height: 1.2;
 	color: #777;
+	display:flex;
 }
 
 .header-title {
-	font-size: 250%;
+	align-self: flex-end;
+	font-size: 300%;
+	margin-left: 1em;
 }
 
 .header-subtitle {
-	font-size: 150%;
+	align-self: flex-end;
+	font-size: 120%;
+	max-width: 8em;
+	margin-left: .5em;
+	padding-left: .5em;
+	margin-bottom: 0.3em;
+	border-left: 1pt solid #777;
 }
 
 .topbar-unilu {
@@ -133,8 +142,9 @@ h6 {
 	width: 980px;
 }
 
-.footer-box {
+.layout-footer {
 	height: 10rem;
+	margin-top: 5rem;
 	background-color: #aaa;
 	box-shadow:
 		inset 10rem -10rem 10rem 0px #fff,
@@ -144,8 +154,8 @@ h6 {
 
 .footer-r3 {
 	align-self: center;
-	height: 2rem;
-	width: 2rem;
+	height: 3rem;
+	width: 3rem;
 	background-image: url('static/r3.svg');
 	background-size: contain;
 	background-repeat: no-repeat;
@@ -154,8 +164,8 @@ h6 {
 .footer-lcsb {
 	align-self: center;
 	margin-left: 1rem;
-	height: 2rem;
-	width: 2rem;
+	height: 3rem;
+	width: 3rem;
 	background-image: url('static/lcsb.svg');
 	background-size: contain;
 	background-repeat: no-repeat;
diff --git a/external/mypage/text.md b/external/mypage/text.md
index ac590d4..f1d7306 100644
--- a/external/mypage/text.md
+++ b/external/mypage/text.md
@@ -17,9 +17,29 @@ something something
 this that
 ```
 
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi litora libero. Neque vulputate consequat ac amet augue blandit maximus aliquet congue. Pharetra vestibulum posuere ornare faucibus fusce dictumst orci aenean eu facilisis ut volutpat commodo senectus purus himenaeos fames primis convallis nisi.
+ Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.
+
+Curabitur semper venenatis lectus viverra ex dictumst nulla maximus. Primis iaculis elementum conubia feugiat venenatis dolor augue ac blandit nullam ac phasellus turpis feugiat mollis.
+
+- Duis lectus porta mattis imperdiet
+- vivamus augue litora lectus arcu. Justo torquent pharetra volutpat ad
+- blandit bibendum accumsan nec elit cras luctus primis ipsum gravida class congue.
+
+Vehicula etiam elementum finibus enim duis feugiat commodo adipiscing tortor tempor elit. Et mollis consectetur habitant turpis tortor consectetur adipiscing vulputate dolor lectus
+
+1. iaculis convallis adipiscing.
+2. Nam hendrerit dignissim condimentum ullamcorper
+3. diam morbi eget consectetur odio in sagittis.
+
 ## Something else
 
 ![awesome](img/awesome.png)
 
-more nonsense
+### more nonsense
+
 haha [linek](/tags/or/something)
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin tortor purus platea sit eu id nisi
+
+litora libero. Neque vulputate consequat ac amet augue blandit maximus aliquet congue. Pharetra vestibulum posuere ornare faucibus fusce dictumst orci aenean eu facilisis ut volutpat commodo senectus purus himenaeos fames primis convallis nisi.
diff --git a/templates/footer.html b/templates/footer.html
index d8c36b0..a55d9be 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,4 +1,4 @@
-<div class="footer-box">
+<div class="layout-footer">
   <div class="bar-fill"></div>
   <div class="footer-r3"></div>
   <div class="footer-lcsb"></div>
diff --git a/templates/header.html b/templates/header.html
index 7482894..7ca4749 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -1,16 +1,16 @@
 <div class="layout-topbar">
   <div class="bar-fill topbar-borderbottom"></div>
   <div class="width-content same-height">
-    <div class="topbar-lcsb topbar-borderbottom">
-      <div class="logo-lcsb"></div>
+    <div class="topbar-unilu topbar-borderbottom">
+      <div class="logo-unilu"></div>
     </div>
     <div class="topbar-text topbar-borderbottom">
       <div class="header-title">LCSB How-To Cards</div>
-      <div class="header-subtitle">Practical and handy reference</div>
+      <div class="header-subtitle">The practical and handy reference</div>
     </div>
     <div class="bar-fill topbar-borderbottom"></div>
-    <div class="topbar-unilu topbar-borderbottom">
-      <div class="logo-unilu"></div>
+    <div class="topbar-lcsb topbar-borderbottom">
+      <div class="logo-lcsb"></div>
     </div>
   </div>
   <div class="bar-fill topbar-borderbottom"></div>