ÿþ<!DOCTYPE html> <head> <title>SeanCon X</title> <style> body { background-color: #FFAE1A; font-family: "Helvetica Neue", Helvetica, sans-serif; color: #1ba5dd; font-weight: bold; } a { color:#1ba5dd; text-decoration: none; } a:hover { color:#285a83; } a:active { color:#1ba5dd; } .Header { color: #ffdfc0; font-size: 150px; padding-top: 200px; -webkit-transform:rotate(20deg); width: 80%; line-height: 2 !important; } sub { color: #44ed4f; margin-left: -36px; opacity: 70%; font-style: italic; } @media only screen and (max-width: 768px) { .Header { font-size: 80px; padding-top: 100px; -webkit-transform:rotate(40deg); } sub { margin-left: -22px; } } </style> </head> <body> <div class="Header">SeanCon<sub>X</sub></div> <br> <br> <br> <br> <br> <h2>The best time to hold a legitimate technology conference was 2013.<br>The second best time is July <span id="next-year"></span>.</h2><br> Previous years:<br> <a href="./2013/index.html">2013</a> <a href="./2014/index.html">2014</a> <a href="./2015/index.html">2015</a> <script> const currentYear = new Date().getFullYear(); const nextYear = currentYear + 1; document.getElementById("next-year").textContent = nextYear; </script> </body> </html>