CV Builder

CV Builder

\n \n \n \n \n \n

\n\n {activeSection === 'personal' && (\n

Personal Information

\n \n \n \n \n

\n )}\n\n {activeSection === 'work' && (\n

Work Experience

\n {workExperiences.map((exp, index) => (\n

\n {\n const newExperiences = [...workExperiences];\n newExperiences[index].company = e.target.value;\n setWorkExperiences(newExperiences);\n }}\n style={inputStyle}\n />\n {\n const newExperiences = [...workExperiences];\n newExperiences[index].position = e.target.value;\n setWorkExperiences(newExperiences);\n }}\n style={inputStyle}\n />\n {\n const newExperiences = [...workExperiences];\n newExperiences[index].startDate = e.target.value;\n setWorkExperiences(newExperiences);\n }}\n style={inputStyle}\n />\n {\n const newExperiences = [...workExperiences];\n newExperiences[index].endDate = e.target.value;\n setWorkExperiences(newExperiences);\n }}\n style={inputStyle}\n />\n

\n ))}\n \n

\n )}\n\n {activeSection === 'education' && (\n

Education

\n {educations.map((edu, index) => (\n

\n {\n const newEducations = [...educations];\n newEducations[index].institution = e.target.value;\n setEducations(newEducations);\n }}\n style={inputStyle}\n />\n {\n const newEducations = [...educations];\n newEducations[index].degree = e.target.value;\n setEducations(newEducations);\n }}\n style={inputStyle}\n />\n {\n const newEducations = [...educations];\n newEducations[index].graduationYear = e.target.value;\n setEducations(newEducations);\n }}\n style={inputStyle}\n />\n

\n ))}\n \n

\n )}\n\n {activeSection === 'skills' && (\n

Skills

\n {skills.map((skill, index) => (\n

\n {\n const newSkills = [...skills];\n newSkills[index].name = e.target.value;\n setSkills(newSkills);\n }}\n style={inputStyle}\n />\n \n

\n ))}\n \n

\n )}\n\n {activeSection === 'references' && (\n

References

\n {references.map((ref, index) => (\n

\n {\n const newReferences = [...references];\n newReferences[index].name = e.target.value;\n setReferences(newReferences);\n }}\n style={inputStyle}\n />\n {\n const newReferences = [...references];\n newReferences[index].company = e.target.value;\n setReferences(newReferences);\n }}\n style={inputStyle}\n />\n {\n const newReferences = [...references];\n newReferences[index].position = e.target.value;\n setReferences(newReferences);\n }}\n style={inputStyle}\n />\n {\n const newReferences = [...references];\n newReferences[index].email = e.target.value;\n setReferences(newReferences);\n }}\n style={inputStyle}\n />\n {\n const newReferences = [...references];\n newReferences[index].phone = e.target.value;\n setReferences(newReferences);\n }}\n style={inputStyle}\n />\n

\n ))}\n \n

\n )}\n\n \n

\n\n

CV Preview

\n {personalInfo.fullName && (\n

Personal Information

Name: {personalInfo.fullName}

Email: {personalInfo.email}

Phone: {personalInfo.phone}

Location: {personalInfo.location}

\n )}\n\n {workExperiences.length > 0 && (\n

Work Experience

\n {workExperiences.map((exp, index) => (\n

{exp.position} at {exp.company}

{exp.startDate} - {exp.endDate}

\n ))}\n

\n )}\n\n {educations.length > 0 && (\n

Education

\n {educations.map((edu, index) => (\n

{edu.degree} from {edu.institution}

Graduation Year: {edu.graduationYear}

\n ))}\n

\n )}\n\n {skills.length > 0 && (\n

Skills

\n {skills.map((skill, index) => (\n

{skill.name} ({skill.level})

\n ))}\n

\n )}\n\n {references.length > 0 && (\n

References

\n {references.map((ref, index) => (\n

{ref.name}

Position: {ref.position}

Company: {ref.company}

Email: {ref.email}

Phone: {ref.phone}

\n ))}\n

\n )}\n

