Skip to content

Commit

Permalink
Merge pull request #2 from Stalin-143/main
Browse files Browse the repository at this point in the history 
Cummit
  • Loading branch information
@Stalin-143
Stalin-143 authored Jan 24, 2025
2 parents ad34ba2 + 29d2f2b commit 4bcc98f
Show file tree
Hide file tree
Showing 21 changed files with 1,763 additions and 226 deletions.
239 changes: 239 additions & 0 deletions contact/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,239 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Submission Form - Nexulean</title>
<style>
/* General Styles */
body {
font-family: Arial, sans-serif;
background-color: #f4f7fc;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

.form-container {
background-color: #ffffff;
padding: 40px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 800px;
}

h2 {
color: #333;
text-align: center;
margin-bottom: 20px;
}

/* Form Styling */
.form-group {
margin-bottom: 20px;
}

.form-control {
width: 100%;
padding: 12px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 6px;
margin-top: 5px;
transition: border-color 0.3s ease;
}

.form-control:focus {
border-color: #4CAF50;
outline: none;
}

/* Button Styling */
.submit-btn {
width: 100%;
padding: 14px;
background-color: #4CAF50;
color: white;
font-size: 16px;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.submit-btn:hover {
background-color: #45a049;
}

/* Responsive Styling */
@media (max-width: 768px) {
.form-container {
padding: 20px;
}
}

/* Label and Field Grouping */
label {
font-size: 14px;
font-weight: bold;
color: #333;
}

/* Error Message Styling */
.error {
color: red;
font-size: 12px;
margin-top: 5px;
}
</style>
</head>
<body>

<div class="form-container">
<h2>Project Submission Form</h2>
<form action="https://api.web3forms.com/submit" method="POST" id="contactForm" data-aos="fade-up" data-aos-delay="500">
<input type="hidden" name="access_key" value="e63367f9-8001-46ea-8ef3-688c17cabbaf">

<!-- Name -->
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" class="form-control" placeholder="Enter your name" required>
<div class="error" id="nameError"></div>
</div>

<!-- Email -->
<div class="form-group">
<label for="email">Your Email</label>
<input type="email" id="email" name="email" class="form-control" placeholder="Enter your email" required>
<div class="error" id="emailError"></div>
</div>

<!-- Phone Number -->
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" class="form-control" placeholder="Enter your phone number" required pattern="\d{10}">
<div class="error" id="phoneError"></div>
</div>

<!-- Project Title -->
<div class="form-group">
<label for="project_title">Project Title</label>
<input type="text" id="project_title" name="project_title" class="form-control" placeholder="Enter the project title" required>
<div class="error" id="projectTitleError"></div>
</div>

<!-- Subject -->
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" id="subject" name="subject" class="form-control" placeholder="Enter the subject" required>
<div class="error" id="subjectError"></div>
</div>

<!-- Description -->
<div class="form-group">
<label for="description">Project Description</label>
<textarea id="description" name="description" class="form-control" rows="6" placeholder="Provide a description of your project" required></textarea>
<div class="error" id="descriptionError"></div>
</div>

<!-- Requirements -->
<div class="form-group">
<label for="requirements">Project Requirements</label>
<textarea id="requirements" name="requirements" class="form-control" rows="4" placeholder="List the project requirements" required></textarea>
<div class="error" id="requirementsError"></div>
</div>

<!-- CAPTCHA -->
<div class="form-group">
<label for="captcha">Please enter the CAPTCHA code below:</label>
<div id="captchaContainer">
<input type="text" id="captcha" name="captcha" class="form-control" required>
<span id="captchaText"></span>
</div>
<div class="error" id="captchaError"></div>
</div>

<!-- Submit Button -->
<div class="form-group">
<button type="submit" class="submit-btn">Submit Project</button>
</div>
</form>
</div>

<script>
// Generate random CAPTCHA code
function generateCaptcha() {
const captcha = Math.floor(Math.random() * 90000) + 10000; // Random 5-digit number
document.getElementById('captchaText').textContent = captcha;
return captcha;
}

let captchaValue = generateCaptcha();

// Refresh CAPTCHA every 30 seconds
setInterval(function() {
captchaValue = generateCaptcha();
}, 30000); // Refresh every 30 seconds

// Form validation script
document.getElementById("contactForm").addEventListener("submit", function(event) {
let valid = true;

// Clear all error messages
document.querySelectorAll(".error").forEach(error => error.textContent = "");

// Check for required fields
const name = document.getElementById("name").value;
if (!name) {
document.getElementById("nameError").textContent = "Name is required.";
valid = false;
}

const email = document.getElementById("email").value;
if (!email) {
document.getElementById("emailError").textContent = "Email is required.";
valid = false;
}

const phone = document.getElementById("phone").value;
if (!phone.match(/\d{10}/)) {
document.getElementById("phoneError").textContent = "Please enter a valid phone number (10 digits).";
valid = false;
}

const projectTitle = document.getElementById("project_title").value;
if (!projectTitle) {
document.getElementById("projectTitleError").textContent = "Project Title is required.";
valid = false;
}

const description = document.getElementById("description").value;
if (!description) {
document.getElementById("descriptionError").textContent = "Project Description is required.";
valid = false;
}

const requirements = document.getElementById("requirements").value;
if (!requirements) {
document.getElementById("requirementsError").textContent = "Project Requirements are required.";
valid = false;
}

const captcha = document.getElementById("captcha").value;
if (captcha !== captchaValue.toString()) {
document.getElementById("captchaError").textContent = "Incorrect CAPTCHA.";
valid = false;
}

if (!valid) {
event.preventDefault();
}
});
</script>

</body>
</html>
14 changes: 14 additions & 0 deletions dataconnect/connector/connector.yaml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
connectorId: "default"
## ## Here's an example of how to add generated SDKs.
## ## You'll need to replace the outputDirs with ones pointing to where you want the generated code in your app.
# generate:
# javascriptSdk:
# outputDir: <Path where you want the generated SDK to be written to, relative to this file>
# package: "@firebasegen/my-connector"
# packageJsonDir: < Optional. Path to your Javascript app's package.json>
# swiftSdk:
# outputDir: <Path where you want the generated SDK to be written to, relative to this file>
# package: "firebasegen/default"
# kotlinSdk:
# outputDir: <Path where you want the generated SDK to be written to, relative to this file>
# package: connectors.default
50 changes: 50 additions & 0 deletions dataconnect/connector/mutations.gql
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
# # Example mutations for a simple movie app

# # Create a movie based on user input
# mutation CreateMovie(
# $title: String!
# $genre: String!
# $imageUrl: String!
# ) @auth(level: USER_EMAIL_VERIFIED) {
# movie_insert(
# data: {
# title: $title
# genre: $genre
# imageUrl: $imageUrl
# }
# )
# }

# # Upsert (update or insert) a user's username based on their auth.uid
# mutation UpsertUser($username: String!) @auth(level: USER) {
# user_upsert(
# data: {
# id_expr: "auth.uid"
# username: $username
# }
# )
# }

# # Add a review for a movie
# mutation AddReview(
# $movieId: UUID!
# $rating: Int!
# $reviewText: String!
# ) @auth(level: USER) {
# review_upsert(
# data: {
# userId_expr: "auth.uid"
# movieId: $movieId
# rating: $rating
# reviewText: $reviewText
# # reviewDate defaults to today in the schema. No need to set it manually.
# }
# )
# }

# # Logged in user can delete their review for a movie
# mutation DeleteReview(
# $movieId: UUID!
# ) @auth(level: USER) {
# review_delete(key: { userId_expr: "auth.uid", movieId: $movieId })
# }
83 changes: 83 additions & 0 deletions dataconnect/connector/queries.gql
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
# # Example queries for a simple movie app.

# # @auth() directives control who can call each operation.
# # Anyone should be able to list all movies, so the auth level is set to PUBLIC
# query ListMovies @auth(level: PUBLIC) {
# movies {
# id
# title
# imageUrl
# genre
# }
# }

# # List all users, only admins should be able to list all users, so we use NO_ACCESS
# query ListUsers @auth(level: NO_ACCESS) {
# users { id, username }
# }

# # Logged in user can list all their reviews and movie titles associated with the review
# # Since the query requires the uid of the current authenticated user, the auth level is set to USER
# query ListUserReviews @auth(level: USER) {
# user(key: {id_expr: "auth.uid"}) {
# id
# username
# # <field>_on_<foreign_key_field> makes it easy to grab info from another table
# # Here, we use it to grab all the reviews written by the user.
# reviews: reviews_on_user {
# id
# rating
# reviewDate
# reviewText
# movie {
# id
# title
# }
# }
# }
# }

# # Get movie by id
# query GetMovieById($id: UUID!) @auth(level: PUBLIC) {
# movie(id: $id) {
# id
# title
# imageUrl
# genre
# metadata: movieMetadata_on_movie {
# rating
# releaseYear
# description
# }
# reviews: reviews_on_movie {
# id
# reviewText
# reviewDate
# rating
# user {
# id
# username
# }
# }
# }
# }

# # Search for movies, actors, and reviews
# query SearchMovie(
# $titleInput: String
# $genre: String
# ) @auth(level: PUBLIC) {
# movies(
# where: {
# _and: [
# { genre: { eq: $genre } }
# { title: { contains: $titleInput } }
# ]
# }
# ) {
# id
# title
# genre
# imageUrl
# }
# }
Loading

0 comments on commit 4bcc98f

Please sign in to comment.