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

Swaggy website rebrand

Browse source
This commit is contained in:
Michał 2022-07-13 22:31:47 +01:00
parent c5e22d0eb4
commit a7150c089b
8 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
css/footer.css
View file

@ -9,11 +9,14 @@ footer {
display: flex; flex-direction: row; flex-wrap: wrap;
justify-content: space-around; align-items: center;
background-color: var(--bg-dark); color: var(--fg);
background-color: var(--bg); color: var(--fg);
border-radius: var(--rad);
box-shadow: var(--shadow);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
}
footer * {
margin: 0; padding: 0;

3
css/main.css
View file

@ -10,6 +10,9 @@ main section {
border-radius: var(--rad);
box-shadow: var(--shadow);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
}
main section * {
margin: 0 0 0.5rem; padding: 0;

7
css/nav.css
View file

@ -11,11 +11,14 @@ nav {
display: flex; flex-direction: row;
justify-content: space-between; align-items: center;
background-color: var(--bg-dark); color: var(--fg);
background-color: var(--bg); color: var(--fg);
border-radius: var(--rad);
box-shadow: var(--shadow);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
}
nav * {
margin: 0; padding: 0;
@ -28,7 +31,7 @@ nav * {
margin: 0; padding: 0;
height: 2rem; width: auto;
transform: rotate(-25deg) scale(3);
transform: rotate(-25deg) scale(3.5);
/*filter: drop-shadow(1px 0 0 var(--bg-dark))
drop-shadow(0 1px 0 var(--bg-dark))

BIN
gallery/photo_rocks.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.3 MiB

1
images/bg-5.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

1
images/bg-6.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 107 KiB

4
index.php
View file

@ -41,7 +41,7 @@
<section id="interests" >
<h2>My interests</h2>
<p>I am very interested in computers mainly from any era, mainly the software side of them. I always tinkered with them from a very young age, and broke many computers and laptops on the way, but that didn’t stop me! Look where I am now dad, it was worth it.</p>
<p>I am very interested in computers from any era, mainly the software side of them. I always tinkered with them from a very young age, and broke many computers and laptops on the way, but that didn’t stop me! Look where I am now dad, it was worth it.</p>
<p>Unsurprisingly that led me to using Linux, Arch btw, which gives me access to many more cool thingys to play around with like a proper terminal with no batch crap.</p>
<p>I also enjoy listening to music, a lot of it, and which leads me nicely to my next part, Rhythm games!The main 2 titles I enjoy playing are Beat Saber and Spin Rhythm XD, but I also enjoy playing other games like Minecraft, The Witcher 3 and the Half Life and Portal series.</p>
</section>
@ -186,7 +186,7 @@
</div>
<div>
<h3>Page status</h3>
<p>Last updated 29 Jun 2022</p>
<p>Last updated 13 Jul 2022</p>
<p>Made and designed by <span class="fluffy-colour">Fluffy</span></p>
</div>
<div>

11
stylesheet.css
View file

@ -3,16 +3,17 @@
@import "css/footer.css";
:root {
--bg: #151515;
--bg-dark: #0f0f0f;
--bg: #151515df;
--bg-alt: #E8E3E3;
--bg-dark: #242621;
--bg-dark-alt: #1D1E1C;
--h: #8C977D;
--fg:#E8E3E3;
--fg-dark: #151515;
--shadow: 6px 6px 10px #15151588;
--rad: 15px;
--rad: 5px;
--orange: #FF7700;
--orange-alt: #E0863E;
@ -25,8 +26,8 @@
html {
margin: 0; padding: 0;
background-color: #817670;
background-image: url("images/bg-4.jpg");
background-color: var(--bg-dark-alt);
background-image: url("images/bg-6.svg");
height: 100vh;
background-position: center;