|
| 1 | +<!DOCTYPE html> |
| 2 | +<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 3 | + |
| 4 | + <meta name="description" content="Student run hackathon in Indore, India"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | + |
| 7 | + |
| 8 | + <meta property="og:type" content="website"> |
| 9 | + <meta property="og:title" content="Hackathon"> |
| 10 | + <meta property="og:url" content="https://codeIndore.github.io"> |
| 11 | + <meta property="og:description" content="Student run hackathon in Indore, India"> |
| 12 | + |
| 13 | + |
| 14 | + <meta name="twitter:card" content="summary"> |
| 15 | + <meta name="twitter:site" content="@CodeIndore"> |
| 16 | + <meta name="twitter:title" content="CodeIndore"> |
| 17 | + <meta name="twitter:description" content="Student hackathon in Indore, India"> |
| 18 | + |
| 19 | + <title>Hackvento</title> |
| 20 | + |
| 21 | + <style>/* Font */ |
| 22 | +@font-face { |
| 23 | + font-family: "Montserrat"; |
| 24 | +} |
| 25 | + |
| 26 | +/* Basic elements */ |
| 27 | +body { |
| 28 | + background: #f0f0f0; |
| 29 | + text-align: center; |
| 30 | + font-family: Cantarell, Courier, monospace; |
| 31 | + font-size: 1.4em; |
| 32 | + margin: 0; |
| 33 | +} |
| 34 | + |
| 35 | +header, |
| 36 | +section { |
| 37 | + width: 100%; |
| 38 | + overflow: hidden; |
| 39 | +} |
| 40 | + |
| 41 | +section { |
| 42 | + padding: 1.5em 0; |
| 43 | +} |
| 44 | + |
| 45 | +header > *, |
| 46 | +section > * { |
| 47 | + padding: 0 2vw; |
| 48 | +} |
| 49 | + |
| 50 | +.items-container { |
| 51 | + display: flex; |
| 52 | + flex-wrap: wrap; |
| 53 | + justify-content: space-around; |
| 54 | + margin: 1em 0; |
| 55 | +} |
| 56 | + |
| 57 | +.item-large { |
| 58 | + flex-grow: 1; |
| 59 | + flex-basis: 26%; |
| 60 | + padding: 0 3.65%; |
| 61 | + min-width: 12em; |
| 62 | +} |
| 63 | + |
| 64 | +.item-small { |
| 65 | + flex-grow: 0; |
| 66 | + flex-basis: 17%; |
| 67 | + padding: 0 1.5%; |
| 68 | +} |
| 69 | + |
| 70 | +h1 { |
| 71 | + font-size: 3.5em !important; |
| 72 | +} |
| 73 | + |
| 74 | +h2 { |
| 75 | + font-weight: bold !important; |
| 76 | + font-size: 1.5em !important; |
| 77 | + margin-bottom: 0 !important; |
| 78 | + font-weight: bold !important; |
| 79 | +} |
| 80 | + |
| 81 | +/* Colors */ |
| 82 | +.tone-dark { |
| 83 | + background: #214cce; |
| 84 | + color: #fff; |
| 85 | +} |
| 86 | + |
| 87 | +.tone-dark a { |
| 88 | + color: #ddd; |
| 89 | +} |
| 90 | + |
| 91 | +.tone-dark a:active, |
| 92 | +.tone-dark a:focus, |
| 93 | +.tone-dark a:hover { |
| 94 | + color: #fff; |
| 95 | +} |
| 96 | + |
| 97 | + |
| 98 | +/* Header */ |
| 99 | +header { |
| 100 | + /* Fake a dark overlay with a gradient. Black is black... I want my sanity back... */ |
| 101 | + background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('res/hackathon/background.jpg') !important; |
| 102 | + background-size: cover !important; |
| 103 | + background-position: center !important; |
| 104 | + min-height: 100vh !important; |
| 105 | +} |
| 106 | + |
| 107 | +header p { |
| 108 | + font-size: calc(0.5em + 1.5vw); |
| 109 | + margin: 5vh 0 0 0; |
| 110 | +} |
| 111 | + |
| 112 | +header img { |
| 113 | + max-width: 100%; |
| 114 | + margin: 6em auto 0 auto; |
| 115 | +} |
| 116 | + |
| 117 | + |
| 118 | +/* Action link */ |
| 119 | +.link-action { |
| 120 | + background: #214cce; |
| 121 | + color: #fff; |
| 122 | + padding: 0.1em 0.3em; |
| 123 | + text-decoration: none; |
| 124 | +} |
| 125 | + |
| 126 | +.link-action:hover { |
| 127 | + background: #1d44b8; |
| 128 | +} |
| 129 | + |
| 130 | +.link-action:active { |
| 131 | + background: #1d44b8; |
| 132 | +} |
| 133 | + |
| 134 | +/* Staff */ |
| 135 | +.staff-container { |
| 136 | + display: inline-block; |
| 137 | + margin: 0 0 2em 0; |
| 138 | +} |
| 139 | + |
| 140 | +.staff-link .staff-info { |
| 141 | + opacity: 0.7; |
| 142 | +} |
| 143 | + |
| 144 | +.staff-link:active .staff-info, |
| 145 | +.staff-link:hover .staff-info { |
| 146 | + opacity: 1; |
| 147 | +} |
| 148 | + |
| 149 | +.staff-image { |
| 150 | + border-radius: 50%; |
| 151 | +} |
| 152 | + |
| 153 | +.staff-info { |
| 154 | + background-color: rgba(0, 0, 0, 0.2); |
| 155 | + margin-top: -0.3em; |
| 156 | + padding: 0.3em 0; |
| 157 | +} |
| 158 | + |
| 159 | +.staff-first { |
| 160 | + font-weight: 600; |
| 161 | +} |
| 162 | + |
| 163 | +.staff-last { |
| 164 | + opacity: 0.7; |
| 165 | +} |
| 166 | +</style> |
| 167 | +<link href="https://fonts.googleapis.com/css?family=Cantarell" rel="stylesheet"> |
| 168 | + <link rel="stylesheet" href="css/bulma.css"> |
| 169 | + <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script> |
| 170 | + <link rel="stylesheet" href="css/main.css"> |
| 171 | + <!-- Add Favicons --> |
| 172 | + <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png"> |
| 173 | + <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png"> |
| 174 | + <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png"> |
| 175 | + <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png"> |
| 176 | + <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png"> |
| 177 | + <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png"> |
| 178 | + <link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png"> |
| 179 | + <link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png"> |
| 180 | + <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png"> |
| 181 | + <link rel="icon" type="image/png" sizes="192x192" href="favicons/android-icon-192x192.png"> |
| 182 | + <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png"> |
| 183 | + <link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png"> |
| 184 | + <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png"> |
| 185 | + <link rel="manifest" href="favicons/manifest.json"> |
| 186 | + <meta name="msapplication-TileColor" content="#ffffff"> |
| 187 | + <meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png"> |
| 188 | + <meta name="theme-color" content="#ffffff"> |
| 189 | +</head> |
| 190 | +<body> |
| 191 | + <header class="tone-dark"> |
| 192 | + <div style="padding-top: 3vh;"> |
| 193 | + <h1 class="title has-text-left" style="font-size:3vh !important;"> |
| 194 | + <a href="https://codeIndore.github.io"><span class="has-background-dark has-text-white">code</span><span class="has-background-white has-text-dark">Indore( )</span></a> |
| 195 | + </h1> |
| 196 | + <p> |
| 197 | + September 23 |
| 198 | + <br> |
| 199 | + IET, DAVV |
| 200 | + <br> |
| 201 | + Indore, India |
| 202 | + </p> |
| 203 | + |
| 204 | + <br> |
| 205 | + <br> |
| 206 | + <br> |
| 207 | + |
| 208 | + <p> |
| 209 | + <a href="https://goo.gl/forms/7JgF38VrX0NyaNj82" class="link-action">Register Here</a> |
| 210 | + </p> |
| 211 | + |
| 212 | + <br> |
| 213 | + <br> |
| 214 | + <br> |
| 215 | + <p> |
| 216 | + Follow us on <a href="https://twitter.com/CodeIndore" target="_blank" rel="noreferrer">Twitter</a> |
| 217 | + and keep checking this page for updates! |
| 218 | + </p> |
| 219 | + </div> |
| 220 | + </header> |
| 221 | + <section class="tone-dark"> |
| 222 | + <div> |
| 223 | + <p>codeIndore( ) is a student technical community for the students in Indore</p> |
| 224 | + |
| 225 | +<p>This hackathon is part of Invento, the annual tech fest of IET, DAVV</p> |
| 226 | + |
| 227 | +<p>Come and join over 100 like-minded students during a day to make something amazing!</p> |
| 228 | + |
| 229 | +<p>Please keep in mind our <a href="/coc.html">code of conduct</a>.</p> |
| 230 | + |
| 231 | + </div> |
| 232 | + </section> |
| 233 | + <section> |
| 234 | + <h1>F.A.Q.</h1><br> |
| 235 | + <div class="items-container"> |
| 236 | + |
| 237 | + <div class="item-large"> |
| 238 | + <h2 id="">Can I participate?</h2><br> |
| 239 | + <p></p><p>You must be <strong>at least 18 years old</strong> and <strong>a student</strong>,<br></p> |
| 240 | +<p></p> |
| 241 | +</div><br> |
| 242 | + |
| 243 | + <div class="item-large"> |
| 244 | + <h2 id="">How much does it cost?</h2><br> |
| 245 | + <p></p><p>The cost for attendance is<strong> Rs.100 per participant</strong>.<br> |
| 246 | +We will provide you with <strong>meals</strong>, swag, Wi-Fi and a workspace. |
| 247 | +<strong>Participation fee is waived for women participants</strong></p> |
| 248 | +<p></p> |
| 249 | +</div><br> |
| 250 | + |
| 251 | + <div class="item-large"> |
| 252 | + <h2 id="">What should I bring?</h2><br> |
| 253 | + <p></p><p>Your laptop, phone, and chargers. You may bring a small pillow or blanket. Please check with us before bringing anything else<br> |
| 254 | +Please bring <strong>a valid ID</strong> for admission.</p> |
| 255 | +<p></p> |
| 256 | +</div><br> |
| 257 | + |
| 258 | + <div class="item-large"> |
| 259 | + <br> <h2 id="">Where is it?</h2><br> |
| 260 | + <p></p><p>The event will be held in the M-Block of IET, Davv.</p> |
| 261 | +<p></p> |
| 262 | +</div><br> |
| 263 | + |
| 264 | + <div class="item-large"> |
| 265 | + <br> <h2 id="ip">What about intellectual property?</h2><br> |
| 266 | + <p></p><p>We do not claim any rights on any of your intellectual property whatsoever.<br> |
| 267 | +Everything you create, at our hackathon or not, belongs to you. We do however encourage that you release the source code under an open-source license</p> |
| 268 | +<p></p> |
| 269 | +</div><br> |
| 270 | + |
| 271 | + <div class="item-large"> |
| 272 | + <br> <h2 id="">I have another question...</h2><br> |
| 273 | + <p></p><p>Tweet to us <a href="https://twitter.com/CodeIndore">@CodeIndore</a>,<br> |
| 274 | +or <a href="mailto:adeen@adeen.me">email us</a> !</p> |
| 275 | +<p></p> |
| 276 | +</div><br> |
| 277 | + |
| 278 | + </div> |
| 279 | + </section> |
| 280 | + <section class="section-sponsors"> |
| 281 | + <h1>Sponsors</h1> |
| 282 | + |
| 283 | + <div class="items-container" style="background: rgba(212,175,55,0.12)"> |
| 284 | + |
| 285 | + |
| 286 | + </div> |
| 287 | + |
| 288 | + |
| 289 | + |
| 290 | + |
| 291 | + |
| 292 | + <div class="items-container" style="background: rgba(192,192,192,0.18)"> |
| 293 | + |
| 294 | + |
| 295 | + |
| 296 | + |
| 297 | + <div class="items-container" style="background: rgba(0,0,0,0)"> |
| 298 | + |
| 299 | + |
| 300 | + |
| 301 | + </div> |
| 302 | + |
| 303 | + |
| 304 | + |
| 305 | + |
| 306 | + </section> |
| 307 | + <section class="tone-dark"> |
| 308 | + <h1>Our Team</h1> |
| 309 | + <div class="items-container"> |
| 310 | + <!-- |
| 311 | + <div class="item-small"> |
| 312 | + <a class="staff-link" href="https://linkedin.com/in/adeen-s" target="_blank" rel="noreferrer"> |
| 313 | + <div class="staff-container"> |
| 314 | + <img class="staff-image" src="res/hackathon/adeen.jpg" alt="Picture of Adeen Shukla"> |
| 315 | + <div class="staff-info"> |
| 316 | + <span class="staff-first">Adeen</span> |
| 317 | + <br> |
| 318 | + <span class="staff-last">Shukla</span> |
| 319 | + </div> |
| 320 | + </div> |
| 321 | + </a> |
| 322 | + </div> |
| 323 | + --> |
| 324 | + <p class="has-text-centered">Details of our organizing team will be updated soon here</p> |
| 325 | + </div> |
| 326 | + |
| 327 | + </section> |
| 328 | + |
| 329 | + <div class="push"></div> |
| 330 | + |
| 331 | + <footer class="footer"> |
| 332 | + <div class="content has-text-centered"> |
| 333 | + <p> |
| 334 | + <strong>codeIndore( )</strong> <br> The source code is released under |
| 335 | + <a target="_blank" href="https://github.com/codeIndore/codeIndore.github.io/blob/master/LICENSE">the MIT license</a>. |
| 336 | + </p> |
| 337 | + </div> |
| 338 | + </footer> |
| 339 | + |
| 340 | + |
| 341 | +</body></html> |
0 commit comments