-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 2.46 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>AI 4 ALL</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<h1>Computer Science During Warfare</h1>
<!--Give a <b>lengthy</b> description about the effects of comp sci on warfare-->
<p>Over the years, computer science has played a bigger role in warfare, to the point where wars may be waged by automated machines, such as robots using artificial intelligence.</p>
<div style="position: relative; width: 100%; height: 0; padding-top: 133.3333%;
padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAEX9Ilhx3o/view?embed">
</iframe>
</div>
<div class="head">
<img class="headimg" src="https://docs.google.com/drawings/d/e/2PACX-1vT28jkPyG6BTp7pMdRhME7UUk4jYLjjUeBegOZGIbzWruKwglkNyREt2fq3gvHXucwryaTBmXaz0Bzy/pub?w=960&h=720" style="display:block;margin-left:auto">
<p class="headinfo">Artificial Intelligence can be used to equip automated machines with the humanoid abilities. For example, its eyes can be able to distinguish between civilian and soldier in order to protect the innocent.</p>
</div>
<div class="body">
<img class="bodyimg" src="https://docs.google.com/drawings/d/e/2PACX-1vQWVWTefMy-LsC2QfC-n-6ypjep4SUm9_-izssR_kFM0EYlp_9GtG0B-mAUMfgI0eVCOSHwQmSNrLlq/pub?w=864&h=720">
<p class="bodyinfo">Many sensors and various equipment can be attached to the body of automated machines to make them more efficient and able to protect citizens.</p>
</div>
<div class="leg">
<img class="legimg" src="https://docs.google.com/drawings/d/e/2PACX-1vQ3_3flgPjw8iHpWNXub7Qey4aac0FAe-Myu31unZ-D_GIxQfZ97Ngfup9NWpOPAzCM5_GniXBPQk44/pub?w=288&h=432">
<p class="leginfo">The legs of the automated machines can be designed to withstand harsh terrains from wars to transport injured people to nearby hospitals.</p>
</div>
<script src="script.js"></script>
</body>
</html>