Updated welcome header

4 files changed, 20 insertions, 3 deletions

diff --git a/static/css/home.css b/static/css/home.css
new file mode 100644
index 00000000..2b749c03
--- /dev/null
+++ b/static/css/home.css
@@ -0,0 +1,17 @@
+#welcome {
+    width: 730px;
+    height: calc(262px - 40px);
+    background: url('../images/backgrounds/welcome-banner.png') no-repeat;
+    background-size: 730px 262px;
+    margin: auto;
+    padding: 40px 0px 0px 0px;
+    border: 0px;
+    position: relative;
+    margin-top: 15px;
+    text-align: justify;
+}
+
+#welcome > p {
+    width: 500px;
+    margin: 12px 0px 12px 98px;
+}
diff --git a/static/images/backgrounds/welcome-banner.png b/static/images/backgrounds/welcome-banner.png
new file mode 100644
index 00000000..80d82681
--- /dev/null
+++ b/static/images/backgrounds/welcome-banner.png
diff --git a/templates/blog/home.html b/templates/blog/home.html
index c8b012d0..9b8bd953 100644
--- a/templates/blog/home.html
+++ b/templates/blog/home.html
@@ -1,7 +1,7 @@
 {% extends 'blog/partials/base.html' %} {% block content %}
 {% load static %}
+<link rel="stylesheet" href="{% static 'css/home.css' %}">
 <div id="welcome">
-  <h2>Welcome</h2>
   <p>
     Welcome to the home of That Computer Scientist. My name is <a href="{% url 'blog:user_activity' 'bobby' %}">@bobby</a>, and this is my personal
     website. I aim to build a retro looking personal website, where I share my thoughts, ideas, and experiences through articles, and will showcase some cool nostalgic features and tools.
@@ -12,8 +12,8 @@
   <p>
     Also, To participate around various sections of the site, you will need to <a href="{% url 'blog:register' %}">register</a> for an account. I hope you enjoy your stay here.
   </p>
-  <img src="{% static 'images/gifs/construction.gif' %}" style="width: 720px;">
 </div>
+<img src="{% static 'images/gifs/construction.gif' %}" style="width: 720px;">
 
 {% if announcements is not None %}
 <div id="announcements" class="mtctitem">
diff --git a/templates/blog/partials/sidebar.html b/templates/blog/partials/sidebar.html
index ec0486b6..9b15eb2f 100644
--- a/templates/blog/partials/sidebar.html
+++ b/templates/blog/partials/sidebar.html
@@ -39,7 +39,7 @@
 {% endif %}
 
 {% if user.is_authenticated %}
-<div id="user-area" class="mtsbitem">
+<div id="user-area">
     <h2>Hello, {{ user.username }}!</h2>
     <ul>
         <li>