-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (87 loc) · 7.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="JzbjUJbZA2aSP2oo8j-H6bqjykcjevCpBsBIvUxzkE8" />
<script src="https://code.iconify.design/2/2.1.1/iconify.min.js"></script>
<meta charset="utf-8">
<meta name="googlebot" content="noimageindex">
<meta name="description" content="Robotics & Artificial Intelligence is a multi-disciplinary field in which we learn how to combine the knowledge of AI and Robotics to develop an Intelligent Machine." />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="styles.css" rel="stylesheet">
<script src="script.js"></script>
<title>RAI Ymca: Welcome 🥂</title>
</head>
<body class="w3-cursive w3-theme-l3">
<div class="w3-sidebar w3-bar-block grad w3-collapse w3-card w3-xlarge" style="width:350px;" id="mySidebar">
<script>
const isMobile = window.matchMedia("only screen and (max-width: 994px)").matches;
if (!isMobile) {
document.getElementById("mySidebar").style.background = "transparent";
}
</script>
<header class="w3-padding-small w3-bar-item w3-margin w3-cursive border" style="width: 90%;">
<h1 class="w3-center w3-cursive"><b><img src="ico.png" style ="max-width: 30%; width: 90%;" alt="RAI"> Ymca!</b></h1>
<h2 class="w3-cursive w3-xlarge w3-center">Welcomes 🥂 You!</h2>
</header>
<main class = "sem">
<button class="w3-bar-item w3-button w3-margin w3-hover-blue w3-hide-large border" style="width:90%;" onclick="w3_close()">Close ×</button>
<a href="#" class="cur w3-bar-item w3-button w3-margin w3-hover-blue border" style="width:90%;">Home</a>
<a href="syllabus.html" class="w3-bar-item w3-button w3-margin w3-hover-blue border" style="width:90%;">Syllabus</a>
<a href="resources.html" class="w3-bar-item w3-button w3-margin w3-hover-blue border" style="width:90%;">Resources</a>
<a href="about.html" class="w3-bar-item w3-button w3-margin w3-hover-blue border" style="width:90%;">About Us</a>
<button onclick="alert ('Not Ready Yet!\r\nComing Soon!')" class="w3-bar-item w3-button w3-hover-blue border" style="width:90%; margin: 8px 16px 32px 16px;">FAQs</button>
</main> <!-- <hr style="border-bottom: 5px solid white; border-radius: 30px;" class="w3-margin"> -->
<footer class="w3-bar-item w3-padding-small w3-margin border" style="width: 90%;">
<h2 class="w3-cursive w3-center" style="font-size: large; font-weight: bold;">
Want to connect with us and recieve future updates?<br>Join our Community on <a href="https://discord.gg/ZpF6DPTvWA" target="_blank" class = "w3-hover-blue w3-round">Discord</a>
</h2><hr>
<h3 style="text-decoration: underline; font-size: medium; text-align: center;"><a href="https://github.com/rai-ymca21/rai-ymca21.github.io.git" target="_blank" class = "w3-hover-blue w3-round">An Open Source Nonprofit Project</a></h3>
</footer>
</div>
<div class="w3-main" style="margin-left:350px">
<div class= "w3-padding-small">
<header class="w3-margin">
<button class="w3-button w3-xlarge w3-hover-blue border" onclick="w3_open()">☰</button>
<button class="w3-button w3-xlarge w3-hover-blue border" onclick="window.location.href ='#';">
<span class="cur w3-right-align iconify" data-icon="ant-design:home-filled"></span>
</button>
</header>
<header class="w3-display-topright w3-padding-small w3-margin">
<button class="w3-button w3-xlarge w3-hover-blue border" onclick="window.open('https://forms.gle/hXifWt3TThzQuyGV9', '_blank');">
<span class="iconify" data-icon="fluent:person-feedback-20-filled"></span>
</button>
<button class="w3-button w3-xlarge w3-hover-blue border" onclick="redirect()">
<span class="iconify" data-icon="fluent:mail-add-20-filled"></span>
</button>
<button class="w3-button w3-xlarge w3-hover-blue border" onclick="window.open('https://discord.gg/ZpF6DPTvWA', '_blank');">
<span class="iconify" data-icon="fa-brands:discord"></span>
</button>
</header>
<div class="w3-container">
<h1 style = "font-weight: bold; text-shadow: 0 0 30px #8dcaed;" class="w3-padding-small w3-center w3-margin w3-cursive">Robotics & Artificial Intelligence: YMCA</h1>
</div>
</div>
<div class="w3-panel w3-padding-large w3-margin block w3-border-blue">
<h2 class="w3-cursive w3-xlarge">Welcome 🥂</h2>
<hr>
<p class="w3-large">Robotics & Artificial Intelligence is a multi-disciplinary field in which we learn how to combine the knowledge of AI and Robotics to develop an Intelligent Machine. The term "Intelligent machine" means a machine that works like daily life machines but also carries the capabilities of automating its tasks based on the preference of its user and past experiences. It doesn't need constant guidance as it learns from its past experiences or; we can say that it is programmed to do tasks on its own and learn. That's where the role of AI comes.</p>
<hr>
<p class="w3-large">
<span onclick="myFunction(this.id, '1s')" id="bs1" class="w3-hover-blue btn"> ∨ </span> If we observe the machines around us, we will find many machines that can be intelligent. For the sake of our discussion, we will be taking the example of vacuum cleaner here...
<span id = "1s" style="display: none;"><br>
What's the difference b/w a manual vacuum cleaner and an AI-driven vacuum cleaner?
In the case of a manual vacuum cleaner, we have to move around the whole house holding it to clean the house. But an AI-driven vacuum cleaner will clean the house on a single command.<br>
That's the difference.<br> We had programmed the AI-driven vacuum cleaner to avoid obstacles using machine learning, data from proximity sensors & cameras, and many more functionalities.
Also, while developing an AI-driven vacuum cleaner, we will need many electronic parts. Thus, increasing the price.<br>
So, what are we doing there? We removed the need for manual assistance in the task of cleaning. By developing an AI-driven vacuum cleaner, we are helping those people who don't have the time or the capability to move a manual vacuum cleaner around the house.<br>
But if we look at the other side of the same mb coin, we can say that we have removed the need for labor by automating the tasks. Or we can say that we are depriving the people of their job who earn thorough cleaning, therefore increasing the unemployment. That seems to be a tradeoff. <br>
Every time we want to improve the functionality of something, there will be a tradeoff.<br>
So, that's what we will be exploring in our journey of the B.Tech in Robotics and Artificial Intelligence. Conclusively, I can say that we will learn to solve real-life problems of our society by developing Intelligent machines.
</span>
</p><hr>
<h2 class="w3-cursive w3-xlarge sem">Want to know more about A.I., watch "<a href="https://youtu.be/5IvQ3fYKnfM" target="_blank" class = "w3-hover-blue w3-round no-new">The Age of A.I.</a>" on Youtube</h2>
</div>
</div>
</body>
</html>