Skip to content

Commit

Permalink
Merge pull request #37 from IIIT-ECell/2022
Browse files Browse the repository at this point in the history 
Added Problem Statements Page
  • Loading branch information
@AkshitGureja
AkshitGureja authored Oct 22, 2022
2 parents 4689c26 + b78af34 commit adc7955
Show file tree
Hide file tree
Showing 5 changed files with 280 additions and 0 deletions.
3 changes: 3 additions & 0 deletions _layouts/home2022.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,9 @@
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/problem_statements">Problem Statements</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="https://www.meraevents.com/event/megathon-2022">Register</a>
</li>
Expand Down
158 changes: 158 additions & 0 deletions _layouts/problems.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Megathon 2022</title>
<link rel="stylesheet" href="{{site.baseurl}}/css/problems.css">
<link rel="stylesheet" href="{{site.baseurl}}/css/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-154644271-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'UA-154644271-1');
</script>
<script src="https://code.jquery.com/jquery-2.2.4.js"
integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;600;700&display=swap"
rel="stylesheet">
</head>

<body>
<h1>PROBLEM STATEMENTS</h1>

<div class="problem_container">
<img src="{{site.baseurl}}/img/sponsors/stellantis.png" style="width: 50%;" alt="Problem Statement 1">
<h3>PROBLEM 1</h3>
<h2>ENHANCE THE TRAVEL EXPERIENCE FOR PASSENGERS</h2>
<ul>
<li>AI-based trip enhancement - creating a movie and sharing for a trip inside vehicle</li>
<li>Alexa skills linked AI bot / avatar for visual interaction</li>
<li>NLP processing for Indian languages</li>
</ul>
</div>

<div class="problem_container">
<img src="{{site.baseurl}}/img/sponsors/stellantis.png" style="width: 50%;" alt="Problem Statement 2">
<h3>PROBLEM 2</h3>
<h2>IMPROVE THE CAR</h2>
<ul>
<li>Image detection using AI algorithms</li>
<li>Implementing MQTT protocol or secure cloud comm protocol</li>
</ul>
</div>

<div class="problem_container">
<img src="{{site.baseurl}}/img/sponsors/Qualcomm_Logo.png" alt="Problem Statement 3">
<h2>ACCENT DETECTION</h2>
<p>Given an audio clip of a person speaking in English, you are required to identify the native language of the
speaker based on their accent when they are speaking in English.</p>
</div>

<div class="problem_container">
<img src="{{site.baseurl}}/img/raj-reddy-center.png" alt="Problem Statement 4">
<h2>SOCIAL PROBLEM</h2>
<p>Mobile technologies to enhance rural health care</p>
</div>

<p class="footer-note">Find more information on the problem statements on the Megathon '22 <a
href="https://discord.gg/Ya49YWhqEg">Discord server</a>.</p>

<div class="footer-outer">
<div class="footer" id="contact">
<div class="row footer-row">
<div class="col-12">
<a href="#" class="footer-title"><img src="{{site.baseurl}}/assets/megathon_logo.png"
class="footer-logo-img"></a>
</div>
</div>
<div class="footer-social-links-container">
<div class="footer-social-links">
<div class="contactIcon">
<a href="mailto:[email protected]" target="_blank" style="color: white">
<svg height="36" width="36" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 485 485"
style="enable-background:new 0 0 485 485;" xml:space="preserve">
<path
d="M413.974,71.026C368.171,25.225,307.274,0,242.5,0S116.829,25.225,71.026,71.026C25.225,116.829,0,177.726,0,242.5
s25.225,125.671,71.026,171.474C116.829,459.775,177.726,485,242.5,485c32.731,0,64.491-6.414,94.397-19.063l-11.688-27.63
C299.022,449.384,271.194,455,242.5,455C125.327,455,30,359.673,30,242.5S125.327,30,242.5,30S455,125.327,455,242.5
c0,51.323-31.534,74.699-60.834,74.699c-29.299,0-60.833-23.375-60.833-74.699c0-50.086-40.747-90.833-90.833-90.833
s-90.833,40.748-90.833,90.833s40.747,90.833,90.833,90.833c29.655,0,56.034-14.286,72.622-36.335
c4.248,8.577,9.594,16.336,16.04,23.113c16.613,17.468,38.988,27.087,63.004,27.087c24.017,0,46.392-9.62,63.005-27.087
C475.377,300.97,485,274.132,485,242.5C485,177.726,459.775,116.829,413.974,71.026z M242.5,303.333
c-33.543,0-60.833-27.29-60.833-60.833s27.29-60.833,60.833-60.833s60.833,27.29,60.833,60.833S276.043,303.333,242.5,303.333z" />
</svg>
</a>
</div>
<div class="contactIcon">
<a href="https://www.facebook.com/ecell.iiithyd/" target="_blank" style="color: white"><svg
stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512"
class="SocialsBar_socialsBarIcons__vZ8yX" height="36" width="36"
xmlns="http://www.w3.org/2000/svg">
<path
d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z">
</path>
</svg></a>
</div>
<div class="contactIcon">
<a href="https://www.linkedin.com/company/ecell-iiith/" target="_blank" style="color: white">
<svg width="36" height="36" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455 455"
style="enable-background:new 0 0 455 455;" xml:space="preserve">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;"
d="M246.4,204.35v-0.665c-0.136,0.223-0.324,0.446-0.442,0.665H246.4z" />
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M0,0v455h455V0H0z M141.522,378.002H74.016V174.906h67.506V378.002z
M107.769,147.186h-0.446C84.678,147.186,70,131.585,70,112.085c0-19.928,15.107-35.087,38.211-35.087
c23.109,0,37.31,15.159,37.752,35.087C145.963,131.585,131.32,147.186,107.769,147.186z M385,378.002h-67.524V269.345
c0-27.291-9.756-45.92-34.195-45.92c-18.664,0-29.755,12.543-34.641,24.693c-1.776,4.34-2.24,10.373-2.24,16.459v113.426h-67.537
c0,0,0.905-184.043,0-203.096H246.4v28.779c8.973-13.807,24.986-33.547,60.856-33.547c44.437,0,77.744,29.02,77.744,91.398V378.002
z" />
</svg>
</a>
</div>
<div class="contactIcon">
<a href="https://www.instagram.com/ecell_iiith/" target="_blank" style="color: white"><svg
stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512"
class="SocialsBar_socialsBarIcons__vZ8yX" height="36" width="36"
xmlns="http://www.w3.org/2000/svg">
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
</path>
</svg></a>
</div>

