Redesign Intro Text in Home

amfoss · Mar 7, 2019 · f225dde · f225dde
1 parent 0899e6d
commit f225dde
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/pages/static/pages/js/home.js b/pages/static/pages/js/home.js
@@ -13,12 +13,12 @@ new TypeIt('#header-title', {
 .delete(52)
 .type('We mentor students to achieve excellence in ')
 .type('Technical and')
-.pause(200)
+.pause(250)
 .delete(13)
 .type('Non-Technical Skills.')
-.pause(200)
+.pause(250)
 .delete(20)
-.delete(46)
+.delete(45)
 .type('The FOSS Club of Amrita Vishwa Vidyapeetham, Amritapuri Campus.')
 .pause(300)
 .delete(63)

diff --git a/pages/static/pages/styles/home.sass b/pages/static/pages/styles/home.sass
@@ -9,6 +9,8 @@ section
 
 #cover
     background: #444
+    position: relative
+    top: 0
 
     video
         width: 100%
@@ -17,9 +19,16 @@ section
         z-index: 1000
         padding: 5vh 5vw
         position: absolute
-        left: 0
         color: white
         font-size: calc(1rem + 2.3vw)
+        left: 0
+        top: 0
+        bottom: 0
+        right: 0
+        display: flex
+        align-items: center
+        background: rgba(0,0,0,0.5)
+        text-shadow: 1px 1px rgba(0,0,0,0.5)
 
 #intro
     min-height: inherit

diff --git a/templates/home.haml b/templates/home.haml
@@ -10,7 +10,7 @@
 {% block content %}
 %div{:id=>"homepage"}
   %section#cover
-    <video autoplay loop poster="img/index-image.jpg" id="index-video">
+    <video autoplay loop id="index-video">
      <source src="{% static 'pages/videos/cover.mp4' %}" type="video/mp4">
     </video>
     %h1#header-title