softwareengineerprogrammer
diff --git a/‎geothermal-energy-abundance.png
305 KB b/‎geothermal-energy-abundance.png
305 KB
diff --git a/‎global-geothermal-energy-2050.png
65.8 KB b/‎global-geothermal-energy-2050.png
65.8 KB
diff --git a/‎index.html
Lines changed: 29 additions & 7 deletions b/‎index.html
Lines changed: 29 additions & 7 deletions
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <title>Geothermal</title>
+    <title>Geothermal | jonathanpezzino.com</title>
 
     <analytics-tag></analytics-tag>
 
@@ -30,13 +30,21 @@
             font-size: 15px;
             opacity: 0.5;
         }
+
+        .resource-images {
+            max-width: 66%;
+        }
+
+        .resource-images img {
+            max-width: 100%;
+        }
     </style>
 
 
 </head>
 <body>
 
-<div class="mui-container-fluid">
+<div class="mui-container-fluid"  style="max-width: 66%;">
     <div class="mui-panel">
 
         <h1 class="mui--text-title">
@@ -48,11 +56,25 @@ <h1 class="mui--text-title">
         </h1>
 
         <div class="mui--text-body1">
-            <ul>
-                <li><a href='./geophires'>GEOPHIRES</a></li>
-                <li><a href='./hip-ra'>HIP-RA</a></li>
-                <li><a href='./explorer'>Geothermal Direct-Use Heat Explorer</a></li>
-            </ul>
+            <div>
+                <h2 class="mui--text-subhead">Tools</h2>
+                <ul>
+                    <li><a href='./geophires'>GEOPHIRES</a></li>
+                    <li><a href='./hip-ra'>HIP-RA</a></li>
+                    <li><a href='./explorer'>Direct-Use Heat Explorer</a></li>
+                </ul>
+            </div>
+            <div>
+                <h2 class="mui--text-subhead">Resources</h2>
+
+                <a href="https://energy.utexas.edu/research/geothermal-texas" target="_blank">The Future of Geothermal in Texas</a>
+
+                <div class="resource-images">
+                    <img src="geothermal-energy-abundance.png"/>
+                    <img src="global-geothermal-energy-2050.png"/>
+                </div>
+
+            </div>
         </div>
     </div>
 </div>