Merge pull request #5 from utPLSQL/feature/new_design

jgebal · web-flow · commit d70903864715 · 2018-12-20T23:40:31.000Z
Little facelift for the website
diff --git a/_config.yml b/_config.yml
@@ -10,8 +10,7 @@ title: utPLSQL
 google_analytics: UA-80445365-1
 email: 
 description: > # this means to ignore newlines until "baseurl:"
-  utPLSQL <br/>
-  Unit Testing Framework for Oracle PL/SQL.
+  Ultimate Testing Framework for Oracle PL/SQL.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://utPLSQL.github.com" # the base hostname & protocol for your site
 twitter_username: utplsql
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -3,7 +3,7 @@
   <div class="wrapper">
 
     <div class="footer-col-wrapper">
-      
+
       <div class="footer-col footer-col-1">
         <ul class="social-media-list">
           {% if site.github_username %}
@@ -25,5 +25,5 @@
       </div>
     </div>
     Copyright &copy; 2016 - {{ 'now' | date: "%Y" }} utPLSQL Project
-
+  </div>
 </footer>
diff --git a/_includes/header.html b/_includes/header.html
@@ -3,6 +3,7 @@
   <div class="wrapper">
 
     <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+    <span class="site-title-description">{{ site.description }}</span>
 
     <nav class="site-nav">
       <a href="#" class="menu-icon">
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -9,12 +9,16 @@
 
     // Positioning context for the mobile navigation icon
     position: relative;
+
+    -webkit-box-shadow: 0 10px 6px -6px #000;
+    -moz-box-shadow: 0 10px 6px -6px #000;
+    box-shadow: 0 10px 6px -6px #000;
 }
 
 .site-title {    
-    font-size: 26px;
+    font-size: 50px;
     font-weight: 300;
-    line-height: 56px;
+    line-height: 80px;
     letter-spacing: -1px;
     margin-bottom: 0;
     float: left;
@@ -25,9 +29,27 @@
     }
 }
 
+.site-title-description {
+    font-size: 16px;
+    font-weight: 300;
+    margin-bottom: 10px;
+    margin-top: 16px;
+    margin-left: 10px;
+    float: left;
+	color: $header-text;
+    &,
+    &:visited {
+        color: $header-text;
+    }
+}
+
 .site-nav {
     float: right;
-    line-height: 56px;
+    line-height: 35px;
+    border: 1px solid black;
+    padding-left: 10px;
+    padding-right: 10px;
+    background-color: black;
 
     .menu-icon {
         display: none;
@@ -181,17 +203,28 @@
     list-style: none;
 
     > li {
-        margin-bottom: $spacing-unit;		
-		.post-excerpt {
+        margin-bottom: $spacing-unit;
+        border: 1px solid #ddd;
+        padding: 8px;
+
+        .post-excerpt {
 		  font-size: 16px;
 		  font-style: italic;
 		}
     }
+    > li:hover {
+        background-color: #f5f5f5;
+        -webkit-box-shadow: 0 10px 6px -6px #ddd;
+        -moz-box-shadow: 0 10px 6px -6px #ddd;
+        box-shadow: 0 10px 6px -6px #ddd;
+    }
 }
 
 .post-meta {
     font-size: $small-font-size;
     color: $grey-color;
+    //display: block;
+    //background: #eee;
 }
 
 .post-link {
diff --git a/index.html b/index.html
@@ -13,13 +13,13 @@ <h1 class="page-heading">Announcements</h1>
 
         <h2>
           <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}
-		  <div class="post-excerpt">{{post.excerpt | remove: '<p>' | remove: '</p>'}}</div>
+            <div class="post-excerpt">{{post.excerpt | strip_html | truncatewords: 50 }}</div>
 		  </a>
         </h2>
       </li>
     {% endfor %}
   </ul>
 
-  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+  <p class="rss-subscribe">subscribe <a href="{{ '/feed.xml' | prepend: site.baseurl }}">via RSS</a></p>
 
 </div>
