Site title in header and footer

faisalnjs · Oct 17, 2024 · 475ba8d · 475ba8d
1 parent 54b962c
commit 475ba8d
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 3 deletions.
diff --git a/frontend/partials/footer.ejs b/frontend/partials/footer.ejs
@@ -4,7 +4,8 @@
 	<div class="inner">
 		<div class="top">
 			<img src="<%- vars.asset_prefix %><%= cms.siteDetails[0].logo.path %>" alt="<%= cms.siteDetails[0].title %>" />
-			<h1>Est. <%= cms.siteDetails[0].est %></h1>
+			<h1><%= cms.siteDetails[0].title %></h1>
+			<h2>Est. <%= cms.siteDetails[0].est %></h2>
 			<div class="links"><%- include('links.ejs') %></div>
 		</div>
 		<div class="bottom">

diff --git a/frontend/partials/header.ejs b/frontend/partials/header.ejs
@@ -10,8 +10,9 @@
 		<%- include('socials.ejs') %>
 	</div>
 	<div class="main <% if (title === '') { %>home<% } %>">
-		<a href="<%- vars.domain %>/" title="Go home">
+		<a href="<%- vars.domain %>/" title="Go home" class="logo">
 			<img src="<%- vars.asset_prefix %><%= cms.siteDetails[0].logo.path %>" alt="<%= cms.siteDetails[0].title %>">
+			<h2><%= cms.siteDetails[0].title %></h2>
 		</a>
 		<div class="links">
 			<%- include('links.ejs') %>

diff --git a/frontend/public/css/styles.css b/frontend/public/css/styles.css
@@ -165,13 +165,29 @@ header .main a {
 
 header .main a img {
 	height: 39px;
-	padding-right: 10px;
+	padding-right: 15px;
 }
 
 header .main.home a img {
 	height: 50px !important;
 }
 
+header .main .logo {
+    display: flex;
+    align-items: center;
+}
+
+header .main.home .logo {
+    flex-direction: column;
+    gap: 15px;
+    margin-bottom: -10px;
+}
+
+header .main .logo h2 {
+    margin: 0px;
+    font-weight: 700;
+}
+
 header .main .links {
 	display: flex;
 	align-items: center;
@@ -887,7 +903,14 @@ footer .inner .top h1 {
 	font-size: 24px;
 	font-weight: bold;
 	margin: 0;
+}
+
+footer .inner .top h2 {
+	font-size: 15px;
+	font-weight: bold;
+	margin: 0;
 	margin-bottom: 20px;
+    margin-top: -15px;
 }
 
 footer .inner .top .links {