├── Bg.jpg ├── thomsobg.webp ├── Anwesha-white.png ├── aaina logo white-2.png ├── README.md ├── success.html ├── script.js ├── index.html └── styles.css /Bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaidevxr/anwesha-registrations/HEAD/Bg.jpg -------------------------------------------------------------------------------- /thomsobg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaidevxr/anwesha-registrations/HEAD/thomsobg.webp -------------------------------------------------------------------------------- /Anwesha-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaidevxr/anwesha-registrations/HEAD/Anwesha-white.png -------------------------------------------------------------------------------- /aaina logo white-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jaidevxr/anwesha-registrations/HEAD/aaina logo white-2.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Anwesha Zonal Registration 2 | 3 | This repository contains the code for the Anwesha Zonal Registration system, developed for the Anwesha event at IIT Patna. The system allows participants to register for various events, providing their details and queries, which are then stored in a Google Sheet using Google Apps Script. 4 | 5 | ## Features 6 | 7 | - **User Registration**: Participants can register by filling out a form with their personal details. 8 | - **Event Selection**: Users can select one or more events they wish to participate in. 9 | - **Query Submission**: Participants can submit any queries they have regarding the event. 10 | - **Data Storage**: All registration data is automatically saved to a Google Sheet using Google Apps Script. 11 | - **Responsive Design**: The registration form is designed to be user-friendly and accessible on various devices. 12 | 13 | ## Technology Stack 14 | 15 | - **Frontend**: HTML, CSS, JavaScript 16 | - **Backend**: Google Apps Script for handling form submissions and storing data in Google Sheets 17 | -------------------------------------------------------------------------------- /success.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Registration Successful - Anwesha Zonals 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 |
15 | 16 |
17 |
18 |

Registration Successful!

19 |

Congratulations Your registration for the Anwesha zonals at IIT Patna has been completed.

20 |

Please join our WhatsApp group for more information and updates:

