mirror of
https://github.com/Fluffy-Bean/Fluffys-website.git
synced 2025-06-05 10:13:11 +00:00
Version 18.07.2021.3.2
Added pictures, fixed spelling, fixed scalling and fixed broken code!
This commit is contained in:
Michal
GitHub
parent
13b6809a68
commit
2cd4d002a4
6 changed files with 81 additions and 25 deletions
45
home.html
45
home.html
|
|
@ -9,15 +9,15 @@
|
|||
<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 rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<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>Welcome to my Amazing website!
|
||||
<h1>Fluffy's amazing website!
|
||||
<img src="images/fluffy1.png" alt="Poorly drawn image of Fluffy Bean" class="header_image">
|
||||
</h1>
|
||||
</header>
|
||||
|
|
@ -26,15 +26,16 @@
|
|||
<div id="navigation_row_top">
|
||||
<a href="#introduction_to_fluffy" id="navigation_button"> Insert boring stuff here </a> <!-- Introduction -->
|
||||
<a href="#about_fluffy" id="navigation_button"> About this smelly </a> <!-- About -->
|
||||
<a href="#image_gallery" id="navigation_button"> Pictures! </a>
|
||||
<a href="#more_on_fluffy" id="navigation_button"> Even more! </a> <!-- More -->
|
||||
<a href="#social_media" id="navigation_button"> Stalk me! Please don't... </a> <!-- Social Media -->
|
||||
<a href="#social_media" id="navigation_button"> My social media! </a> <!-- Social Media -->
|
||||
</div>
|
||||
|
||||
<!-- Welcome to this horrible horrible site -->
|
||||
<div id="introduction_to_fluffy">
|
||||
<h2> Introduction </h2>
|
||||
<div id="introduction_text">
|
||||
<p id="space_below">Welcome to my boring site! This is a test of my programming skills on HTML and CSS! The reacources I used to make this website where the following</p>
|
||||
<p id="space_below">Welcome to my boring site! This is a test of my programming skills on HTML and CSS! The resources I used to make this website where the following</p>
|
||||
<!-- Cool button website -->
|
||||
<p>A site I used to get the cool button design was from
|
||||
<image src="images/flat_arrow_icon.png" class="small_icons">
|
||||
|
|
@ -61,6 +62,10 @@
|
|||
<p>I used this video to attempt to scale the site correctly to phones, sorta worked x3
|
||||
<image src="images/flat_arrow_icon.png" class="small_icons"> <a href="https://codepen.io/" target="_blank">I'm on the grid! AAAAAA</a>
|
||||
</p>
|
||||
<!-- Page I used to learn how to hide images when the screen is too small! -->
|
||||
<p>Page I used to learn how to hide images when the screen is too small!
|
||||
<image src="images/flat_arrow_icon.png" class="small_icons"> <a href="https://www.thesitewizard.com/css/hide-images-on-mobile-website.shtml" target="_blank">I won't disappear!</a>
|
||||
</p>
|
||||
<!-- Thank you Jeetix for being super cool as always! -->
|
||||
<p>And thank you
|
||||
<span id="impotant_creature">Jeetix</span>
|
||||
|
|
@ -74,20 +79,37 @@
|
|||
<h2>About meeeeeeeeeeee</h2>
|
||||
<image src="images/fluffy2.jpg" alt="Fluffy Bean on pink background" class="about_image">
|
||||
<div id="about_text">
|
||||
<p>Hello! I am <span id="fluffy_color">Fluffy Bean</span>, or <span id="fluffy_color">Fluffy</span> for short,</p>
|
||||
<p>I am a smart 16 year old who likes to learn new things, although I'm not that good at much. I like to program, so far I learned how to program in Python and now I am also learning HTML and CSS! I also tried my hands on other things such as blueprint code, for example Scratch. I also programmed physical hardware like MicroBits and LEGO EV3 and NXT, I tried making something on a Raspberry pi a while ago and plan to try again soon!</p>
|
||||
<p>I also like to play games! I like rhythem games such as <a href="https://beatsaber.com/" target="_blank", >Beat Saber</a> and <a href="https://www.spinrhythmgame.com/" target="_blank">Spin Rhythem XD</a>, but I also enjoy <a href="https://www.minecraft.net/en-us" target="_blank">Minecraft</a> and <a href="https://www.flightsimulator.com/" target="_blank">FS2020</a>! But I should try playing a wider range or games x3</p>
|
||||
<p>Hello! I am <span id="fluffy_color">Fluffy Bean</span>, or Fluffy for short,</p>
|
||||
<p>I am a smart 16 year old who likes to learn new things, although I'm not that good at much. I like to program! I've been interested in it for a couple years, fist gained intrest in it around the age of 10, and decided to dive into it in 2019 as a part of school course and started to learn at home independently in 2021! So far I learned how to program in Python and now I am also learning HTML and CSS! I also tried my hands on other things such as blueprint code, for example Scratch. I also programmed physical hardware like MicroBits and LEGO EV3 and NXT. I tried programming on a Raspberry pi a couple years ago but did not have much time to play around with it, so hopefully soon I'll be able to get myself one!</p>
|
||||
<p>Computers! They interest me a lot, electronics overall really! Recently I managed to get myself enough parts to build myself a PC, yes and I built it with my own hands! I also like to fix things, like my phones or controllers and laptops too! Please get your stuff repaired instead of buying new shit! :P</p>
|
||||
<p>I also have other interests too, such as playing games! I like rhythm games such as <a href="https://beatsaber.com/" target="_blank", >Beat Saber</a> and <a href="https://www.spinrhythmgame.com/" target="_blank">Spin Rhythm XD</a>, but I also enjoy <a href="https://www.minecraft.net/en-us" target="_blank">Minecraft</a> and <a href="https://www.flightsimulator.com/" target="_blank">FS2020</a>! I should try to play more games though.</p>
|
||||
<p>Another interest I have in the outdoors (very contrary to my programming indoors self), I like going on hikes all around my local woods and hills with my friends, and sometimes I manage to get some nice photos on the way too! Nature interests me as it's not confusing like people, so if I'm out and about I'm most likely going to be climbing trees or running through fields!</p>
|
||||
<p>I like listening to music, I go everywhere with music. Without it I'd probably go insane... x3</p>
|
||||
<p>Writing is not a strong point, I am all over the place reading this back</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Now you know (nearly) everything about me, have fun! -->
|
||||
<div id="image_gallery">
|
||||
<h2>Photography of stuff and things</h2>
|
||||
<p>Here, will be only the fines of my horrible photography! Click on the image to view it better :3</p>
|
||||
<div id="image_text">
|
||||
<a href="photos/landscape.jpg"><img src="photos/landscape.jpg" alt="Grey road leading off into wooded hills filled with heavy fog" class="photos"></a>
|
||||
<a href="photos/funny.jpg"><img src="photos/funny.jpg" alt="Foot covering text on the floor to spell out Cum HD" class="photos"></a>
|
||||
<a href="photos/sunset_beach.jpg"><img src="photos/sunset_beach.jpg" alt="Rocky beach with suset over the sea" class="photos"></a>
|
||||
<a href="photos/corruption.jpg"><img src="photos/corruption.jpg" alt="Corrupted photo of a PC" class="photos"></a>
|
||||
</div>
|
||||
<p>No steal of photos please!!!!</p>
|
||||
</div>
|
||||
|
||||
<!-- The More page!-->
|
||||
<div id="more_on_fluffy">
|
||||
<h2>More!</h2>
|
||||
<div id="more_on_text">
|
||||
<p>Here, I will put cool facts or links to websites or something, not really sure why I made this space... But it exists!</p>
|
||||
<a href="https://libraryofbabel.info/" target="_blank">• The library of bable! A very interesting thing </a>
|
||||
<a href="https://libraryofbabel.info/" target="_blank">• The library of babel! A very interesting thing </a>
|
||||
<p>• Live lightning map! <a href="https://www.lightningmaps.org" target="_blank">:O</a></p>
|
||||
<p>• My and mrHDash's playlist we made last year duing lock-down!</p>
|
||||
<p>• My and mrHDash's playlist we made last year during lock-down!</p>
|
||||
<iframe src="https://open.spotify.com/embed/playlist/1rX4dE08fCKHdzUypDxR42" width="100%" height="380" frameBorder="0" allowtransparency="true" allow="encrypted-media" id="spotify_player"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -99,7 +121,8 @@
|
|||
<p>My instagram! Facebook now knows me better than I do <image 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 <image 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 <image 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 manualy... scary: Fluffy Bean#6969 </p>
|
||||
<p>Discord doesn't give links to profiles so you'll have to do this manually... scary <image 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 <image 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>
|
||||
|
||||
|
|
@ -109,7 +132,7 @@
|
|||
<!-- 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="bottom_text_uwu">Site kept online by <span id="impotant_creature">Jeetix</span> • Made by <span id="fluffy_color">Fluffy Bean</span> • Version 14.07.2021.2.2</p>
|
||||
<p id="bottom_text_uwu">Site kept online by <span id="impotant_creature">Jeetix</span> • Made by <span id="fluffy_color">Fluffy Bean</span> • Version 18.07.2021.3.2</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue