From b082d6241553c5ddf212f8014acd8aad4392cac0 Mon Sep 17 00:00:00 2001
From: Jordan Scales <scalesjordan@gmail.com>
Date: Sat, 18 Apr 2020 08:56:01 -0400
Subject: [PATCH] hyperlinks

---
 docs/index.html | 10 +++++++++-
 style.css       |  9 +++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)
diff --git a/docs/index.html b/docs/index.html
index 3af8fcd..5bcc6ae 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -15,7 +15,7 @@
     </style>
 </head>
 <body>
-  <div class="dialog">
+  <div class="dialog" style="width: 400px">
     <div class="menubar">
       <div class="menubar-title">
         Windows 98 Example
@@ -86,10 +86,18 @@
         </div>
       </section>
 
+      <section>
+
+      </section>
+
       <section class="field-row align-right">
         <button>OK</button>
         <button>Cancel</button>
       </section>
+
+      <section>
+        <a href="https://google.com">Learn more</a>
+      </section>
     </div>
   </div>
 </body>
diff --git a/style.css b/style.css
index df52323..b192956 100644
--- a/style.css
+++ b/style.css
@@ -7,6 +7,7 @@
   --window-frame: #0a0a0a;
   --dialog-blue: #000080;
   --dialog-blue-light: #1084d0;
+  --link-blue: #0000ff;
 
   /* Spacing */
   --element-spacing: 8px;
@@ -330,3 +331,11 @@ textarea:focus {
 select:active {
   background-image: url("./dropdown-button-active.svg");
 }
+
+a {
+  color: var(--link-blue);
+}
+
+a:focus {
+  outline: 1px dotted var(--link-blue);
+}
