css library for user page

CuBoulder · Sep 19, 2023 · 0033ece · 0033ece
1 parent eee7eed
commit 0033ece
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/boulder_base.libraries.yml b/boulder_base.libraries.yml
@@ -408,4 +408,10 @@ ucb-people-list-block:
     js/ucb-people-list-block.js: {}
   css:
     theme:
-      css/block/ucb-people-list-block.css: {}
+      css/block/ucb-people-list-block.css: {}
+
+ucb-user-profile:
+  version: 1.x
+  css:
+    theme:
+      css/ucb-user-profile.css: {}
diff --git a/css/ucb-user-profile.css b/css/ucb-user-profile.css
@@ -0,0 +1,5 @@
+.ucb-user-profile-documentation {
+    display: flex;
+    flex-direction: column;
+    padding-top: 10px;
+}
diff --git a/templates/layout/page--user.html.twig b/templates/layout/page--user.html.twig
@@ -49,6 +49,7 @@
 {#{% endif %}#}
 
 
+{{ attach_library('boulder_base/ucb-user-profile') }}
 <div class="layout-container ucb-page-container">
 	{{ block("page_header", "page.html.twig") }}
 	<div class="ucb-page-content">
@@ -62,8 +63,16 @@
 			<div class="layout-content container">
 				<div class="ucb-user-profile-container">
 					{{ page.content }}
+					<div class="ucb-user-profile-documentation">
+					<h2>Documentation and Status </h2>
+						<a class = "ucb-user-profile-doc-link" href = "https://www.google.com"> Help Documentation </a>
+						<a class = "ucb-user-profile-doc-link" href = "https://www.youtube.com"> Pantheon Status </a>
+					</div>
 				</div>
 			</div>{# /.layout-content #}
+
+			<div class="layout-content container">
+			</div>
 		</main>
 	</div>
 	{{ block("page_footer", "page.html.twig") }}