liquid-development/website
3
0
Fork 0
Code Issues Pull Requests Activity

Compare commits

base: liquid-development:cd429229838baebbeab8f638d97f8a85f07dea1f
Branches Tags
liquid-development:main
...
compare: liquid-development:main
Branches Tags
liquid-development:main

5 Commits
cd42922983 ... main

Author SHA1 Message Date
Felix Kirchner
bc47a53a07 Updated links and added discord 2026-01-12 20:06:49 +01:00
Felix Kirchner
873cacdf0a Added christmas effects 2025-12-24 13:19:17 +01:00
Felix Kirchner
211c6cf3ea Changed variable names 2025-12-24 13:19:10 +01:00
Felix Kirchner
18f52ab751 Updated colors 2025-12-19 14:00:31 +01:00
Felix Kirchner
f98c6062e1 Updates meta tags 2025-12-19 13:54:23 +01:00
6 changed files with 74 additions and 20 deletions
Expand all files Collapse all files

11
index.html
View File

@@ -1,20 +1,19 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Title -->
<title>Liquid Development</title>
<!-- Standard Meta --> <!-- Standard Meta -->
<title>Liquid Development</title>
<meta name="description" content="Open-source software development team">
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="das "> <meta name="robots" content="index"/>
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://liquid-dev.de/"> <meta property="og:url" content="https://liquid-dev.de/">
<meta property="og:title" content="Liquid Development"> <meta property="og:title" content="Liquid Development">
<meta property="og:description" content="Open-source software development team"> <meta property="og:description" content="Open-source software development team">
<meta property="og:image" content="https://liquid-dev.de/social-share.webp"> <meta property="og:image" content="https://liquid-dev.de/social-share.webp">
<!-- Twitter --> <!-- Twitter -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">

32
package-lock.json generated
View File

