Ensure all parts of spec are linked to

nineveh-oconnell-volpe · nineveh-oconnell-volpe · commit 5ef93e6f0291 · 2026-02-04T09:47:48.000-05:00
diff --git a/gatis_explorer/pages/metadata.html b/gatis_explorer/pages/metadata.html
@@ -31,9 +31,15 @@ <h1><strong>GATIS Metadata</strong></h1>
   </header>
     
   <main>
-
+  
   <div id="return_to_main_page"></div>
 
+  <div style="padding-top:20px;">
+    <a href="./presence_tables.html" class="link-button">See the specification tables</a>
+    <a href="./specification_introduction.html" class="link-button">Read the specification front matter</a>
+    <a href="https://github.com/dotbts/BPA/blob/main/documents/drafts/GATIS%20Extensions%20and%20Tables.pdf" class="link-button" target="_blank" rel="noopener noreferrer">See the LRS, Events and Relation Tables / Extensions</a>
+  </div>
+
   <div id="controls">
       
       <div id="tierButtons_cumulative">
diff --git a/gatis_explorer/pages/presence_tables.html b/gatis_explorer/pages/presence_tables.html
@@ -33,16 +33,15 @@ <h1><strong>GATIS Specification</strong></h1>
   </header>
     
   <main>
-    
 
-  <div>
-    <p></p>
-    <a href="./specification_introduction.html">Read the specification front matter.</a>
-    <p></p>
-  </div>
-  
   <div id="return_to_main_page"></div>
 
+  <div style="padding-top:20px;">  
+    <a href="./specification_introduction.html" class="link-button">Read the specification front matter</a>
+    <a href="./metadata.html" class="link-button">See the specification metadata</a>
+    <a href="https://github.com/dotbts/BPA/blob/main/documents/drafts/GATIS%20Extensions%20and%20Tables.pdf" class="link-button" target="_blank" rel="noopener noreferrer">See the LRS, Events and Relation Tables / Extensions</a>
+  </div>
+
   <div id="controls">
       
       <h3>Select a feature type:</h3>
diff --git a/gatis_explorer/pages/specification_introduction.html b/gatis_explorer/pages/specification_introduction.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-  <title>GATIS Explorer: Presence Tables</title>
+  <title>GATIS Explorer: Spec Front Matter</title>
   <script src="https://cdn.jsdelivr.net/npm/papaparse@5.4.1/papaparse.min.js"></script>
     
   <!-- jQuery (required by DataTables) -->
@@ -22,21 +22,24 @@
 
   <div class="banner" style="background-color: #282828;">
     <div class="banner-content">
-      <h1><strong>GATIS Specification</strong></h1>
-      <p>This page lists the required and recommended attributes at each tier.
-        First select a feature type, then select a tier.
-        Optionally, filter out the different types
-        with the check boxes.
+      <h1><strong>GATIS Specification Front Matter</strong></h1>
+      <p>
       </p>
     </div>
     <div id="banner-image" class="banner-image"></div>
   </div>  
   </header>
     
   <main>
-  
+
   <div id="return_to_main_page"></div>
   
+  <div style="padding-top:20px;">  
+    <a href="./presence_tables.html" class="link-button">See the specification tables</a>
+    <a href="./metadata.html" class="link-button">See the specification metadata</a>
+    <a href="https://github.com/dotbts/BPA/blob/main/documents/drafts/GATIS%20Extensions%20and%20Tables.pdf" class="link-button" target="_blank" rel="noopener noreferrer">See the LRS, Events and Relation Tables / Extensions</a>
+  </div>
+  
     <div id = "frontmatter">
         <p><h3>1.0 Specification Overview</h3></p>
         <p><span>This specification seeks to digitally represent bicycle, pedestrian, and accessibility infrastructure &ndash; or active transportation infrastructure &ndash; in the public right-of-way.</span></p><p><span>Active transportation infrastructure includes but is not limited to:&nbsp;</span></p>
diff --git a/gatis_explorer/styles.css b/gatis_explorer/styles.css
@@ -185,15 +185,14 @@ button.active {
 
 .link-button {
   display: inline-block;
-  padding: 10px 10px;
+  padding: 10px 20px;
   background-color: #d9e021;
   border: 1px solid #ccc;
   border-radius: 4px;
   text-decoration: none;
   color: #333;
   font-weight: bold;
   transition: background-color 0.3s ease;
-  width: 200px;
   text-align: center;
 }
 
