index.html (4742B)
1 <!DOCTYPE html> 2 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>The amazing world of Lucas Standen!</title> 7 <link rel="stylesheet" href="./style.css"> 8 </head> 9 10 <body> 11 <header> 12 <h1 class="title">The amazing world of Lucas Standen!</h1> 13 <h2 class="title">A website straight out of 1999</h2> 14 15 <hr> 16 17 <nav> 18 <table> 19 <thead> 20 <tr> 21 <th><a href="./index.html">Home</a></th> 22 <th><a href="./blog.html">Blog</a></th> 23 <th><a href="./cv.html">CV</a></th> 24 <th><a href="./video.mp4">Video</a></th> 25 </tr> 26 </thead> 27 </table> 28 </nav> 29 </header> 30 31 <div id="nameinput"> 32 <hr> 33 <label for="namebox">What's your name?</label> 34 <input id="namebox" name="name" type="text" placeholder="Name" maxlength="20"> 35 <button onclick="sayHello();">Say <b><em>hello!</em></b></button> 36 37 <p id="nameoutput"></p> 38 <script src="scripts/nameinput.js"></script> 39 <hr> 40 </div> 41 42 <div id="mainbody"> 43 <h2 onmouseleave="whosNotAsking();" onmouseover="whosAsking();">Who am I?</h2> 44 <div class="rainbow" id="whosAsking"></div> 45 <script src="scripts/whosasking.js"></script> 46 47 <p>I'm a neat <em>little</em> nerd who likes programming, anime, and other such things. I spend an impressive amount of time behind a screen, and somehow my eyes still function<small class="verysmall"> (sorta)</small>. When I'm not in front of a screen, I'm probably cooking some food, perhaps for my <a href="https://users.aber.ac.uk/jum41/cs10120">friend</a>, as I seem to cook for others more than myself! I find it very relaxing, and cooking for someone else forces you to put in some effort, and you ought to try!</p> 48 49 <h2>Why am I here?</h2> 50 51 <p>I made this website to create my own little corner of the internet, <em>(it seems to have a lot of little corners, <strong>strange that, isn't it</strong>)</em>,<small class="verysmall"> and because I had an assignment to complete</small>.I hope to use this site as a nice little place to rant to my friends, and to show off, obviously.</p> 52 53 <h2>So, do you like computers?</h2> 54 55 <p>And now I've ran out of things to talk about so were back to computers! Aren't the just so cool! I sure think they are. They are much better when they get covered in stickers of cute little <a href="https://9p.io/plan9/glenda.html">mascots</a> though. Isn't Unix awesome, so is Plan9, why aren't all computers like that?! Imagine a world with computers that all spoke the same <em>lean</em>, <em>clean</em>, and most importantly, <em>simple</em> language; things might be a lot faster, but then again, perhaps no one would use a computer that only <a href="https://analognowhere.com/wiki/technomage/">techno mages</a> understand.</p> 56 57 <hr> 58 <div id="aolBanner"> 59 </div> 60 61 <h2>Declaration of originality</h2> 62 63 <p>This page is all my own writing, styling and work; excluding images used, which are linked accordingly. No AI tools were used to make this page, or any pages it links to, it was all written by hand, by me!</p> 64 <hr> 65 <div id="photo"> 66 <a href="https://analognowhere.com"><img style="max-height:50%; max-width:50%;" src=images/release.jpeg alt="Cirno and Glenda reading the great texts"></a> 67 <br> 68 <small class="verysmall"><em>Cirno and Glenda reading the great texts</em></small> 69 </div> 70 <hr> 71 </div> 72 73 <footer> 74 <table> 75 <tbody> 76 <tr> 77 <td> 78 <a href="https://en.wikipedia.org/wiki/Netscape_Navigator"><img width="88" src=images/netscape-ie.gif alt="Best viewed on Netscape Navigator 3.0"></a> 79 <a href="https://www.w3.org/Style/CSS/specs.en.html"><img width="88" src=images/cssdif.gif alt="CSS is hard"></a> 80 <a href="https://www.howtogeek.com/881609/why-you-should-stop-using-google-chrome-today/"><img width="88" src=images/anythingbut.gif alt="Please Not Chrome"></a> 81 <a href="https://archlinux.org"><img width="88" src=images/archlinux.gif alt="I use arch BTW"></a> 82 <a href="https://www.specsavers.co.uk/"><img width="88" src=images/best_viewed_with_eyes.gif alt="Do you have eyes?"></a> 83 <a href="https://9front.org/"><img width="88" src=images/mothra.gif alt="A link to a better way"></a> 84 <a href="https://jigsaw.w3.org/css-validator/check/referer"><img width="88" src="https://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"></a> 85 </td> 86 </tr> 87 </tbody> 88 </table> 89 90 <a href="./disclaimer.html">Disclaimer</a> 91 <a href="https://analognowhere.com/_/cohelg/">Background source</a> 92 <br> 93 <small id="pageLastChanged"></small> 94 <script src="scripts/lastmodified.js"></script> 95 96 <button onclick="animateAOL()">Animate?</button> 97 <script src="scripts/animate.js"></script> 98 </footer> 99 </body> 100 </html>