\n );\n}\n\nconst inputStyle = {\n width: '100%',\n padding: '10px',\n margin: '10px 0',\n border: '1px solid #ddd',\n borderRadius: '5px'\n};\n\nconst buttonStyle = {\n padding: '10px 20px',\n background: '#3498db',\n color: 'white',\n border: 'none',\n borderRadius: '5px',\n cursor: 'pointer'\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n CV Builder\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","createdAt",["D",1739816797304],"version",8,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","Blackhammer","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0OXlCU1ZuMkF1V1Byams4bGU2UFVMejlhTCJ9","forkedVal","interval","slug","Blackhammer/greatBlushLeopard","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140,143,147,151,155,159,163,166,170],{"_117":118,"_141":-5,"_115":142,"_112":110},"prId",["D",1739816797304],{"_117":144,"_141":-5,"_115":145,"_112":146},7,["D",1739815925304],"b18a324e-ed5a-11ef-8734-e6cdfca9ef9f",{"_117":148,"_141":-5,"_115":149,"_112":150},6,["D",1739815778324],"59edb4ac-ed5a-11ef-b4fd-e6cdfca9ef9f",{"_117":152,"_141":-5,"_115":153,"_112":154},5,["D",1739815758325],"4e0286fe-ed5a-11ef-91d8-e6cdfca9ef9f",{"_117":156,"_141":-5,"_115":157,"_112":158},4,["D",1739815658582],"128f8270-ed5a-11ef-ba10-e6cdfca9ef9f",{"_117":160,"_141":-5,"_115":161,"_112":162},3,["D",1739815578710],"e2f3c9e0-ed59-11ef-ba10-e6cdfca9ef9f",{"_117":90,"_141":-5,"_115":164,"_112":165},["D",1739815367808],"653e26a8-ed59-11ef-8723-e6cdfca9ef9f",{"_117":167,"_141":-5,"_115":168,"_112":169},1,["D",1739815219767],"0d06f92e-ed59-11ef-b32f-e6cdfca9ef9f",{"_117":31,"_141":-5,"_115":171,"_112":172},["D",1739815168669],"ee8d5646-ed58-11ef-a64e-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":180,"_181":182,"_94":183},"single","redirect","/v/Blackhammer/greatBlushLeopard/versions",{"_112":169,"_113":184,"_117":167,"_115":185,"_186":99,"_100":101,"_107":108,"_128":129,"_11":96,"_187":-5,"_188":-5,"_189":-5,"_177":26,"_134":135},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef, useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Game Constants\nconst GAME_WIDTH = 800;\nconst GAME_HEIGHT = 600;\nconst PLAYER_WIDTH = 50;\nconst PLAYER_HEIGHT = 30;\nconst ENEMY_WIDTH = 40;\nconst ENEMY_HEIGHT = 40;\n\n// Types\ninterface PlayerShip {\n x: number;\n y: number;\n width: number;\n height: number;\n health: number;\n weapon: 'laser' | 'plasma' | 'missile';\n}\n\ninterface Enemy {\n x: number;\n y: number;\n type: 'small' | 'medium' | 'boss';\n health: number;\n}\n\ninterface Projectile {\n x: number;\n y: number;\n type: 'player' | 'enemy';\n}\n\nfunction GalacticImpactGame() {\n const [player, setPlayer] = useState({\n x: 100,\n y: GAME_HEIGHT / 2,\n width: PLAYER_WIDTH,\n height: PLAYER_HEIGHT,\n health: 100,\n weapon: 'laser'\n });\n\n const [enemies, setEnemies] = useState([]);\n const [projectiles, setProjectiles] = useState([]);\n const [score, setScore] = useState(0);\n const [gameOver, setGameOver] = useState(false);\n\n const gameRef = useRef(null);\n\n // Player Movement\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n const speed = 10;\n switch(e.key) {\n case 'ArrowUp':\n setPlayer(p => ({ ...p, y: Math.max(0, p.y - speed) }));\n break;\n case 'ArrowDown':\n setPlayer(p => ({ ...p, y: Math.min(GAME_HEIGHT - p.height, p.y + speed) }));\n break;\n case ' ':\n fireProjectile();\n break;\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, []);\n\n // Game Loop\n useEffect(() => {\n if (gameOver) return;\n\n const gameLoop = setInterval(() => {\n // Spawn Enemies\n if (Math.random() < 0.1) {\n spawnEnemy();\n }\n\n // Move Projectiles\n setProjectiles(projs => projs.map(p => ({\n ...p,\n x: p.type === 'player' ? p.x + 10 : p.x - 5\n })).filter(p => p.x > 0 && p.x < GAME_WIDTH));\n\n // Enemy Movement & Collision\n setEnemies(currentEnemies => {\n return currentEnemies.map(enemy => ({\n ...enemy,\n x: enemy.x - 2\n })).filter(enemy => {\n // Check Collision with Player\n const isColliding = checkCollision(player, enemy);\n if (isColliding) {\n setPlayer(p => ({ ...p, health: p.health - 10 }));\n if (player.health <= 0) {\n setGameOver(true);\n }\n }\n\n // Check Projectile Hits\n const hitByProjectile = projectiles.find(proj => \n proj.type === 'player' && \n checkCollision(proj, enemy)\n );\n\n if (hitByProjectile) {\n setScore(s => s + 10);\n setProjectiles(projs => projs.filter(p => p !== hitByProjectile));\n return false; // Remove enemy\n }\n\n return enemy.x > 0;\n });\n });\n\n // Check Game Over\n if (player.health <= 0) {\n setGameOver(true);\n }\n }, 50);\n\n return () => clearInterval(gameLoop);\n }, [player, gameOver]);\n\n function spawnEnemy() {\n const newEnemy: Enemy = {\n x: GAME_WIDTH,\n y: Math.random() * (GAME_HEIGHT - ENEMY_HEIGHT),\n type: Math.random() < 0.8 ? 'small' : 'medium',\n health: Math.random() < 0.8 ? 50 : 100\n };\n setEnemies(current => [...current, newEnemy]);\n }\n\n function fireProjectile() {\n const newProjectile: Projectile = {\n x: player.x + player.width,\n y: player.y + player.height / 2,\n type: 'player'\n };\n setProjectiles(current => [...current, newProjectile]);\n }\n\n function checkCollision(a: any, b: any): boolean {\n return !(\n a.x > b.x + b.width ||\n a.x + a.width < b.x ||\n a.y > b.y + b.height ||\n a.y + a.height < b.y\n );\n }\n\n function restartGame() {\n setPlayer({\n x: 100,\n y: GAME_HEIGHT / 2,\n width: PLAYER_WIDTH,\n height: PLAYER_HEIGHT,\n health: 100,\n weapon: 'laser'\n });\n setEnemies([]);\n setProjectiles([]);\n setScore(0);\n setGameOver(false);\n }\n\n return (\n

\n {gameOver ? (\n

Game Over

Score: {score}

\n \n

\n ) : (\n <>\n {/* Player Ship */}\n

\n\n {/* Enemies */}\n {enemies.map((enemy, index) => (\n

\n ))}\n\n {/* Projectiles */}\n {projectiles.map((proj, index) => (\n

\n ))}\n\n {/* HUD */}\n

Health: {player.health}

Score: {score}

Weapon: {player.weapon}

\n \n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n // Create high scores table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_highscores (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n player_name TEXT NOT NULL,\n score INTEGER NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n return new Response(`\n \n \n Galactic Impact: Space Battle\n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}",["D",1739815219767],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

greatBlushLeopard

Version 1