projects / jkinsey.net.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Added background color changing
[jkinsey.net.git] / about / index.html
diff --git a/about/index.html b/about/index.html
index 7c28f86884baf88a73e1c4a58e5df15c1f6318cb..c8aa74e49e56f153fdaac37a509ed9e3444f90fa 100644 (file)
--- a/about/index.html
+++ b/about/index.html
@@ -7,16 +7,17 @@
 
         <title>Jack Kinsey</title>
     </head>
-    <body>
+    <body class="green">
+    <main>
 
         <menu id="menu" class="top">
-            <div id="avatar"><a href="/" class="home"><img src="/res/face.png"></img></a></div></a>
-            <div id="name"><a href="/" class="home"><h1>Jack Kinsey</h1></a></div>
+            <div id="avatar"><a href="/" data-color="yellow" class="home"><img src="/res/face.png"></img></a></div></a>
+            <div id="name"><a href="/" data-color="yellow" class="home"><h1>Jack Kinsey</h1></a></div>
             <nav id="links">
                 <ul>
-                    <li><a href="/writing" class="" data-name="writing">Writing</a></li>
-                    <li><a href="/code" class="" data-name="code">Code</a></li>
-                    <li><a href="/about" class="selected" data-name="about">About</a></li>
+                    <li><a href="/writing" class="" data-color="pink" data-name="writing">Writing</a></li>
+                    <li><a href="/code" class="" data-color="blue" data-name="code">Code</a></li>
+                    <li><a href="/about" class="selected" data-color="green" data-name="about">About</a></li>
                     <li><a href="/kinsey17-resume.pdf" data-name="resume">R&eacute;sum&eacute;</a></li>
                 </ul>
             </nav>
@@ -49,5 +50,6 @@
             </article>
         </div>
 
+    </main>
     </body>
 </html>