diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 33 |
1 files changed, 27 insertions, 6 deletions
@@ -1,21 +1,42 @@ +<!DOCTYPE html> <html> <head> <title>Alexander F. Kavon</title> - <link rel="stylesheet" href="main.css" /> + <link rel="stylesheet" href="/public/css/main.css" /> + <style> + * { + color: #333; + } + .icon { + width: 24px; + height: 24px; + stroke: currentColor; + stroke-width: 2px; + stroke-linecap: round; + stroke-linejoin: round; + fill: none; + } + .icon-link { + display: block; + } + </style> </head> <body> - <img src="/public/images/head.png" /> + <div class="nav-hover-head"> + <img alt="smiling" src="/public/images/smiling-head.png" /> + </div> <nav id="navigation"> <ul> <li><a href="/log">Feed (thoughts, photos, video, et al.)</a></li> <li><a href="/stand-up">Stand-up Comedy</a></li> - <li><a target="_blank" href="https://hivemindcomedy.com">Hive Mind Comedy (sketches)</a></li> - <li><a target="_blank" href="https://gitlab.com/alexkavon">Code</a></li> + <li><a target="_blank" href="https://hivemindcomedy.com"><img class="icon" src="/public/icons/video.svg#video"></img>Hive Mind Comedy (sketches)</a></li> + <li><a target="_blank" href="https://gitlab.com/alexkavon"><img class="icon" src="/public/icons/gitlab.svg#gitlab"></img>Code</a></li> </ul> </nav> - <nav id="social-media"> + <nav id="navigation-social-media"> <ul> - <li><a target="_blank" href="https://instagram.com/afk_comedy"><span class="icon-instagram"></span></a></li> + <li><a class="icon-link" target="_blank" href="https://instagram.com/afk_comedy"><img class="icon" src="/public/icons/instagram.svg#instagram"></img></a></li> + <li><a class="icon-link" target="_blank" href="https://github.com/lgtmak"><img class="icon" src="/public/icons/github.svg#github"></img></a></li> </ul> </nav> </body> |