Brunobrno/vontor-cz
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

api done

Browse Source
This commit is contained in:
David Bruno Vontor
2025-11-07 17:43:37 +01:00
parent c3f837b90f
commit a645c87020
47 changed files with 238 additions and 2203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/pages/contact/ContactPage.tsx
View File

@@ -1,10 +1,35 @@
import ContactMeForm from "../../components/Forms/ContactMe/ContactMeForm";
export default function ContactPage(){
return (
<section className="section">
<div className="container">
<h2 className="text-2xl md:text-3xl font-bold mb-4">Get in Touch</h2>
<p className="text-[var(--c-lines)] mb-6">Reach out via email or phone. Social links are in the footer.</p>
<div className="glass p-6 max-w-lg">
<h2 className="text-2xl md:text-3xl font-bold mb-2 text-rainbow">Get in Touch</h2>
<p className="text-brand-lines mb-6">Reach out via the form or use the details below.</p>
{/* Desktop/tablet: envelope animation + slide-out form */}
<div className="hidden md:block">
<ContactMeForm />
</div>
{/* Mobile: simple card version without envelope */}
<div className="md:hidden">
<div className="card p-5">
<form className="space-y-3">
<div>
<label className="block text-sm text-brand-lines mb-1">Your email</label>
<input type="email" required className="w-full rounded-lg bg-brand-bgLight/40 border border-brand-lines/40 focus:outline-none focus:ring-2 focus:ring-brand-accent px-3 py-2 text-brand-text placeholder:text-brand-lines/70" placeholder="Enter your email" />
</div>
<div>
<label className="block text-sm text-brand-lines mb-1">Message</label>
<textarea required rows={5} className="w-full rounded-lg bg-brand-bgLight/40 border border-brand-lines/40 focus:outline-none focus:ring-2 focus:ring-brand-accent px-3 py-2 text-brand-text placeholder:text-brand-lines/70" placeholder="How can I help?" />
</div>
<button type="submit" className="px-4 py-2 rounded-lg font-semibold text-white bg-brandGradient shadow-glow">Send</button>
</form>
</div>
</div>
<div className="glass p-6 max-w-lg mt-8">
<p><strong>Email:</strong> <a href="mailto:brunovontor@gmail.com" className="hover:text-[var(--c-other)]">brunovontor@gmail.com</a></p>
<p className="mt-2"><strong>Phone:</strong> <a href="tel:+420605512624" className="hover:text-[var(--c-other)]">+420 605 512 624</a></p>
</div>

6
frontend/src/pages/downloader/Downloader.tsx
View File

@@ -109,7 +109,7 @@ export default function Downloader() {
<button
type="submit"
disabled={!url || probing}
className="px-3 py-2 rounded bg-blue-600 text-white disabled:opacity-50"
className="px-3 py-2 rounded bg-brand-accent text-brand-text disabled:opacity-50"
>
{probing ? "Probing..." : "Get info"}
</button>
@@ -117,7 +117,7 @@ export default function Downloader() {
type="button"
onClick={onDownload}
disabled={!canDownload || downloading}
className="px-3 py-2 rounded bg-emerald-600 text-white disabled:opacity-50"
className="px-3 py-2 rounded bg-brand-accent text-brand-text disabled:opacity-50"
>
{downloading ? "Downloading..." : "Download"}
</button>
@@ -134,7 +134,7 @@ export default function Downloader() {
className="w-40 h-24 object-cover rounded border"
/>
)}
<div className="text-sm text-gray-800 space-y-1">
<div className="text-sm text-brand-text/90 space-y-1">
<div>
<span className="font-medium">Title:</span> {info.title || "-"}
</div>

6
frontend/src/pages/home/introduction.css
View File

@@ -23,7 +23,7 @@
border-radius: 1em;
}
.introduction article header {}
/* header rules intentionally left out; keep markup clean */
.introduction article:nth-child(1) {
width: 100%;
@@ -71,7 +71,9 @@
list-style: none;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 35%);
/* use design palette for animated dots */
background: var(--c-boxes);
opacity: 0.35;
animation: animate 4s linear infinite;
bottom: -150px;