update modal and add slide animation for modal

1 files changed, 8 insertions, 8 deletions

diff --git a/index.html b/index.html
index 5f61c74..ed758e6 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta name="robots" content="index, follow" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="author" content="https://github.com/picturepan2/spectre" />
-    <title>Spectre.css, a lightweight and modern CSS framework for faster and extensible development.</title>
+    <title>Spectre.css: a lightweight, responsive and modern CSS framework</title>
     <link rel="stylesheet" href="dist/spectre.css" />
     <link rel="stylesheet" href="demo/font/style.css" />
     <style>
@@ -63,9 +63,9 @@
         <section id="overview" class="grid-hero grid-960">
             <header class="text-center"><h3>Spectre.css</h3></header>
             <section>
-                <p><strong>Spectre.css</strong> is a lightweight and modern CSS framework for faster and extensible development.</p>
+                <p><strong>Spectre.css</strong> is a lightweight, responsive and modern CSS framework for faster and extensible development.</p>
                 <ul>
-                    <li>lightweight and clean starting point for your project</li>
+                    <li>lightweight and clean starting point for your project and prototype</li>
                     <li>flexbox, responsive and mobile-friendly layout</li>
                     <li>built in useful components and utilities</li>
                 </ul>
@@ -141,7 +141,7 @@
         <section id="typography" class="grid-960">
             <header class="text-center"><h4>typography</h4></header>
             <section class="notes">
-                <p><strong>Typography</strong> sets default styles for headings, paragraphs, blockquote, lists elements and some text related utilities. </p>
+                <p><strong>Typography</strong> sets default styles for headings, paragraphs, blockquote, lists and code elements. </p>
             </section>
 
             <header class="text-center"><h5>headings</h5></header>
@@ -1443,7 +1443,7 @@
             </section>
             <div class="columns">
                 <div class="column">
-                    <div class="modal">
+                    <div class="modal-temp">
                         <div class="modal-overlay"></div>
                         <div class="modal-container" role="document">
                             <div class="modal-header">
@@ -1516,7 +1516,7 @@
             <header class="text-center"><h5>modal sizes</h5></header>
             <div class="columns">
                 <div class="column">
-                    <div class="modal modal-sm">
+                    <div class="modal-temp modal-sm">
                         <div class="modal-overlay"></div>
                         <div class="modal-container" role="document">
                             <div class="modal-header">
@@ -1536,7 +1536,7 @@
                     </div>
                 </div>
                 <div class="column">
-                    <div class="modal modal-sm">
+                    <div class="modal-temp modal-sm">
                         <div class="modal-overlay"></div>
                         <div class="modal-container" role="document">
                             <div class="modal-header">
@@ -1833,7 +1833,7 @@
     <footer class="bg-grey">
         <section id="copyright" class="grid-footer grid-960">
             <p>
-                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a>
+                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.2
             </p>
             <p>Designed and built with love by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
         </section>