<div class="contactIcon">
<a href="https://twitter.com/ecell_iiithyd" target="_blank" style="color: white"><svg
width="36px" height="36px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path
d="M31.937 6.093c-1.177 0.516-2.437 0.871-3.765 1.032 1.355-0.813 2.391-2.099 2.885-3.631-1.271 0.74-2.677 1.276-4.172 1.579-1.192-1.276-2.896-2.079-4.787-2.079-3.625 0-6.563 2.937-6.563 6.557 0 0.521 0.063 1.021 0.172 1.495-5.453-0.255-10.287-2.875-13.52-6.833-0.568 0.964-0.891 2.084-0.891 3.303 0 2.281 1.161 4.281 2.916 5.457-1.073-0.031-2.083-0.328-2.968-0.817v0.079c0 3.181 2.26 5.833 5.26 6.437-0.547 0.145-1.131 0.229-1.724 0.229-0.421 0-0.823-0.041-1.224-0.115 0.844 2.604 3.26 4.5 6.14 4.557-2.239 1.755-5.077 2.801-8.135 2.801-0.521 0-1.041-0.025-1.563-0.088 2.917 1.86 6.36 2.948 10.079 2.948 12.067 0 18.661-9.995 18.661-18.651 0-0.276 0-0.557-0.021-0.839 1.287-0.917 2.401-2.079 3.281-3.396z" />
</svg>
</a>
</div>

<div class="contactIcon">
<a href="https://ecell.iiit.ac.in" target="_blank" style="color: white"><svg width="36px"
height="36px" viewBox="-8 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z" />
</svg> </a>
</div>
</div>
</div>
</div>
</div>
<script src="{{site.baseurl}}/js/jquery-3.2.1.min.js"></script>
<script src="{{site.baseurl}}/js/owl.carousel.min.js"></script>
<script src="{{site.baseurl}}/js/index.js"></script>
</body>

</html>l
113 changes: 113 additions & 0 deletions css/problems.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
html {
scroll-behavior: smooth;
}

body {
color: white;
margin: 0;
padding: 0;
background-color: #07071C;
font-family: 'Josefin Sans', sans-serif;
}

h1 {
font-size: 6rem;
font-weight: 700;
width: 100%;
text-align: center;
margin-top: 10rem;
margin-bottom: 7.5rem;
}

.problem_container {
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
margin-top: 10rem;
padding-bottom: 5rem;
border-bottom: 0.1rem solid #fff;
}

h2 {
font-size: 3rem;
font-weight: 700;
width: 100%;
text-align: center;
}

h3 {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 10px;
width: 100%;
text-align: center;
}

ul {
font-size: 1.5rem;
font-weight: 300;
}

p {
font-size: 1.5rem;
font-weight: 300;
width: 100%;
text-align: center;
}

.footer-outer {
margin-top: 10rem;
}

img {
width: 40%;
height: auto;
margin-bottom: 5rem;
}

.footer-note {
margin: 0 auto;
margin-top: 5rem;
text-align: center;
width: 80%;
}

.footer-note a {
text-decoration: underline;
font-weight: bold;
transition: 0.3s;
}

.footer-note a:hover {
color: rgba(255, 255, 255, 0.753);
}

@media screen and (max-width: 768px) {
h1 {
font-size: 2.5rem;
margin-top: 5rem;
margin-bottom: 5rem;
}

h2 {
font-size: 2rem;
}

h3 {
font-size: 1.5rem;
}

ul {
font-size: 1.5rem;
}

p {
font-size: 1.5rem;
}

img {
width: 80% !important;
}
}
Binary file added img/raj-reddy-center.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.
6 changes: 6 additions & 0 deletions problem_statements.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults

layout: problems
---

0 comments on commit adc7955

Please sign in to comment.