diff --git a/PHP_test/menu.php b/PHP_test/menu.php deleted file mode 100644 index 13aeb98..0000000 --- a/PHP_test/menu.php +++ /dev/null @@ -1,4 +0,0 @@ - diff --git a/about.html b/about.html deleted file mode 100644 index f2c747e..0000000 --- a/about.html +++ /dev/null @@ -1,62 +0,0 @@ - - - - - - - - - Awwwoooooo! - - - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - - - -
-

About meeeeeeeeeeee

- Fluffy Bean on pink background -
-

Hello! I am Fluffy Bean, or Fluffy for short,

-

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!

-

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

-

I also have other interests too, such as playing games! I like rhythm games such as Beat Saber and Spin Rhythm XD, but I also enjoy Minecraft and FS2020! I should try to play more games though.

-

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!

-

I like listening to music, I go everywhere with music. Without it I'd probably go insane... x3

-

Writing is not a strong point, I am all over the place reading this back

-
-
- - - - - - - diff --git a/images/download_icon.png b/images/download_icon.png deleted file mode 100644 index 7c5b9a5..0000000 Binary files a/images/download_icon.png and /dev/null differ diff --git a/images/flat_arrow_icon.png b/images/flat_arrow_icon.png deleted file mode 100644 index 2e6da86..0000000 Binary files a/images/flat_arrow_icon.png and /dev/null differ diff --git a/images/fluffy1.png b/images/fluffy1.png deleted file mode 100644 index 1f19355..0000000 Binary files a/images/fluffy1.png and /dev/null differ diff --git a/images/up_arrow.png b/images/up_arrow.png deleted file mode 100644 index 9a237c8..0000000 Binary files a/images/up_arrow.png and /dev/null differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..c985d6e --- /dev/null +++ b/index.php @@ -0,0 +1,64 @@ + + + + + + + + Fluffy's Epic Site + + + +
+
+ +

Find me!

+
+ Twitter + Telegram + Github + Steam +

Discord: Fluffy Bean#5212

+
+
+
+
+
+

Welcome to my site!

+
+
+
+

About Me

+

Hi! I'm Fluffy Bean. I'm a 17 year old who found himself on the internet one day and became a furry!

+
+
+

My interests

+

Apart from the obvious, I am interested in computers, specifically the programming aspect of them and the freedom it gives me to express myself

+

I also enjoy using Linux (Arch btw) which gives me access to do things such as customise my entire system!

+

Another thing I enjoy doing is playing games, some of my favourite tiles are, The Witcher 3, Minecraft, Beat Saber and Spin Rhythm XD

+
+
+

Experience in programming

+

I have a decently wide range of knowledge on computers and programming

+

Since I was young I delved into computers head first, and breaking a lot on the way. I started with Scratch, then progressed to Python in Secondary School where I really started my programming adventure!

+

Since then I tried many programming languages and programming-related stuff, I currently know Python, HTML and CSS but am also learning PHP, C# and soon JavaScript

+

I also got into Linux since the start was rough with me breaking a terminal emulator, locking a harddrive and many others. Then after a few months Manjaro gave into my messing around and I broke Gnome Display Manager along with Gnome itself. Since then I've been using Arch (btw) and happily configuring Rofi, Polybar, fish and even theming Discord, Spotify and Firefox!

+
+
+

Special Thanks

+

To Jeetix for helping me with learning how to make websites and keeping the original site up and running!

+

And to Carty for teaching me how to run servers and the networking required to keep sites online!

+
+ +
+
+ +
+
+ + diff --git a/introduction.html b/introduction.html deleted file mode 100644 index ef20e2e..0000000 --- a/introduction.html +++ /dev/null @@ -1,90 +0,0 @@ - - - - - - - - - Awwwoooooo! - - - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - - - -
-

Introduction

-
-

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

- -

A site I used to get the cool button design was from - - here! -

- -

The YouTube tutorial I used to learn most of the HTML and CSS from - - *click me* -

- -

Google site I used to get a bunch of icons and fonts from - - Icons - and - Fonts -

- -

Codepen! I used this to get some ideas for some parts of the website - - Special Text you can click -

- -

I used this video to attempt to scale the site correctly to phones, sorta worked x3 - I'm on the grid! AAAAAA -

- -

Page I used to learn how to hide images when the screen is too small! - I won't disappear! -