@@ -11,7 +11,9 @@
"framer-motion": "^11.0.0", "framer-motion": "^11.0.0",
"lucide-react": "^0.300.0", "lucide-react": "^0.300.0",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0" "react-dom": "^18.2.0",
"react-icons": "^5.5.0",
"react-snowfall": "^2.4.0"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^18.2.43", "@types/react": "^18.2.43",
@@ -2229,6 +2231,21 @@
"react": "^18.3.1" "react": "^18.3.1"
} }
}, },
"node_modules/react-fast-compare": {
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
"integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
"license": "MIT"
},
"node_modules/react-icons": {
"version": "5.5.0",
"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
"integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
"license": "MIT",
"peerDependencies": {
"react": "*"
}
},
"node_modules/react-refresh": { "node_modules/react-refresh": {
"version": "0.17.0", "version": "0.17.0",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
@@ -2239,6 +2256,19 @@
"node": ">=0.10.0" "node": ">=0.10.0"
} }
}, },
"node_modules/react-snowfall": {
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/react-snowfall/-/react-snowfall-2.4.0.tgz",
"integrity": "sha512-KAPMiGnxt11PEgC2pTVrTQsvk5jt1kLUtG+ZamiKLphTZ7GiYT1Aa5kX6jp4jKWq1kqJHchnGT9CDm4g86A5Gg==",
"license": "MIT",
"dependencies": {
"react-fast-compare": "^3.2.2"
},
"peerDependencies": {
"react": "^16.8 || 17.x || 18.x || 19.x",
"react-dom": "^16.8 || 17.x || 18.x || 19.x"
}
},
"node_modules/read-cache": { "node_modules/read-cache": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",

4
package.json
View File

@@ -12,7 +12,9 @@
"framer-motion": "^11.0.0", "framer-motion": "^11.0.0",
"lucide-react": "^0.300.0", "lucide-react": "^0.300.0",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0" "react-dom": "^18.2.0",
"react-icons": "^5.5.0",
"react-snowfall": "^2.4.0"
}, },
"devDependencies": { "devDependencies": {
"@types/react": "^18.2.43", "@types/react": "^18.2.43",

17
src/App.jsx
View File

@@ -4,13 +4,30 @@ import {Footer} from './components/Footer';
import {Hero} from './sections/Hero'; import {Hero} from './sections/Hero';
import {Projects} from './sections/Projects'; import {Projects} from './sections/Projects';
import {Team} from './sections/Team'; import {Team} from './sections/Team';
import Snowfall from 'react-snowfall'
export default function LiquidDevelopment() { export default function LiquidDevelopment() {
return ( return (
<div <div
className="min-h-screen bg-[#0e0e0e] text-white font-sans selection:bg-[#00A3FF] selection:text-white overflow-x-hidden"> className="min-h-screen bg-[#0e0e0e] text-white font-sans selection:bg-[#00A3FF] selection:text-white overflow-x-hidden">
<div style={{
position: 'fixed',
width: '100vw',
height: '100vh',
top: 0,
left: 0,
pointerEvents: 'none',
zIndex: 9999,
}}>
<Snowfall
snowflakeCount={80}
/>
</div>
<Navbar/> <Navbar/>
<Hero/> <Hero/>
<Projects/> <Projects/>
<Team/> <Team/>
<Footer/> <Footer/>

6
src/components/TeamMember.jsx
View File

@@ -4,7 +4,7 @@ import {Github, Mail, Globe} from 'lucide-react';
import {ObfuscatedMail} from './ObfuscatedMail'; import {ObfuscatedMail} from './ObfuscatedMail';
import {ROLES} from '../data/content'; import {ROLES} from '../data/content';
export const TeamMember = ({name, nickname, img, gh, email, website, roles}) => ( export const TeamMember = ({name, nickname, imageLink, githubLink, email, website, roles}) => (
<motion.div whileHover={{y: -5}} <motion.div whileHover={{y: -5}}
className="group relative bg-[#121212] rounded-2xl p-6 border border-white/10 flex flex-col items-center text-center overflow-hidden shadow-lg hover:border-[#00A3FF]/40 transition-all duration-300"> className="group relative bg-[#121212] rounded-2xl p-6 border border-white/10 flex flex-col items-center text-center overflow-hidden shadow-lg hover:border-[#00A3FF]/40 transition-all duration-300">
<div <div
@@ -18,7 +18,7 @@ export const TeamMember = ({name, nickname, img, gh, email, website, roles}) =>
<div <div
className="w-28 h-28 rounded-full mb-5 p-1 border-2 border-[#00A3FF]/30 group-hover:border-[#00A3FF] transition-colors relative z-10"> className="w-28 h-28 rounded-full mb-5 p-1 border-2 border-[#00A3FF]/30 group-hover:border-[#00A3FF] transition-colors relative z-10">
<img src={img} alt={name} className="w-full h-full rounded-full object-cover bg-gray-800"/> <img src={imageLink} alt={name} className="w-full h-full rounded-full object-cover bg-gray-800"/>
</div> </div>
<div className="relative z-10 w-full"> <div className="relative z-10 w-full">
@@ -55,7 +55,7 @@ export const TeamMember = ({name, nickname, img, gh, email, website, roles}) =>
<Mail size={18}/> <Mail size={18}/>
</ObfuscatedMail> </ObfuscatedMail>
<a href={gh} target="_blank" rel="noreferrer" <a href={githubLink} target="_blank" rel="noreferrer"
className="flex-1 py-2 rounded-lg bg-white/5 hover:bg-[#00A3FF] hover:text-white text-gray-400 transition-all flex justify-center items-center" className="flex-1 py-2 rounded-lg bg-white/5 hover:bg-[#00A3FF] hover:text-white text-gray-400 transition-all flex justify-center items-center"
title="GitHub"> title="GitHub">
<Github size={18}/> <Github size={18}/>

24
src/data/content.js
View File

@@ -1,13 +1,19 @@
import { Github, Mail } from 'lucide-react'; import { Github, Mail } from 'lucide-react';
import { FaDiscord } from 'react-icons/fa';
export const NAV_LINKS = ['Home', 'Projects', 'Team']; export const NAV_LINKS = ['Home', 'Projects', 'Team'];
export const SOCIALS = [ export const SOCIALS = [
{ {
name: "GitHub", name: "GitHub",
link: "https://github.com/LiquidDevelopmentDE/", link: "https://github.liquid-dev.de",
icon: Github icon: Github
}, },
{
name: "Discord",
link: "https://discord.liquid-dev.de",
icon: FaDiscord
},
{ {
name: "E-Mail", name: "E-Mail",
link: "hello@liquid-dev.de", link: "hello@liquid-dev.de",
@@ -20,8 +26,8 @@ export const TEAM_MEMBERS = [
name: "Felix", name: "Felix",
nickname: "Flixcoo", nickname: "Flixcoo",
roles: [0, 1], roles: [0, 1],
img: "https://github.com/flixcoo.png", imageLink: "https://github.com/flixcoo.png",
gh: "https://github.com/flixcoo", githubLink: "https://github.com/flixcoo",
email: "felix@liquid-dev.de", email: "felix@liquid-dev.de",
website: "https://felixkirchner.de" website: "https://felixkirchner.de"
}, },
@@ -29,8 +35,8 @@ export const TEAM_MEMBERS = [
name: "Yannick", name: "Yannick",
nickname: "Gelbeinhalb", nickname: "Gelbeinhalb",
roles: [0, 1], roles: [0, 1],
img: "https://github.com/GelbEinhalb.png", imageLink: "https://github.com/GelbEinhalb.png",
gh: "https://github.com/GelbEinhalb", githubLink: "https://github.com/GelbEinhalb",
email: "yannick@liquid-dev.de", email: "yannick@liquid-dev.de",
website: "https://yannick-weigert.de" website: "https://yannick-weigert.de"
}, },
@@ -38,8 +44,8 @@ export const TEAM_MEMBERS = [
name: "Mathis", name: "Mathis",
nickname: "Sneeex", nickname: "Sneeex",
roles: [0, 1], roles: [0, 1],
img: "https://github.com/sneeex.png", imageLink: "https://github.com/sneeex.png",
gh: "https://github.com/sneeex", githubLink: "https://github.com/sneeex",
email: "mathis@liquid-dev.de", email: "mathis@liquid-dev.de",
website: "https://mathiskirchner.de" website: "https://mathiskirchner.de"
} }
@@ -47,6 +53,6 @@ export const TEAM_MEMBERS = [
export const ROLES = [ export const ROLES = [
{id: 0, role: "FOUNDER", bgColor: "#00A3FF", borderColor: "#00A3FF", textColor: "#00A3FF"}, {id: 0, role: "FOUNDER", bgColor: "#1e40af", borderColor: "#1e40af", textColor: "#60a5fa"},
{id: 1, role: "DEVELOPER", bgColor: "#3b82f6", borderColor: "#3b82f6", textColor: "#93c5fd"}, {id: 1, role: "DEVELOPER", bgColor: "#0284c7", borderColor: "#0284c7", textColor: "#00b8f9"},
]; ];