Add description

hojberg · hojberg · commit 33f2b9fc3c51 · 2016-11-08T10:46:48.000-05:00
diff --git a/public/css/app.css b/public/css/app.css
@@ -12,7 +12,7 @@ input[type='radio']           { border: 0; }
 
 /* =LAYOUT
 ====================================================== */
-#content                      { width: 800px; margin: auto; padding: 100px; padding-bottom: 60px;
+#content                      { width: 800px; margin: auto; padding: 50px; padding-bottom: 60px;
   /* white radial gradient background */
   background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0)));
@@ -28,6 +28,8 @@ input[type='radio']           { border: 0; }
 
 .ir                           { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
 
+.description                  { margin-bottom: 50px; font-size: 16px; text-align: center; }
+
 .preview_and_configuration    { float: left; width: 395px; }
 
 /* =MODULES
diff --git a/public/index.html b/public/index.html
@@ -10,6 +10,9 @@
   <body>
 
     <div id='content' class='clr'>
+      <div class='description'>
+        Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.
+      </div>
       <div class='preview_and_configuration'>
         <div class='preview'>
           <div class='arrow_box'>
@@ -64,7 +67,7 @@ <h2>Arrow configuration</h2>
     </div>
 
     <footer id='footer'>
-      <span>&copy; 2012 By <span/><a href='http://icreateui.com'>Simon Højberg</a>
+      <span>&copy; 2016 By <span/><a href='http://icreateui.com'>Simon Højberg</a>
       <span>&middot;
       Follow me on twitter: <span/><a href='https://twitter.com/shojberg'>@shojberg</a>
       <span>&middot;
