From 10bad1b7ad0713fe418282f7a9ec8988379bc3f9 Mon Sep 17 00:00:00 2001
From: ablwr <ashley.blewer@gmail.com>
Date: Fri, 20 Mar 2015 22:33:41 -0400
Subject: [PATCH] aesthetics

---
 css/css.css |  9 +++++++++
 index.html  | 26 +++++++++++++++-----------
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/css/css.css b/css/css.css
index 3781024..d27dbfb 100644
--- a/css/css.css
+++ b/css/css.css
@@ -1,3 +1,12 @@
+h1,h2,h3,h4,h5,h6 {
+  font-family: 'Montserrat', sans-serif;
+}
+
+div {
+  /*font-family: 'Ubuntu', sans-serif;*/
+  font-family: 'Sanchez', serif;
+}
+
 span .btn {
   margin: 6px;
 }
diff --git a/index.html b/index.html
index 9059d0d..c192b9d 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,9 @@
 
     <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
     <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Sanchez' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="css/bootstrap.min.css">
     <link rel="stylesheet" href="css/css.css">
     <link href="css/jquery.steps.css" rel="stylesheet" >
@@ -25,11 +28,18 @@
 <!-- BUTTONS! -->
 <div class="row">
 
-      <div class="well col-md-5 col-md-offset-0">
+       <div class="well col-md-4 col-md-offset-0">
         <br>
-          <h4>What do you want to do?</h4>
-          <h6>Select from the following.</h6>
-          <br>
+          <h4>Making FFmpeg easier</h4>
+          <p>FFmpeg is a powerful framework for manipulating audiovisual files. Unfortunately, it also has a steep learning curve, especially for users unfamiliar with the command line. This app helps users through the bash command generation process so that more people can reap the benefits of the FFmpeg library. </p>
+          <p>This project is very much a work in progress. Each button displays a form to help fulfill a popular user request. To use, click on the button and fill out the form. After clicking the Generate button, a command line will appear in the box below. That line can be copied and pasted into a Terminal, with the assumption that the video file is located in the same directory that the user currently is in.</p>
+          <p>For FFmpeg basics, check out their <a href="https://www.ffmpeg.org/">official website.</a></p>
+          <p>For bash and command line basics, try the <a href="http://cli.learncodethehardway.org/book/">Command Line Crash Course</a></p>
+      </div>
+
+      <div class="well col-md-6 col-md-offset-1">
+          <h3>What do you want to do?</h3>
+          <h5>Select from the following.</h5>
               <span id="show_display_info"><button type="button" class="btn btn-default">Display Info</button></span>
 
               <span id="show_add_subtitles"><button type="button" class="btn btn-default">Add subtitles track</button></span>
@@ -43,13 +53,7 @@
               <span id="show_h264_for_web"><button type="button" class="btn btn-default">Export to h264 for web</button></span>
        </div>
 
-       <div class="well col-md-5 col-md-offset-1">
-          <h3>Making ffmpeg easier</h3>
-          <p>FFmpeg is a powerful framework for manipulating audiovisual files. Unfortunately, it also has a steep learning curve, especially for users unfamiliar with the command line. This app helps users through the bash command generation process so that more people can reap the benefits of the ffmpeg library. </p>
-          <p>This project is very much a work in progress. Each button displays a form to help fulfill a popular user request. To use, click on the button and fill out the form. After clicking the Generate button, a command line will appear in the box below. That line can be copied and pasted into a Terminal, with the assumption that the video file is located in the same directory that the user currently is in.</p>
-          <p>For FFmpeg basics, check out their <a href="https://www.ffmpeg.org/">official website.</a></p>
-          <p>For bash and command line basics, try the <a href="http://cli.learncodethehardway.org/book/">Command Line Crash Course</a></p>
-      </div>
+
 </div> <!-- row -->
 
 <!-- FORMS!-->