Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history 
Signed-off-by: Michael Yuan <[email protected]>
  • Loading branch information
@juntao
juntao authored Sep 24, 2024
1 parent ed24167 commit 19a6ae1
Show file tree
Hide file tree
Showing 14 changed files with 625 additions and 94 deletions.
77 changes: 34 additions & 43 deletions activate.html
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,10 @@
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Register</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
body {
max-width: 900px;
margin: auto;
}
.container {
width: 90%;
margin: auto;
}
.jumbotron {
background-color: #87CEEB;
border-radius: 1rem;
color: white;
margin-top: 15px;
margin-bottom: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
</style>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pastor Insights</title>
<link href="index.css" rel="stylesheet"/>
<script>
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null
Expand Down Expand Up @@ -69,25 +50,35 @@
});
}
</script>
</head>
<body>
<div class="jumbotron text-center">
<h1>Confirm your email address</h1>
<p>You will receive email on this address. Cancel anytime.</p>
</div>
<div id="errorMsg" class="alert alert-danger" role="alert" hidden>Sorry, there is a problem with your registration.</div>
<div id="successMsg" class="alert alert-success" role="alert" hidden>
<h4 class="alert-heading">Well done!</h4>
</head>
<body>

<!-- Hero Section -->
<div class="hero">
<div class="hero-content">
<h1>Everyday News from a Bible Perspective</h1>
<p>Confirm your email address using the activation code you received</p>
<div class="message-box" id="successMsg" style="display:none">
<span style="color:green"><b>Success!</b></span> You will soon receive email from us!
</div>
<div class="message-box" id="errorMsg" style="display:none">
<span style="color:red"><b>Sorry,</b></span> there is a problem. Please try again
</div>
<form id="form">
<div class="subscribe-box">
<div class="email-and-subscribe">
<input id="code" name="code" disabled>
<button type="submit" id="submit">Next</button>
</div>
</div>
</form>
</div>
</div>

<form id="form" class="container">
<div class="form-group">
<label for="code" class="form-label">Activation code</label>
<input class="form-control" id="code" name="code">
</div>
<!-- Footer -->
<footer>
© 2024 Gaia Network. All rights reserved.
</footer>

<button type="submit" id="submit" class="btn btn-primary">Submit</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</body>
</html>
Binary file added hero.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
179 changes: 179 additions & 0 deletions index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,179 @@
body {
font-family: 'Helvetica', Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
color: #333;
}
.hero {
background-image: url('hero.png'); /* Christian theme image */
background-size: cover;
background-position: center;
text-align: center;
padding: 70px 20px;
color: white;
position: relative;
}
.hero-content {
position: relative;
z-index: 1;
}
.hero h1 {
font-size: 36px; /* Slightly smaller */
margin-bottom: 10px;
}
.hero p {
font-size: 18px; /* Smaller size for subtitle */
margin-bottom: 30px;
}
.hero a {
color: white;
}
.subscribe-box {
display: flex;
justify-content: center;
margin: 0 auto;
max-width: 600px;
flex-direction: column;
}
.subscribe-box textarea {
padding: 15px;
font-size: 16px;
width: 100%; /* Match width of email input */
height: 150px; /* Adjusted height to display full placeholder */
border: none;
border-radius: 8px;
margin-bottom: 10px;
font-style: italic;
color: #555;
white-space: pre-wrap;
text-align: left;
vertical-align: top;
resize: none; /* Disable resizing */
box-sizing: border-box; /* Ensure padding is included in the width */
}
.subscribe-box textarea::placeholder {
text-align: left; /* Placeholder starts from the top-left */
vertical-align: top;
}
.email-and-subscribe {
display: flex;
width: 100%; /* Ensure both email and subscribe button fit within the same container */
}
.subscribe-box input {
padding: 15px;
font-size: 18px;
width: calc(100% - 150px); /* Calculate width so it fits with the subscribe button */
border: none;
border-radius: 8px 0 0 8px;
}
.subscribe-box button {
padding: 15px 25px;
font-size: 18px;
width: 150px; /* Fixed width for the button */
background-color: #007BFF; /* Blue subscribe button */
color: white;
border: none;
cursor: pointer;
border-radius: 0 8px 8px 0;
transition: background-color 0.3s;
}
.subscribe-box button:hover {
background-color: #0056b3;
}
.container {
display: flex;
justify-content: space-around;
padding: 60px 20px;
background-color: #f1f1f1;
}
.chat-section {
width: 45%;
background-color: #fff;
padding: 30px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
border-radius: 12px;
text-align: center;
}
.email-example-section {
width: 45%;
background-color: #fff;
padding: 30px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
border-radius: 12px;
}
.chat-section h2, .email-example-section h2 {
font-size: 28px;
margin-bottom: 20px;
color: #333;
}
.chat-options {
display: flex;
justify-content: space-evenly;
align-items: center;
margin-top: 40px;
}
.chat-options .chat-button {
width: 200px;
padding: 15px;
background-color: #007BFF;
color: white;
text-align: center;
border-radius: 8px;
cursor: pointer;
text-decoration: none;
font-size: 16px;
margin: 0 10px;
transition: background-color 0.3s;
display: flex;
align-items: center;
}
.chat-options .chat-button img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.chat-options .chat-button:hover {
background-color: #0056b3;
}
.qr-codes {
display: flex;
justify-content: space-evenly;
margin-top: 20px;
}
.qr-codes img {
width: 120px;
height: 120px;
}
.email-example-section p {
margin-bottom: 20px;
color: #666;
}
.email-example {
margin-top: 20px;
padding: 15px;
background-color: #f9f9f9;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s;
}
.email-example:hover {
background-color: #eee;
}
.email-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.email-content {
font-size: 16px;
line-height: 1.6;
color: #555;
}
footer {
text-align: center;
padding: 20px;
background-color: #333;
color: white;
margin-top: 40px;
}
Loading

0 comments on commit 19a6ae1

Please sign in to comment.