update links

IIIF-Commons · Jul 30, 2017 · 215a245 · 215a245
1 parent 45bc9b5
commit 215a245
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 7 deletions.
diff --git a/src/_image-api/playground.md b/src/_image-api/playground.md
@@ -20,5 +20,8 @@ Above is the [Image Information](http://iiif.io/api/image/2.1/#image-information
 Now that we have learned the basics of requesting images, we need to figure out how to request images that are grouped together.
 
 <div class='d-flex justify-content-around'>
-  <a class="btn btn-secondary" href="{{'presentation-api' | relative_url }}">Next &raquo;</a>
+  <a class="btn btn-secondary" href="{{'presentation-api' | relative_url }}">
+    <span class='next-continue'>Continue :arrow_right:</span>
+    <span class='next-title'>Presentation API</span>
+  </a>
 </div>
diff --git a/src/_overview/what-can-iiif-do.md b/src/_overview/what-can-iiif-do.md
@@ -39,5 +39,8 @@ As of July 2017 the current IIIF Technical Specifications are:
 The two most established IIIF APIs are the Image and Presentation APIs. This guide will discuss these in more depth. Let's get started with the Image API.
 
 <div class='d-flex justify-content-around'>
-  <a class="btn btn-secondary" href="{{'image-api' | relative_url }}">Next &raquo;</a>
+  <a class="btn btn-secondary" href="{{'image-api' | relative_url }}">
+    <span class='next-continue'>Continue :arrow_right:</span>
+    <span class='next-title'>Image API</span>
+  </a>
 </div>
diff --git a/src/_overview/what-is-iiif.md b/src/_overview/what-is-iiif.md
@@ -21,5 +21,8 @@ Both of these use cases utilize IIIF. The API specifications enable all of this
 IIIF not only refers to these APIs now, but now also to the community of content providers, software developers, and researchers who are using the technology.
 
 <div class='d-flex justify-content-around'>
-  <a class="btn btn-secondary" href="{{'overview/what-can-iiif-do' | relative_url }}">Next &raquo;</a>
+  <a class="btn btn-secondary btn-lg" href="{{'overview/what-can-iiif-do' | relative_url }}">
+    <span class='next-continue'>Continue :arrow_right:</span>
+    <span class='next-title'>What can IIIF do?</span>
+  </a>
 </div>
diff --git a/src/_sass/application.scss b/src/_sass/application.scss
@@ -34,3 +34,15 @@ p {
     }
   }
 }
+
+.next-continue {
+  display: block;
+  font-size: .8em;
+  line-height: 1.25em;
+}
+
+.next-title {
+  display: block;
+  font-size: 1.8em;
+  line-height: 1.8em;
+}
diff --git a/src/image_api.md b/src/image_api.md
@@ -32,5 +32,8 @@ The IIIF Image API server knows how to efficiently deliver these images to the v
 Let's dive into more of how the Image API works.
 
 <div class='d-flex justify-content-around'>
-  <a class="btn btn-secondary" href="{{'image-api/playground' | relative_url }}">Next &raquo;</a>
+  <a class="btn btn-secondary btn-lg" href="{{'image-api/playground' | relative_url }}">
+    <span class='next-continue'>Continue :arrow_right:</span>
+    <span class='next-title'>Image API Playground</span>
+  </a>
 </div>
diff --git a/src/index.md b/src/index.md
@@ -16,7 +16,8 @@ IIIF (International Image Interoperability Framework) is a set API specification
 A group of users, software developers, and content providers that make up the IIIF community. Whether you are a scholar looking to use images for your ground breaking research or a dog picture aficionado hoping to share higher quality versions of your images, IIIF can help :smiley_cat:
 
 <div class='text-center'>
-  <a class='btn btn-primary' href="{{ 'overview' | relative_url }}">
-    Get Started
+  <a class='btn btn-secondary btn-lg' href="{{ 'overview' | relative_url }}">
+    <span class='next-continue'>Get Started :arrow_right:</span>
+    <span class='next-title'>A Brief Overview</span>
   </a>
 </div>
diff --git a/src/overview.md b/src/overview.md
@@ -9,5 +9,8 @@ IIIF is a series of APIs (application programming interface) that worked togethe
 For one thing, it means that content providers can publish high-resolution images that are quickly viewable at great detail. It also means that IIIF users can read and collaboratively annotate a published books. It means a whole lot of things, and this overview aims to break things down.
 
 <div class='d-flex justify-content-around'>
-  <a class="btn btn-secondary" href="{{'overview/what-is-iiif' | relative_url }}">Next &raquo;</a>
+  <a class="btn btn-secondary btn-lg" href="{{'overview/what-is-iiif' | relative_url }}">
+    <span class='next-continue'>Continue :arrow_right:</span>
+    <span class='next-title'>What is IIIF?</span>
+  </a>
 </div>