update website

ifedapoolarewaju · ifedapoolarewaju · commit fec1198de242 · 2019-06-04T05:40:03.000+01:00
diff --git a/docs-src/igstories.pug b/docs-src/igstories.pug
@@ -6,6 +6,7 @@ prepend titleDeterminer
 
 append head
   link(rel='stylesheet', href='/css/index.css')
+  link(rel='stylesheet', href='/css/igstories.css')
 
 prepend header
   - var navtype = 'transparent navbar-dark'
@@ -43,11 +44,11 @@ block content
     h1.text-center Features
     .screenshots.row.mt-5.text-center
       a.col-md-6.mb-4(href='img/igstories-anon.png', target='_blank')
-        | Watch Stories Anonymously
-        img.mt-3.img-fluid(src='img/igstories-anon.png')
+        p Watch Stories Anonymously
+        img.mt-3.img-fluid(src='img/igstories-anon.png', width="300px")
       a.col-md-6.mb-4(href='img/igstories-watch.png', target='_blank')
-        | Search any user and watch their stories
-        img.mt-3.img-fluid(src='img/igstories-watch.png')
+        p Save Story videos on your computer
+        img.mt-3.img-fluid(src='img/igstories-watch.png', width="300px")
 
   section.donations.mt-5.text-center
     h2 Donations
diff --git a/docs/css/igstories.css b/docs/css/igstories.css
@@ -0,0 +1,3 @@
+.promoBanner.active .backgroundSkew {
+    background-image: linear-gradient(150deg,red 0%,#7705ee 100%);
+}
diff --git a/docs/igstories.html b/docs/igstories.html
@@ -26,6 +26,7 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:400,700,900">
     <link rel="stylesheet" href="/css/global.css">
     <link rel="stylesheet" href="/css/index.css">
+    <link rel="stylesheet" href="/css/igstories.css">
   </head>
   <body><a class="forkus" href="https://github.com/ifedapoolarewaju/igstories" target="_blank"><img src="/img/github-fork-us.svg" alt="Fork us on GitHub"></a>
     <div class="promoBanner active">
@@ -51,7 +52,9 @@ <h5>Download the latest <span>1.0.0</span></h5>
     <div class="container">
       <section class="features mt-5">
         <h1 class="text-center">Features</h1>
-        <div class="screenshots row mt-5 text-center"><a class="col-md-6 mb-4" href="img/igstories-anon.png" target="_blank">Watch Stories Anonymously<img class="mt-3 img-fluid" src="img/igstories-anon.png"></a><a class="col-md-6 mb-4" href="img/igstories-watch.png" target="_blank">Search any user and watch their stories<img class="mt-3 img-fluid" src="img/igstories-watch.png"></a></div>
+        <div class="screenshots row mt-5 text-center"><a class="col-md-6 mb-4" href="img/igstories-anon.png" target="_blank">
+            <p>Watch Stories Anonymously</p><img class="mt-3 img-fluid" src="img/igstories-anon.png" width="300px"></a><a class="col-md-6 mb-4" href="img/igstories-watch.png" target="_blank">
+            <p>Save Story videos on your computer</p><img class="mt-3 img-fluid" src="img/igstories-watch.png" width="300px"></a></div>
       </section>
       <section class="donations mt-5 text-center">
         <h2>Donations</h2>IG:Stories

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.promoBanner.active .backgroundSkew {`
	`2`	`+ background-image: linear-gradient(150deg,red 0%,#7705ee 100%);`
	`3`	`+}`