mirror of
https://github.com/Fluffy-Bean/Fluffys-website.git
synced 2025-05-14 07:42:15 +00:00
59 lines
4.2 KiB
HTML
59 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"> <!-- This site is in english! -->
|
|
<head>
|
|
<!-- Did not know all websites needed this -->
|
|
<meta charset="utf-8"> <!-- Help show text correctly! -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Still don't know what this does -->
|
|
<meta name="description" content="Fluffy Bean's website"> <!-- Used to help search engins -->
|
|
<meta content="Fluffy Bean" name="author"> <!-- I have made this site!!!! -->
|
|
<title>Awwwoooooo!</title> <!-- Title -->
|
|
<link rel="shortcut icon" type="image/jpg" href="images/fluffy1.png"/> <!-- Favicon -->
|
|
<link rel="stylesheet" href="style.css"> <!-- Le CSS code :3 -->
|
|
<!-- Googly fonts to make site pretty! :3 -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200;400&display=swap" rel="stylesheet">
|
|
</head>
|
|
<!-- Neck -->
|
|
<body>
|
|
|
|
<!-- The epic text at the top of the site! Remind to Fluffy, sites should only have a single (like me lol) h1 -->
|
|
<header>
|
|
<h1>Fluffy's amazing website!
|
|
<img src="images/fluffy1.png" alt="Poorly drawn image of Fluffy Bean" class="header_image">
|
|
</h1>
|
|
</header>
|
|
|
|
<!-- The cool buttons at the top of the site! -->
|
|
<div id="navigation_row_top">
|
|
<a href="introduction.html" id="navigation_button"> Insert boring stuff here </a> <!-- Introduction -->
|
|
<a href="about.html" id="navigation_button"> About this smelly </a> <!-- About -->
|
|
<a href="pictures.html" id="navigation_button"> Pictures! </a> <!-- Pictures! -->
|
|
<a href="more.html" id="navigation_button"> Even more! </a> <!-- More -->
|
|
<a href="social.html" id="navigation_button"> My social media! </a> <!-- Social Media -->
|
|
<a href="php_test.html" id="navigation_button"> PHP test </a>
|
|
</div>
|
|
|
|
<!-- Stalk me! Please don't actually -->
|
|
<div id="social_media">
|
|
<h2>Find me everywhere! Maybe even in places you wouldn't want to see me... <span id="font_correction">:3</span></h2>
|
|
<div id="social_media_list">
|
|
<p>My instagram! Facebook now knows me better than I do <img src="images/flat_arrow_icon.png" class="small_icons"> <a href="https://www.instagram.com/fluffy_bean_/" target="_blank">You want to click me</a>!</p>
|
|
<p>Twitter! The place all the arguments take place at <img src="images/flat_arrow_icon.png" class="small_icons"> <a href="https://twitter.com/fluffybeanUwU" target="_blank">You'll regret clicking me</a></p>
|
|
<p>Telegram, the messaging app unintentionally made for furries <img src="images/flat_arrow_icon.png" class="small_icons"> <a href="http://t.me/Fluffy_Bean" target="_blank">Fancy coral coloured text</a></p>
|
|
<p>Discord doesn't give links to profiles so you'll have to do this manually... scary <img src="images/flat_arrow_icon.png" class="small_icons"> Fluffy Bean#6969 </p>
|
|
<p>I play games on Steam! Go look at my cool profile <img src="images/flat_arrow_icon.png" class="small_icons"> <a href="https://steamcommunity.com/id/Fluffy_Bean/" target="_blank">over here!</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The button to take you back to the top of the site -->
|
|
<footer>
|
|
<def>
|
|
<!-- Forgive me for the mess below -->
|
|
<a href="#" id="navigation_button"> I'm a top and I'm scared of bottoming... take me back <img src="images/up_arrow.png" class="small_icons"> </a>
|
|
</def>
|
|
<p id="footer_text">Site kept online by <span id="impotant_creature">Jeetix</span> • Made by <span id="fluffy_color">Fluffy Bean</span> • Version 21.07.2021.4</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|
|
<!-- Site is over! Go home! -->
|