diff --git a/components/ProjectPanel.module.css b/components/ProjectPanel.module.css deleted file mode 100644 index da0eead..0000000 --- a/components/ProjectPanel.module.css +++ /dev/null @@ -1,89 +0,0 @@ -.projectPanel { - flex-basis: 228px !important; - flex-grow: 0 !important; - padding: 0 !important; - overflow: hidden; - - text-decoration: none; -} - -.projectImage { - border-radius: var(--b-border-radius); -} - -.projectPanel:hover .projectImage, .projectPanel:focus .projectImage { - filter: brightness(80%) blur(16px); -} - -.projectDescription { - visibility: hidden; - position: absolute; - - width: 228px; - height: 114px; - - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - - text-align: center; - text-shadow: 1px 1px 0 hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness)) !important; - - background-color: hsl(var(--bhsl-current-hue) var(--bhsl-current-saturation) var(--bhsl-current-lightness) / 0.075); - - border-width: 2px; - border-radius: var(--b-border-radius); -} - -.projectDescription h4 { - text-shadow: 1px 1px 0 hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness)) !important; - line-height: 1.3em; -} - -.projectPanel:hover .projectDescription, .projectPanel:focus .projectDescription { - visibility: visible; -} - -@media (hover: none) or (any-pointer: coarse) { - .projectPanel { - flex-basis: 100% !important; - flex-direction: row !important; - } - - .projectDescription { - position: unset; - visibility: visible; - - width: unset; - - align-content: flex-start; - text-align: left; - text-shadow: none; - - background-color: transparent; - border-width: 0; - } - - .projectDescription h4 { - text-shadow: none; - - text-align: left !important; - } - - .projectImage { - border-radius: var(--b-border-radius) 0 0 var(--b-border-radius) !important; - } - - .projectPanel:hover .projectImage, .projectPanel:focus .projectImage { - filter: none; - } - - .projectPanel:hover, .projectPanel:focus { - --bhsl-current-lightness: calc(var(--bhsl-link-lightness) + 20%); - } - - .projectPanel:active { - --bhsl-current-lightness: calc(var(--bhsl-link-lightness) + 40%); - } -} diff --git a/components/ProjectPanel.tsx b/components/ProjectPanel.tsx deleted file mode 100644 index a4f54e3..0000000 --- a/components/ProjectPanel.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import {default as Link} from "next/link" -import React from "react" -import {default as cn} from "classnames" -import {default as Image, ImageProps} from "next/future/image" -import {default as style} from "./ProjectPanel.module.css" - - -export type ProjectPanelProps = Pick & { - href?: string, - name: string - description: React.ReactNode, -} - - -export const ProjectPanel = ({src, href, name, description}: ProjectPanelProps) => { - const panel = ( - - {name} -
-

{name}

-

- {description} -

-
-
- ) - - if(href) { - return ( - - {panel} - - ) - } - else { - return panel - } -} \ No newline at end of file diff --git a/pages/_app.css b/pages/_app.css index 77875e4..1b03189 100644 --- a/pages/_app.css +++ b/pages/_app.css @@ -10,6 +10,7 @@ footer { .panel { min-width: 288px; + max-width: 500px; } .panel .panel { @@ -49,5 +50,5 @@ footer { #__next { margin: 0 auto; min-height: 100vh; - max-width: 1000px; + max-width: 1024px; } diff --git a/pages/index.tsx b/pages/index.tsx index 546455e..43226c7 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -3,28 +3,14 @@ import React from 'react' import type {NextPage} from "next" import {default as Link} from "next/link" import {faRedditAlien, faMastodon, faGithub, faDiscord, faTelegram, faSteam, faItchIo, faTwitter, faLinkedin, faStackOverflow} from "@fortawesome/free-brands-svg-icons" -import {faBorderAll, faEnvelope, faPizzaSlice, faGamepad, faBook, faBox, faFilm, faMusic, faGlobe, faPlus} from "@fortawesome/free-solid-svg-icons" +import {faBorderAll, faEnvelope, faPizzaSlice, faGamepad, faBook, faBox, faFilm, faMusic, faGlobe, faPlus, faFileCode, faBagShopping, faBookBookmark} from "@fortawesome/free-solid-svg-icons" import {LinkPanel} from "../components/LinkPanel" -import {ProjectPanel} from "../components/ProjectPanel" - -import {default as imgSteffoweb} from "../public/opengraph.png" -import {default as imgBlank} from "../public/img/projects/blank.png" -import {default as imgBluelib} from "../public/img/projects/bluelib.png" -import {default as imgSophon} from "../public/img/projects/sophon.png" -import {default as imgParticleClash} from "../public/img/projects/particle-clash.png" -import {default as imgTheColdNight} from "../public/img/projects/the-cold-night.png" -import {default as imgLoopingForLoops} from "../public/img/projects/looping-for-loops.png" -import {default as imgKeepEverythingAlive} from "../public/img/projects/keep-everything-alive.png" -import {default as imgGravityFusion} from "../public/img/projects/gravity-fusion.png" -import {default as imgSlimeBloodAndPain} from "../public/img/projects/slime-blood-and-pain.png" -import {default as imgBleachBeach} from "../public/img/projects/bleach-beach.png" -import {default as imgBeatTD} from "../public/img/projects/beat-td.png" const Index: NextPage = () => { return <>
-
+

About me

@@ -39,132 +25,6 @@ const Index: NextPage = () => {

-
-
-

- My projects -

-

- In my free time, I have developed many open source projects, some of which have gained popularity and are still in use today! -

-
- Software -
- This very website!} - /> - Customizable, flexible and modular CSS library} - /> - Research hub for universities} - /> -
-
-
- Scientific papers -
- Stefano Pigozzi, Francesco Faenza, Claudia Canali} - /> -
-
-
- Game jam entries -
- LD51: Match-4 particle collider} - /> - LD50: Top-down snowman melter} - /> - LD47: Fruit-looping platformer} - /> - LD46: Lively microgame collection} - /> - LD45: Colorful incremental game} - /> - LD44: Infinite dungeon crawler} - /> - LD42: Wonky physics-based spear fishing simulator} - /> - LD41: Rhythm-based tower-defense} - /> -
-
-
- Notes -
- There's nothing here yet.} - /> - There's nothing here yet.} - /> - There's nothing here yet.} - /> - There's nothing here yet.} - /> -
-
-
-