- -

And thank you - Jeetix - for suggesting to try this in the first place, I'm having a lot of fun learning HTML and CSS! And thank you for keeping the site up and running! -

-
-
- - - - - - - diff --git a/more.html b/more.html deleted file mode 100644 index e256fdb..0000000 --- a/more.html +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - - - - Awwwoooooo! - - - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - - - -
-

More!

-
-

Here, I will put cool facts or links to websites or something, not really sure why I made this space... But it exists!

- • The library of babel! A very interesting thing -

• Live lightning map! :O

-

• My and mrHDash's playlist we made last year during lock-down!

- -
-
- - - - - - - diff --git a/old_home.html b/old_home.html deleted file mode 100644 index 13da036..0000000 --- a/old_home.html +++ /dev/null @@ -1,140 +0,0 @@ - - - - - - - - Awwwoooooo! - - - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - - - -
-

Introduction

-
-

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

- -

A site I used to get the cool button design was from - - here! -

- -

The YouTube tutorial I used to learn most of the HTML and CSS from - - *click me* -

- -

Google site I used to get a bunch of icons and fonts from - - Icons - and - Fonts -

- -

Codepen! I used this to get some ideas for some parts of the website - - Special Text you can click -

- -

I used this video to attempt to scale the site correctly to phones, sorta worked x3 - I'm on the grid! AAAAAA -

- -

Page I used to learn how to hide images when the screen is too small! - I won't disappear! -

- -

And thank you - Jeetix - for suggesting to try this in the first place, I'm having a lot of fun learning HTML and CSS! And thank you for keeping the site up and running! -

-
-
- - -
-

About meeeeeeeeeeee

- Fluffy Bean on pink background -
-

Hello! I am Fluffy Bean, or Fluffy for short,

-

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!

-

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

-

I also have other interests too, such as playing games! I like rhythm games such as Beat Saber and Spin Rhythm XD, but I also enjoy Minecraft and FS2020! I should try to play more games though.

-

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!

-

I like listening to music, I go everywhere with music. Without it I'd probably go insane... x3

-

Writing is not a strong point, I am all over the place reading this back

-
-
- - - - - -
-

More!

-
-

Here, I will put cool facts or links to websites or something, not really sure why I made this space... But it exists!

- • The library of babel! A very interesting thing -

• Live lightning map! :O

-

• My and mrHDash's playlist we made last year during lock-down!

- -
-
- - -
-

Find me everywhere! Maybe even in places you wouldn't want to see me... :3

-
-

My instagram! Facebook now knows me better than I do You want to click me!

-

Twitter! The place all the arguments take place at You'll regret clicking me

-

Telegram, the messaging app unintentionally made for furries Fancy coral coloured text

-

Discord doesn't give links to profiles so you'll have to do this manually... scary Fluffy Bean#6969

-

I play games on Steam! Go look at my cool profile over here!

-
-
- - - - - - - diff --git a/images/fluffy2.jpg b/pfp.jpg similarity index 100% rename from images/fluffy2.jpg rename to pfp.jpg diff --git a/photos/corruption.jpg b/photos/corruption.jpg deleted file mode 100644 index e45e924..0000000 Binary files a/photos/corruption.jpg and /dev/null differ diff --git a/photos/cum_hd.jpg b/photos/cum_hd.jpg deleted file mode 100644 index 1677213..0000000 Binary files a/photos/cum_hd.jpg and /dev/null differ diff --git a/photos/funny.jpg b/photos/funny.jpg deleted file mode 100644 index 1677213..0000000 Binary files a/photos/funny.jpg and /dev/null differ diff --git a/photos/landscape.jpg b/photos/landscape.jpg deleted file mode 100644 index 0c3bbdd..0000000 Binary files a/photos/landscape.jpg and /dev/null differ diff --git a/photos/sunset_beach.jpg b/photos/sunset_beach.jpg deleted file mode 100644 index 30b543c..0000000 Binary files a/photos/sunset_beach.jpg and /dev/null differ diff --git a/php_test.html b/php_test.html deleted file mode 100644 index de8e3ba..0000000 --- a/php_test.html +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - - Fluffy's PHP Test - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - -
-

PHP stuff!

- - - -

This still doesn't work. Come back later!

