-
Notifications
You must be signed in to change notification settings - Fork 0
/
Articles.html
161 lines (155 loc) · 9.67 KB
/
Articles.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<title>Articles - Atlas Autoware</title>
<!-- Favicons -->
<link href="assets/img/monkeyfavicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
</head>
<body>
<div class="bg-base-200">
<div class="w-full navbar bg-black rounded-lg text-white mx-auto sticky top-0" style="max-width: 85%; z-index: 100000; padding-top: 10px;">
<div class="flex-none lg:hidden">
<label for="my-drawer-3" aria-label="open sidebar" class="btn btn-square btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block w-6 h-6 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
</label>
</div>
<a role="button" class="btn bg-black text-white hover:bg-slate-800 text-xl" style="border: none;" href="./index.html"><img src="./assets/img/monkeyfavicon.png" width="37" height="37">Atlas Autoware</a>
<div class="flex-1 hidden lg:block" style="text-align: right;">
<ul class="menu menu-horizontal">
<!-- Navbar menu content here -->
<li><a href="./sponsorship.html">Sponsorship</a></li>
<li><a href="./members.html">Members</a></li>
<li><a href="./Articles.html">Articles</a></li>
<li><a href="./about.html">About</a></li>
<li><form action="https://www.paypal.com/donate" method="post" target="_top">
<input type="hidden" name="hosted_button_id" value="88VLJ6TS6554Q" />
<input type="image" src="assets/img/donate-button-transparent-11.png" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" width="70px" height="20px"/>
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form></li>
<li><div>
<label class="swap swap-rotate">
<input type="checkbox" id="theme-toggle" />
<!-- Sun icon for light mode -->
<svg class="swap-on fill-current" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="currentColor" class="bi bi-brightness-high" viewBox="0 0 16 16">
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
</svg>
<!-- Moon icon for dark mode -->
<svg class="swap-off fill-current" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="currentColor" class="bi bi-moon" viewBox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278M4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
</svg>
</label>
</div></li>
<li></li>
</ul>
</div>
</div>
<div class="drawer" style="z-index: 100; ">
<input id="my-drawer-3" type="checkbox" class="drawer-toggle" />
<div class="drawer-content flex flex-col" style="position: sticky;">
<!-- Navbar -->
<div class="hero " >
<div class="hero-content text-center text-white">
<div class="max-w-xl">
<h1 class="text-5xl font-bold bg-red-600 rounded-lg" style="padding: 5px;"> Articles </h1>
</div>
</div>
</div>
</div>
<br>
<div class="drawer-side" style="z-index: 100000;">
<label for="my-drawer-3" aria-label="close sidebar" class="drawer-overlay"></label>
<ul class="menu p-4 w-80 min-h-full bg-base-200">
<!-- Sidebar content here -->
<li style="padding-bottom: 20px; padding-top: 20px;" class="bg-base-200"></li>
<li> <a></a></li>
<li><a href="./sponsorship.html">Sponsorship</a></li>
<li><a href="./members.html">Members</a></li>
<li><a href="./Articles.html">Articles</a></li>
<li><a href="./about.html">About</a></li>
<li><form action="https://www.paypal.com/donate" method="post" target="_top">
<input type="hidden" name="hosted_button_id" value="88VLJ6TS6554Q" />
<input type="image" src="assets/img/donate-button-transparent-11.png" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" width="70px" height="20px"/>
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form></li>
<li></li>
</ul>
</div>
</div>
<div class="2xl:hidden 2xl:container 2xl:mx-auto">
<br>
<br>
<br>
<br>
</div>
<div class="container mx-auto text-xl" style="max-width: 85%;">
<center>This page contains articles for any of the presentations we have created</center> <br>
</div>
<br>
<br>
<div class="container mx-auto" style="max-width: 85%;">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4">
<a href="./articles/First.html" class="article-card">
<div class="card bg-base-100 shadow-xl hover:shadow-2xl transition duration-300">
<figure><img src="./assets/img/article1.webp" alt="Article 1 Image" class="h-48 object-cover w-full" /></figure> <!---image added here--->
<div class="card-body">
<h2 class="card-title text-primary">Manipulation of AI in Self-Driving Vehicles</h2>
<p class="text-gray-600">Explore the potential risks and vulnerabilities associated with AI manipulation in autonomous driving systems.</p>
</div>
</div>
</a>
<a href="./articles/Second.html" class="article-card">
<div class="card bg-base-100 shadow-xl hover:shadow-2xl transition duration-300">
<figure><img src="./assets/img/article2.webp" alt="Article 2 Image" class="h-48 object-cover w-full" /></figure> <!---image added here--->
<div class="card-body">
<h2 class="card-title text-primary">How Lidar Lidars: An Introduction to LiDAR Technology</h2>
<p class="text-gray-600">Delve into the fascinating world of LiDAR technology and its applications in various fields, including autonomous driving.</p>
</div>
</div>
</a>
</div>
</div>
<br>
<h1 class="text-5xl font-bold text-center">Our Sponsors</h1>
<br>
<br>
<center><img src="./assets/img/beaverworks_logo.png" width="60%"></center>
<br>
<br>
<center><a href="mailto:[email protected]" class="btn bg-red-600 text-white">Become a Sponsor</a></center>
<br>
<br>
<footer class="footer p-4 bg-black text-neutral-content rounded-lg w-full text-white container mx-auto" style="max-width: 85%; z-index: 1000;">
<aside class="items-center grid-flow-col">
<img src="./assets/img/monkeyfavicon.png" width="30" height="30">
<p> © 2024 AtlasAutoware - A 501(c)(3) Non-Profit Organization. All rights reserved</p>
</aside>
<nav class="grid-flow-col gap-4 2xl:place-self-center justify-self-end hidden">
<a href="https://daisyui.com/"><img src="https://daisyui.com/images/daisyui-logo/daisyui-logomark.svg" width="25" height="25"></a>
<a href="https://github.com/Eshan-K-I"><img src="./assets/img/github-mark-white.png" width="20" height="20"></a>
</nav>
</footer>
</div>
</body>
<script>
document.addEventListener("DOMContentLoaded", function() {
const themeToggle = document.getElementById('theme-toggle');
let theme = localStorage.getItem('theme') ? localStorage.getItem('theme') : 'light';
applyTheme(theme);
themeToggle.addEventListener('change', function(e) {
theme = e.target.checked ? 'dark' : 'light';
localStorage.setItem('theme', theme);
applyTheme(theme);
});
function applyTheme(theme) {
document.documentElement.setAttribute('data-theme', theme);
themeToggle.checked = (theme === 'dark');
}
});
</script>
</html>