@@ -198,39 +58,38 @@ const Index: NextPage = () => {

- My posts + My projects

- Very rarely, I may write something interesting and put it here. -

-
-
-

- Nothing has been posted here yet. -

-
-
-
-
-
-
-

- My recommendations -

-

- I have fun rating and comparing things based on my personal tastes! + You might be interested in one of my released projects:

- - - - - - + + + + + + + Revenant's Brooch}/> + + + + + template-poetry}/> + + Patched Porobot}/> + + + + + + + steamleaderboards}/> +
-

- I am by no means a critic, so don't pay this too much attention unless you're interested in what I like... -

+ + There are more on my GitHub profile! +

diff --git a/public/img/projects/beat-td.png b/public/img/projects/beat-td.png deleted file mode 100644 index 1d9957d..0000000 Binary files a/public/img/projects/beat-td.png and /dev/null differ diff --git a/public/img/projects/blank.png b/public/img/projects/blank.png deleted file mode 100644 index fd8033d..0000000 Binary files a/public/img/projects/blank.png and /dev/null differ diff --git a/public/img/projects/bleach-beach.png b/public/img/projects/bleach-beach.png deleted file mode 100644 index 37a6e39..0000000 Binary files a/public/img/projects/bleach-beach.png and /dev/null differ diff --git a/public/img/projects/bluelib.png b/public/img/projects/bluelib.png deleted file mode 100644 index e117891..0000000 Binary files a/public/img/projects/bluelib.png and /dev/null differ diff --git a/public/img/projects/gravity-fusion.png b/public/img/projects/gravity-fusion.png deleted file mode 100644 index f640abb..0000000 Binary files a/public/img/projects/gravity-fusion.png and /dev/null differ diff --git a/public/img/projects/keep-everything-alive.png b/public/img/projects/keep-everything-alive.png deleted file mode 100644 index 7c6a6cb..0000000 Binary files a/public/img/projects/keep-everything-alive.png and /dev/null differ diff --git a/public/img/projects/looping-for-loops.png b/public/img/projects/looping-for-loops.png deleted file mode 100644 index 7378c3c..0000000 Binary files a/public/img/projects/looping-for-loops.png and /dev/null differ diff --git a/public/img/projects/particle-clash.png b/public/img/projects/particle-clash.png deleted file mode 100644 index 393ac5f..0000000 Binary files a/public/img/projects/particle-clash.png and /dev/null differ diff --git a/public/img/projects/slime-blood-and-pain.png b/public/img/projects/slime-blood-and-pain.png deleted file mode 100644 index e57d305..0000000 Binary files a/public/img/projects/slime-blood-and-pain.png and /dev/null differ diff --git a/public/img/projects/sophon.png b/public/img/projects/sophon.png deleted file mode 100644 index bca0481..0000000 Binary files a/public/img/projects/sophon.png and /dev/null differ diff --git a/public/img/projects/the-cold-night.png b/public/img/projects/the-cold-night.png deleted file mode 100644 index cab15b3..0000000 Binary files a/public/img/projects/the-cold-night.png and /dev/null differ