21 | 22 | Join WhatsApp Group 23 | 24 |
25 |
26 | 27 | 30 | 31 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | document.getElementById('registration-form').addEventListener('submit', function(e) { 2 | e.preventDefault(); 3 | 4 | var formData = { 5 | name: document.getElementById('name').value, 6 | email: document.getElementById('email').value, 7 | phone: document.getElementById('phone').value, 8 | college: document.getElementById('college').value, 9 | events: Array.from(document.querySelectorAll('input[name="events"]:checked')).map(function(checkbox) { 10 | return checkbox.value; 11 | }), 12 | query: document.getElementById('query').value 13 | }; 14 | 15 | // Convert the data to a query string 16 | var formBody = Object.keys(formData).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(JSON.stringify(formData[key]))).join('&'); 17 | 18 | fetch('https://script.google.com/macros/s/AKfycbwslK5yFAbRjnJYDx0Wwgh-8hsdjaTvl7vJY9qCKasmzQFUQEMMIEXHXeCaVCV5I37E/exec', { 19 | method: 'POST', 20 | mode: 'no-cors', // This line is important for CORS 21 | headers: { 22 | 'Content-Type': 'application/x-www-form-urlencoded', 23 | }, 24 | body: formBody 25 | }) 26 | .then(function(response) { 27 | // Since we're using no-cors, we can't access the response body 28 | // So we'll just assume it's successful if we get here 29 | window.location.href = 'success.html'; 30 | }) 31 | .catch(function(error) { 32 | console.error('Error:', error); 33 | alert('Error submitting the form. Please try again later.'); 34 | }); 35 | }); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Anwesha Zonal Registration - IIT Patna 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 |
16 | 17 |
18 |
19 |

About the Event

20 |

Join us for the Anwesha zonals at IIT Patna!

21 |

Venue: Dr. Akhilesh Das Gupta Auditorium

22 |

Date: [Insert Date Here]

23 |

Time: [Insert Time Here]

24 |

Note: Don't forget to join our WhatsApp group for updates after submitting the form!

25 |
26 | 27 |
28 |

Registration Form

29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |
43 | Which event(s) would you like to participate in? * 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 |
58 | 59 | 60 | 61 | 62 | 63 |
64 |
65 |
66 | 67 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | font-family: Arial, sans-serif; 9 | color: #fff; 10 | background-image: url('thomsobg.webp'); 11 | background-size: cover; 12 | background-repeat: no-repeat; 13 | background-attachment: fixed; 14 | overflow-y: auto; 15 | display: flex; 16 | flex-direction: column; 17 | min-height: 100vh; 18 | } 19 | 20 | .logo-container { 21 | position: fixed; 22 | top: 10px; 23 | left: 10px; 24 | right: 10px; 25 | display: flex; 26 | justify-content: space-between; 27 | z-index: 1000; 28 | padding: 20px; 29 | } 30 | 31 | .aaina-logo, .anwesha-logo { 32 | width: 100px; 33 | } 34 | 35 | main { 36 | flex-grow: 1; 37 | display: flex; 38 | flex-direction: column; 39 | align-items: center; 40 | justify-content: center; 41 | padding: 80px 20px 20px; 42 | } 43 | 44 | section { 45 | background: rgba(255, 255, 255, 0.1); 46 | padding: 30px; 47 | border-radius: 10px; 48 | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 49 | max-width: 800px; 50 | width: 100%; 51 | margin: 20px auto; 52 | } 53 | 54 | h2 { 55 | margin-bottom: 20px; 56 | color: #fff; 57 | text-align: center; 58 | font-size: 1.8em; 59 | } 60 | 61 | #about p { 62 | margin-bottom: 15px; 63 | line-height: 1.6; 64 | } 65 | 66 | form { 67 | display: flex; 68 | flex-direction: column; 69 | } 70 | 71 | label { 72 | margin: 10px 0 5px; 73 | color: #fff; 74 | } 75 | 76 | input[type="text"], 77 | input[type="email"], 78 | input[type="tel"], 79 | textarea { 80 | width: 100%; 81 | padding: 10px; 82 | margin-bottom: 15px; 83 | border: 1px solid rgba(255, 255, 255, 0.3); 84 | border-radius: 5px; 85 | background-color: rgba(255, 255, 255, 0.1); 86 | color: #fff; 87 | } 88 | 89 | fieldset { 90 | border: none; 91 | margin-bottom: 15px; 92 | } 93 | 94 | legend { 95 | font-weight: bold; 96 | margin-bottom: 10px; 97 | color: #fff; 98 | } 99 | 100 | fieldset label { 101 | display: block; 102 | margin-bottom: 5px; 103 | } 104 | 105 | input[type="checkbox"] { 106 | margin-right: 5px; 107 | } 108 | 109 | button { 110 | background-color: #4CAF50; 111 | color: white; 112 | padding: 10px 15px; 113 | border: none; 114 | border-radius: 5px; 115 | cursor: pointer; 116 | align-self: center; 117 | font-size: 1.1em; 118 | } 119 | 120 | button:hover { 121 | background-color: #45a049; 122 | } 123 | 124 | #success { 125 | background: rgba(255, 255, 255, 0.1); 126 | padding: 30px; 127 | border-radius: 10px; 128 | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 129 | max-width: 800px; 130 | width: 100%; 131 | margin: 20px auto; 132 | text-align: center; 133 | } 134 | 135 | #success h2 { 136 | margin-bottom: 20px; 137 | color: #fff; 138 | font-size: 2em; 139 | } 140 | 141 | #success p { 142 | margin-bottom: 20px; 143 | line-height: 1.6; 144 | color: #fff; 145 | } 146 | 147 | .whatsapp-link { 148 | display: inline-block; 149 | background-color: #25D366; 150 | color: white; 151 | text-decoration: none; 152 | padding: 10px 20px; 153 | border-radius: 5px; 154 | transition: background-color 0.3s ease; 155 | } 156 | 157 | .whatsapp-link:hover { 158 | background-color: #1EA94F; 159 | } 160 | 161 | .whatsapp-link i { 162 | margin-right: 5px; 163 | } 164 | footer { 165 | text-align: center; 166 | } 167 | #about h2:nth-child(1) { 168 | font-size: 2.5em; 169 | font-weight: bold; 170 | margin-bottom: 10px; 171 | color: #fff; 172 | text-align: center; 173 | } 174 | @media (max-width: 768px) { 175 | body { 176 | background-position: center; 177 | } 178 | 179 | .logo-container { 180 | position: relative; 181 | display: flex; 182 | justify-content: space-between; 183 | z-index: 1000; 184 | padding: 10px; 185 | } 186 | 187 | .aaina-logo, .anwesha-logo { 188 | width: 100px; 189 | margin: 0 10px; 190 | } 191 | 192 | main { 193 | padding-top: 80px; 194 | } 195 | 196 | footer { 197 | text-align: center; 198 | } 199 | 200 | footer p { 201 | padding: 10px; 202 | } 203 | } --------------------------------------------------------------------------------