-
- - - - - - diff --git a/pictures.html b/pictures.html deleted file mode 100644 index cb2f457..0000000 --- a/pictures.html +++ /dev/null @@ -1,60 +0,0 @@ - - - - - - - - - Awwwoooooo! - - - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - - - - - - - - - - - diff --git a/social.html b/social.html deleted file mode 100644 index a64e985..0000000 --- a/social.html +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - - - - Awwwoooooo! - - - - - - - - - - -
-

Fluffy's amazing website! - Poorly drawn image of Fluffy Bean -

-
- - - - - -
-

Find me everywhere! Maybe even in places you wouldn't want to see me... :3

-
-

My instagram! Facebook now knows me better than I do You want to click me!

-

Twitter! The place all the arguments take place at You'll regret clicking me

-

Telegram, the messaging app unintentionally made for furries Fancy coral coloured text

-

Discord doesn't give links to profiles so you'll have to do this manually... scary Fluffy Bean#6969

-

I play games on Steam! Go look at my cool profile over here!

-
-
- - - - - - - diff --git a/style.css b/style.css deleted file mode 100644 index db85f4e..0000000 --- a/style.css +++ /dev/null @@ -1,217 +0,0 @@ -/* Images make everything better! Well, depending what sort of images... */ -.header_image{ - width: 7vw; -} - -.small_icons{ - width: 12px; -} - -.about_image{ - width: 160px; - float: left; - margin-right: 15px; - border-radius: 30px; -} - -.photos{ - height: 500px; - width: 300px; - object-fit: cover; - border-radius: 30px; - transition-duration: 0.2s; - transition: all 0.2s; -} - -@media (min-width:621px) { /* heheheheh 621... I'm so childish */ - .photos:hover{ - width: 500px; - margin: 0 10px; - } -} - -#image_text{ - border-radius: 30px; - display: flex; - overflow-x: scroll; - -ms-overflow-style: none; /* IE and EDGE */ - scrollbar-width: none; /* Firefogie */ - width: 100%; -} - -#image_text::-webkit-scrollbar { - display: none; /* everything else */ -} - -@media (max-width:621px) { /* heheheheh 621... again..... :3 */ - img.header_image { - display: none; - } -} - - - -/* Making text look pretty :3 */ -h1{ - text-decoration-line: underline; /* color */ - text-decoration-style: wavy; - text-decoration-color: coral; - font-size: 5.3vw; /* font */ - text-align: center; - font-family: 'Rubik', sans-serif; - text-align: center; - justify-content: center; - align-items: center; -} - -header{ - margin-left: 4vw; /* spacing */ - margin-right: 4vw; -} - - -h2{ - color: coral; /* color */ - font-size: 40px; /* font */ - text-align: left; - font-family: 'Rubik', sans-serif; -} - -a{ - color: coral; /* color */ - text-decoration: none; /* animation */ - transition-duration: 0.1s; -} -a:hover{ - font-weight: bolder; - color: white; -} - -p{ - /* font-family: 'Roboto Mono', monospace; */ -} - -#introduction_to_fluffy, -#about_fluffy, -#more_on_fluffy, -#social_media, -#image_gallery, -#other_sections{ - transition-duration: 0.1s; - font-size: 18px; /* font */ - margin-left: 3vw; /* spacing */ - margin-right: 3vw; - margin-bottom: 6vw; -} - -#about_text{ - text-align: justify; -} - -#font_correction{ - font-family: "Lato", sans-serif; /* font */ -} - -#footer_text{ - font-family: 'Open Sans', sans-serif; /* font */ - text-align: center; /* spacing */ -} - -#impotant_creature{ - font-weight: bold; /* Important! */ - color: cadetblue; -} - -#fluffy_color{ - font-weight: bold; /* Not so important! */ - color: #FB9645; -} - -#social_media_list{ - display: flex; - flex-direction: column; -} - -/* Spotify player */ -#spotify_player{ - border-radius: 30px; - transition: all 0.1s; -} -#spotify_player:hover{ - border-radius: 10px; -} - -/* Push all the buttonsssssssssssssss */ -#navigation_button{ - border-color: coral; /* I have no clue what's going on here */ - color: coral; /* Just don't touch and break anything Fluffy */ - border-radius: 15px; - display:inline-block; -  padding:3px 3px; - margin:2px; - border:2px solid coral; - box-sizing: border-box; - margin: 10px; - transition: all 0.1s; -} - -#navigation_button:hover{ - color: white; - border-color: white; - border-radius: 10px; -} - -#navigation_row_top, -footer{ - text-align: center; - justify-content: center; - align-items: center; -} - -#footer_button{ - text-align: center; -} - -@media (max-width:340px){ /* heheheheh 621... I'm so childish */ - #extra_e{ - display: none; - } -} -/* Now all the site needs is some legs, hands and a head */ -html{ - background: #354c73; -} - -@media (min-width:1300px) { - body { - border-radius: 30px; - margin: 50px auto 50px auto; - background: #253652; - } -} - -@media (max-width:1300px) { /* heheheheh 621... again..... :3 */ - body { - border-radius: 0; - margin: 0; - background: linear-gradient(to bottom, #253652, #354c73 ); - } -} - -body{ - border: 0px solid; - max-width: 1300px; - color: white; /* font */ - font-family: "Lato", sans-serif; - display: grid; - grid-template-columns: 100%; /* grid */ - grid-template-rows: auto auto auto auto auto auto auto auto; - grid-template-areas: "header" - "#navigation_row_top" - "#introduction_to_fluffy" - "#about_fluffy" - "#more_on_fluffy" - "#image_gallery" - "#social_media" - "footer"; -} diff --git a/stylesheet.css b/stylesheet.css new file mode 100644 index 0000000..edfe225 --- /dev/null +++ b/stylesheet.css @@ -0,0 +1,177 @@ +/* Page style */ +@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@5.2/distr/fira_code.css); +:root { + font-size: 17px; + --bg: #151515; + --bg-alt: #E8E3E3; + --fg: #E8E3E3; + --rad: 20px; + -ms-overflow-style: none; + scrollbar-width: none; +} +::-webkit-scrollbar { + display: none; +} +* { + font-family: 'Fira Code', monospace; + font-weight: 369; + color: var(--fg); + transition-timing-function: ease-out; + transition: 0.1s; +} + + + +@media (max-width:1200px) { + .rootContainer{ + display: flex; + flex-direction: column; + } + body{ + margin: 2vh; + } + img { + width: 169px; + } + .textContainer { + width: auto; + } + .textContainer, + .profileContainer { + padding: 1vh; + } + .paragraph { + text-align: justify; + } +} +@media (min-width:1200px) { + .rootContainer{ + display: flex; + flex-direction: row; + } + body { + min-height: 86vh; + margin: 6vh; + } + img { + width: 269px; + } + .textContainer { + width: 100%; + } + .textContainer, + .profileContainer { + padding: 2vh; + } +} + + + +img { + margin: 2em; + border-radius: 50%; + box-shadow: 0px 2px 15px #000000; +} + + + +.profileLinks { + float: left; +} +a { + font-weight: 500; + text-decoration: none; +} +a:hover { + font-weight: 800; +} +a:visited { + text-decoration: underline; +} +a.button { + display: block; + padding: 0.35em 1.2em; + border: 0.12em solid var(--fg); + margin: 0 0.3em 0.3em 0; + border-radius: 0.5em; + box-sizing: border-box; + text-decoration: none; + text-align: center; +} + + + +h1, +h2 { + font-weight: 450; + color: #E0863E; +} +/* Funky colours */ +.cartyColour { + color: #C29356; +} +.jeetixColour { + color: cadetblue; +} +.fluffyColour { + color: #FB9645; +} +.cartyColour, +.jeetixColour, +.fluffyColour { + font-weight: 500; +} + +/* Link colours */ +.twitterColour { + color: #1D9BF0; +} +.telegramColour { + color: #1C93E3; +} +.githubColour { + color: #F0F6FC; +} +.steamColour { + color: #C5C3C0; +} +.discordColour { + color: #5865F2; +} +.discord, +.discordColour { + font-weight: 500; +} + + +.paragraph { + margin: 12px; + color: #DADADA; +} +.textContainer, +.profileContainer { + padding: 2vh; + display: flex; + flex-direction: column; +} +.profileContainer { + text-align: center; + align-items: center; +} + + + +footer { + text-align: center; + align-items: center; +} +body { + background-color: var(--bg); + box-shadow: 0px 4px 20px var(--bg); + border-radius: 1em; +} +html { + margin: 0; + padding: 0; + background-color: var(--bg-alt); +}