Compare commits
13 Commits
6483d6a8fc
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 nick
|
6fc433178d | ||
|
nick
|
18255812ba | ||
|
nick
|
a731f49b87 | ||
|
nick
|
1165d02a34 | ||
|
nick
|
4359b3be4a | ||
|
nick
|
c638af667a | ||
|
nick
|
8fc7f6beb5 | ||
|
nick
|
1ebd6ad4e3 | ||
|
nick
|
0837acad35 | ||
|
nick
|
f428af0d35 | ||
|
nick
|
ce9bd20040 | ||
|
nick
|
4566f3678d | ||
|
nick
|
0485559832 |
+2
-2
@@ -2,9 +2,9 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/heart.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>valentines</title>
|
<title>Will you be my valentine?</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
Generated
+789
-2
File diff suppressed because it is too large
Load Diff
@@ -11,6 +11,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"canvas-confetti": "^1.9.4",
|
"canvas-confetti": "^1.9.4",
|
||||||
|
"express": "^5.2.1",
|
||||||
"react": "^19.2.0",
|
"react": "^19.2.0",
|
||||||
"react-dom": "^19.2.0",
|
"react-dom": "^19.2.0",
|
||||||
"react-router-dom": "^7.13.0"
|
"react-router-dom": "^7.13.0"
|
||||||
|
|||||||
@@ -0,0 +1,32 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
version="1.1"
|
||||||
|
width="130"
|
||||||
|
height="130"
|
||||||
|
id="svg2">
|
||||||
|
<metadata
|
||||||
|
id="metadata10">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs8" />
|
||||||
|
<path
|
||||||
|
d="M 65,29 C 59,19 49,12 37,12 20,12 7,25 7,42 7,75 25,80 65,118 105,80 123,75 123,42 123,25 110,12 93,12 81,12 71,19 65,29 z"
|
||||||
|
id="path4"
|
||||||
|
style="fill:#ff0707" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 923 B |
@@ -0,0 +1,23 @@
|
|||||||
|
// server.js
|
||||||
|
import express from "express";
|
||||||
|
import path from "path";
|
||||||
|
import { fileURLToPath } from "url";
|
||||||
|
|
||||||
|
const app = express();
|
||||||
|
const PORT = process.env.PORT || 3000;
|
||||||
|
|
||||||
|
// Fix __dirname in ES modules
|
||||||
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
|
const __dirname = path.dirname(__filename);
|
||||||
|
|
||||||
|
// Serve static files from Vite build
|
||||||
|
app.use(express.static(path.join(__dirname, "dist")));
|
||||||
|
|
||||||
|
// React Router fallback: send index.html for any unmatched route
|
||||||
|
app.get(/.*/, (req, res) => {
|
||||||
|
res.sendFile(path.join(__dirname, "dist", "index.html"));
|
||||||
|
});
|
||||||
|
|
||||||
|
app.listen(PORT, () => {
|
||||||
|
console.log(`Server running at http://localhost:${PORT}`);
|
||||||
|
});
|
||||||
@@ -111,3 +111,32 @@ dialog::backdrop {
|
|||||||
.photo img:hover {
|
.photo img:hover {
|
||||||
transform: scale(1.05);
|
transform: scale(1.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.buttons {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center; /* center buttons horizontally */
|
||||||
|
gap: 16px; /* space between buttons */
|
||||||
|
margin-top: 16px; /* optional spacing from other elements */
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons button {
|
||||||
|
flex: 0 0 auto; /* don’t stretch buttons */
|
||||||
|
}
|
||||||
|
|
||||||
|
button.yes {
|
||||||
|
background-color: #531300; /* red-ish for yes */
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.yes:hover {
|
||||||
|
background-color: #7a1a00; /* slightly lighter red on hover */
|
||||||
|
}
|
||||||
|
|
||||||
|
button.no {
|
||||||
|
background-color: #3d3d3d; /* dark gray for no */
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.no:hover {
|
||||||
|
background-color: #555555; /* lighter gray on hover */
|
||||||
|
}
|
||||||
|
|||||||
@@ -0,0 +1,23 @@
|
|||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 1rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-align: center;
|
||||||
|
overflow-x: hidden; /* prevents accidental scroll, but doesn't truncate text */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Headings */
|
||||||
|
h1, h2, h3 {
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
white-space: normal; /* allow normal wrapping if needed */
|
||||||
|
word-wrap: break-word; /* break only at words, not in middle */
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile tweaks */
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
h1 { font-size: 1.5rem; }
|
||||||
|
h2 { font-size: 1.2rem; }
|
||||||
|
h3 { font-size: 1rem; }
|
||||||
|
}
|
||||||
+8
-5
@@ -1,10 +1,13 @@
|
|||||||
|
import styles from './yes.module.css';
|
||||||
|
|
||||||
export default function YesPage() {
|
export default function YesPage() {
|
||||||
return (
|
return (
|
||||||
<div className="container">
|
<div className={styles.container}>
|
||||||
<h1>Congratulations, you're now my valentine!!! 💖🥳</h1>
|
<h1>Congratulations!!!</h1>
|
||||||
<h2>No takebacks allowed, you're stuck with me 🎉</h2>
|
<h2>You're now my valentine 💖🥳</h2>
|
||||||
<h3>Great job using the freewill the website gave you to make the right choice</h3>
|
<h3>No takebacks allowed, you're stuck with me 🎉</h3>
|
||||||
|
<p></p>
|
||||||
|
<p>P.S. Great job using the freewill this website gave you to make the right choice</p>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user