Style website

Author: Emmanouil Konstantinidis

drfdocs/static/css/style.css

@@ -1,16 +1,35 @@
+/* @group Misc */
+
 body {
   background-color: #FEFEFE;
 }
 
-h1, h2, h3, h4 {
-  text-align: center;
-}
-
 .jumbotron {
   margin: 50px 0 40px;
   text-align: center;
 }
 
+/* @end Misc */
+
+
+/* @group Endpoint */
+
+.endpoint {
+  padding: 5px 20px;
+  margin: 20px 0;
+  background-color: #ecf0f1;
+}
+
+.endpoint .title {
+  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
+}
+
+/* @end Endpoint */
+
+
+
+/* @group Footer */
+
 .footer {
   text-align: center;
   padding: 20px;
@@ -25,3 +44,5 @@ h1, h2, h3, h4 {
   margin: 0 10px;
   font-size: 22px;
 }
+
+/* @end Footer */

drfdocs/templates/drfdocs/base.html

@@ -10,11 +10,11 @@
     <title>DRF Docs</title>
 
     <!-- Bootstrap -->
-    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
     <!-- Flatly -->
-    <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.4/flatly/bootstrap.min.css" rel="stylesheet">
+    <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/flatly/bootstrap.min.css" rel="stylesheet">
     <!-- Font Awesome -->
-    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
     <!-- Custom Style -->
     <link href="{% static "css/style.css" %}" rel="stylesheet">
   </head>
@@ -29,12 +29,12 @@ <h3>Documentation for Web APIs made with <a href="http://www.django-rest-framewo
       {% block content %}{% endblock %}
 
       <div class="footer">
-          <div class="links">
-              <a href="http://www.iamemmanouil.com"><i class="fa fa-link"></i></a>
-              <a href="http://www.github.com/ekonstantinidis"><i class="fa fa-github"></i></a>
-              <a href="http://www.twitter.com/iamemmanouil"><i class="fa fa-twitter"></i></a>
-          </div>
-          Copyright © 2015 Emmanouil Konstantinidis.
+        <div class="links">
+          <a href="http://www.iamemmanouil.com"><i class="fa fa-link"></i></a>
+          <a href="http://www.github.com/ekonstantinidis"><i class="fa fa-github"></i></a>
+          <a href="http://www.twitter.com/iamemmanouil"><i class="fa fa-twitter"></i></a>
+        </div>
+        Copyright © 2015 Emmanouil Konstantinidis.
       </div>
     </div>
   </body>

drfdocs/templates/drfdocs/home.html

@@ -3,7 +3,7 @@
 {% block content %}
   {% for endpoint in endpoints %}
     <div class="endpoint">
-      <pre>{{ endpoint.regex }}</pre>
+      <h3 class="title">{{ endpoint.regex }}</h3>
       <p>{{ endpoint.view_name }}</p>
     </div>
   {% endfor %}