From 51fd4bc4371ebef974b9482101aa909785cb1912 Mon Sep 17 00:00:00 2001 From: arya232006 Date: Sun, 31 May 2026 13:46:14 +0000 Subject: [PATCH] Add modern styles and animations to the landing page --- .agentrix/journal/c2d13ccd6e7b.json | 27 ++++++++++++ frontend/index.html | 35 +++++++++++++++ frontend/scripts.js | 10 +++++ frontend/styles.css | 67 +++++++++++++++++++++++++++++ 4 files changed, 139 insertions(+) create mode 100644 .agentrix/journal/c2d13ccd6e7b.json create mode 100644 frontend/index.html create mode 100644 frontend/scripts.js create mode 100644 frontend/styles.css diff --git a/.agentrix/journal/c2d13ccd6e7b.json b/.agentrix/journal/c2d13ccd6e7b.json new file mode 100644 index 0000000..d44b085 --- /dev/null +++ b/.agentrix/journal/c2d13ccd6e7b.json @@ -0,0 +1,27 @@ +{ + "id": "c2d13ccd6e7b", + "workspace": "/data/workspaces/arya232006/DeVerify-backend", + "ops": [ + { + "kind": "create", + "path": "frontend/index.html", + "before_blob_path": null, + "after_preview": "\n\n\n \n \n {\n link.addEventListener('click', functi", + "ts": 1780235171309 + } + ] +} \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000..279e3d7 --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,35 @@ + + + + + + + Landing Page + + +
+

Welcome to DeVerify

+

Your hackathon project scanner and evaluator.

+ Learn More +
+
+

Features

+
+

Feature 1

+

Description of feature 1.

+
+
+

Feature 2

+

Description of feature 2.

+
+
+

Feature 3

+

Description of feature 3.

+
+
+ + + + \ No newline at end of file diff --git a/frontend/scripts.js b/frontend/scripts.js new file mode 100644 index 0000000..f3e6fea --- /dev/null +++ b/frontend/scripts.js @@ -0,0 +1,10 @@ +// Smooth scrolling for anchor links +const links = document.querySelectorAll('a[href^="#"]'); + +links.forEach(link => { + link.addEventListener('click', function(e) { + e.preventDefault(); + const target = document.querySelector(this.getAttribute('href')); + target.scrollIntoView({ behavior: 'smooth' }); + }); +}); \ No newline at end of file diff --git a/frontend/styles.css b/frontend/styles.css new file mode 100644 index 0000000..1b7530f --- /dev/null +++ b/frontend/styles.css @@ -0,0 +1,67 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; + color: #333; + scroll-behavior: smooth; +} + +header { + background: #007bff; + color: white; + padding: 20px; + text-align: center; + animation: fadeIn 1s; +} + +h1 { + margin: 0; +} + +.btn { + display: inline-block; + padding: 10px 20px; + background: #28a745; + color: white; + text-decoration: none; + border-radius: 5px; + transition: background 0.3s; +} + +.btn:hover { + background: #218838; +} + +section { + padding: 20px; + margin: 20px; + background: white; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); + animation: slideIn 1s; +} + +.feature { + margin: 10px 0; +} + +footer { + text-align: center; + padding: 10px; + background: #007bff; + color: white; + position: relative; + bottom: 0; + width: 100%; +} + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes slideIn { + from { transform: translateY(20px); opacity: 0; } + to { transform: translateY(0); opacity: 1; } +} \ No newline at end of file