Fluffy/old-website
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2024-12-28 02:06:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

:3

Browse source
This commit is contained in:
Michał 2022-06-25 14:36:08 +01:00
parent eeede63f23
commit da699baf37
4 changed files with 24 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/main.css
View file

@ -31,11 +31,7 @@ main section p, main section a {
/* /*
I hate CSS I hate CSS
*/ */
#intro {
text-align: center;
}
#experience img { #experience img {
margin: 0 auto;
display: block; display: block;
} }
#spotify { #spotify {
@ -77,17 +73,17 @@ main section p, main section a {
.gallery img { .gallery img {
margin: 0 0.5rem; margin: 0 0.5rem;
height: 10rem; width: 12rem; height: 10rem;
max-width: 46%; width: auto;
object-fit: cover; object-fit: cover;
user-select: none; user-select: none;
transition: transform 0.2s cubic-bezier(.58,.01,.07,1); transition: transform 0.2s cubic-bezier(0,.76,0,1);
} }
.gallery img:hover { .gallery img:hover {
margin: -0.25rem 0.25rem; outline: 0.3rem var(--green) solid;
border: 0.25rem var(--green) solid;
transform: scale(0.9); transform: scale(0.9);
} }

4
css/nav.css
View file

@ -6,6 +6,7 @@ nav {
width: auto; width: auto;
position: sticky; top: 1rem; position: sticky; top: 1rem;
z-index: 999;
display: flex; flex-direction: row; display: flex; flex-direction: row;
justify-content: space-between; align-items: center; justify-content: space-between; align-items: center;
@ -54,4 +55,7 @@ nav * {
.nav-logo h2 { .nav-logo h2 {
display: none; display: none;
} }
nav {
position: static;
}
} }

10
index.php
View file

@ -29,7 +29,7 @@
</nav> </nav>
<main> <main>
<section id="intro"> <section id="intro" class="center">
<h1>Fluffy's Swagger Website</h1> <h1>Fluffy's Swagger Website</h1>
<p>This is supposed to be a descriptive intro line, but I don't feel like writing this</p> <p>This is supposed to be a descriptive intro line, but I don't feel like writing this</p>
</section> </section>
@ -52,8 +52,8 @@
<p>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!</p> <p>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!</p>
<p>Since then I tried many programming languages and programming-related stuff, I currently know Python, HTML and CSS but am also learning PHP and C#</p> <p>Since then I tried many programming languages and programming-related stuff, I currently know Python, HTML and CSS but am also learning PHP and C#</p>
<p>I also got into Linux since the start was rough with me breaking a bunch of stuff. But since then I've been using Arch (btw) and happily configuring Rofi, Polybar, fish and even theming Discord, Spotify and Firefox!</p> <p>I also got into Linux since the start was rough with me breaking a bunch of stuff. But since then I've been using Arch (btw) and happily configuring Rofi, Polybar, fish and even theming Discord, Spotify and Firefox!</p>
<p><span class="gray-info">These stats come from my GitHub profiles public repositories (private ones are not counted)</span></p> <p class="gray-info center">These stats come from my GitHub profile</p>
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Fluffy-Bean&layout=compact"> <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Fluffy-Bean&layout=compact" class="center">
</section> </section>
<section id="pc" > <section id="pc" >
@ -61,7 +61,7 @@
<h3>Operating system</h3> <h3>Operating system</h3>
<img src="images/sussywussy.png" alt="Screenshot of Linux desktop environment" loading="lazy"> <img src="images/sussywussy.png" alt="Screenshot of Linux desktop environment" loading="lazy">
<p>My main operating system is Arch Linux, in this screenshot you can see a "rice" of Rofi and Polybar! Which you can see <a href="https://github.com/Fluffy-Bean/dots">here</a>!</p> <p>My main operating system is Arch Linux, in this screenshot you can see a "rice" of Rofi and Polybar! Which you can see <a href="https://github.com/Fluffy-Bean/dots">here</a>!</p>
<p>My secondary system is Windows 10 Pro just for VR</p> <p>My secondary system is Windows 10 just for VR</p>
<h3>Hardware</h3> <h3>Hardware</h3>
<p>For my PC case, I'm using an NZXT H510 (white) covered with a bunch of stickers and magnets.</p> <p>For my PC case, I'm using an NZXT H510 (white) covered with a bunch of stickers and magnets.</p>
@ -186,7 +186,7 @@
</div> </div>
<div> <div>
<h3>Page status</h3> <h3>Page status</h3>
<p>Last updated 22 Jun 2022</p> <p>Last updated 25 Jun 2022</p>
<p>Made and designed by <span class="fluffy-colour">Fluffy</span></p> <p>Made and designed by <span class="fluffy-colour">Fluffy</span></p>
</div> </div>
<div> <div>

16
stylesheet.css
View file

@ -86,11 +86,6 @@ a:visited {
span { span {
display: inline; display: inline;
} }
.gray-info {
font-style: italic;
opacity: 0.6;
}
.carty-colour { .carty-colour {
color: #C29356; color: #C29356;
font-weight: bold; font-weight: bold;
@ -111,3 +106,14 @@ span {
color: #542b00; color: #542b00;
font-weight: bold; font-weight: bold;
} }
.gray-info {
font-style: italic;
opacity: 0.6;
z-index: inherit;
}
.center {
margin-left: auto; margin-right: auto;
justify-content: center;
text-align: center;
}