updates

rjs360 · Jul 16, 2023 · 5a1b8bb · 5a1b8bb
1 parent c54d7f5
commit 5a1b8bb
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/_layouts/about.html b/_layouts/about.html
@@ -3,7 +3,16 @@
 ---
 
 <!-- about.html -->
-      <div class="post">
+    <div class="page-content">
+        <div class="header-background">
+          <div class="img"></div>
+          <div class="text">
+            <h2>text here if desireable</h2>
+          </div>
+        </div>
+    </div>
+
+    <div class="post">
         <header class="post-header">
           <h1 class="post-title">
            {% if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif %}

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -33,6 +33,34 @@ body.sticky-bottom-footer {
   }
 }
 
+
+.header-background .text h2{
+  font-weight:bold
+}
+
+.header-background .text{
+  margin-top:-4em;
+  text-align:right;
+  margin-right:2em;
+  padding-bottom:2em;
+  color:white;
+  font-weight:bold
+}
+.header-background .img1{
+  background-image:url("../img/1.jpg");
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center center;
+  height:15em;
+  margin-bottom:2em;
+  margin-top:-2.7em
+}
+
+.page-content{
+  padding:25px 0
+}
+
+
 // TODO: redefine content layout.