-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (171 loc) · 11.3 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
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI4CO</title>
<link rel="icon" type="image/svg" href="images/ai4co_icon.svg">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@100&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="navbar-brand">
<a href="/">
<!-- Place your logo here -->
<img src="images/ai4co_logo_white.png" alt="AI4CO Logo">
</a>
</div>
<div class="navbar-icon">Menu</div>
<div class="navbar-menu">
<a href="research.html">Research <svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a>
<a href="https://join.slack.com/t/rl4co/shared_invite/zt-1ytz2c1v4-0IkQ8NQH4TRXIX8PrRmDhQ">Community <svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a>
<a href="blog.html">Blog <svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a>
<a href="about.html">About <svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a>
</div>
</nav>
<script src="js/nav.js"></script>
<section class="hero">
<div class="hero-content">
<p>Open research group in Artificial Intelligence (AI) for Combinatorial Optimization (CO)</p>
<a href="https://github.com/ai4co" class="btn"><img src="images/github_logo.svg" alt="github_logo" width="14px" height="14px"> GitHub</a>
<a href="https://join.slack.com/t/rl4co/shared_invite/zt-1ytz2c1v4-0IkQ8NQH4TRXIX8PrRmDhQ" class="btn"><img src="images/slack_logo.svg" alt="slack_logo" width="14px" height="14px"> Join Slack</a>
<!-- Additional elements like the GitHub stars and pip install command can be added here -->
</div>
</section>
<section class="updates-section">
<div class="container">
<div class="updates-grid">
<div class="update-item">
<div class="update-content">
<h3>Innovating solutions and tools for complex CO challenges</h3>
<a class="update-link" href="research.html">Learn about our research</a><svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg>
</div>
</div>
<div class="update-item">
<div class="update-content">
<h3>Toward open, standardized, flexible models and tools for CO</h3>
<a class="update-link" href="#">Explor our blueprint (Preparing)</a>
</div>
</div>
<div class="update-item">
<div class="update-content">
<h3>Connect with peers to share insights on CO technologies</h3>
<a class="update-link" href="https://join.slack.com/t/rl4co/shared_invite/zt-1ytz2c1v4-0IkQ8NQH4TRXIX8PrRmDhQ">Join us with Slack</a><svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg>
</div>
</div>
</div>
</div>
</section>
<hr>
<section class="updates-section updates-section-title">
<h2>Latest updates</h2>
<div class="container">
<div class="updates-grid">
<!-- Update item -->
<div class="update-item">
<img src="images/neurips_news.jpg" alt="OpenAI Update">
<div class="update-content update-content-title">
<h3>RL4CO will be presented at the NeurIPS 2023 GLFrontiers Workshop as a Spotlight</h3>
<p id="update-date">Dec 12, 2023</p>
</div>
</div>
<div class="update-item">
<img src="images/rl4co_news.jpg" alt="OpenAI Update">
<div class="update-content update-content-title">
<h3>RL4CO v0.3.1 is now available!</h3>
<p id="update-date">Dec 08, 2023</p>
</div>
</div>
<div class="update-item">
<img src="images/slack_news.jpg" alt="OpenAI Update" >
<div class="update-content update-content-title">
<h3>Now AI4CO Slack is available! Join us for cooperation!</h3>
<p id="update-date">July 05, 2023</p>
</div>
</div>
<!-- Repeat for other update items -->
</div>
</div>
</section>
<hr>
<section class="updates-section updates-section-title">
<h2>Research</h2>
<div class="container">
<div class="updates-grid">
<!-- Update item -->
<div class="update-item">
<img src="images/rl4co_news.jpg" alt="OpenAI Update">
<div class="update-content update-content-title">
<h3>RL4CO v0.3.1 is now available!</h3>
<p id="update-date">Dec 08, 2023</p>
</div>
</div>
<div class="update-item">
<img src="images/rl4co_news.jpg" alt="OpenAI Update">
<div class="update-content update-content-title">
<h3>RL4CO v0.3.0 is now available!</h3>
<p id="update-date">Nov 10, 2023</p>
</div>
</div>
<div class="update-item">
<img src="images/rl4co_news.jpg" alt="OpenAI Update" >
<div class="update-content update-content-title">
<h3>RL4CO v0.2.3 is now available!</h3>
<p id="update-date">Sep 19, 2023</p>
</div>
</div>
<!-- Repeat for other update items -->
</div>
</div>
</section>
</body>
<footer class="site-footer">
<div class="container">
<div class="footer-logo">
<img src="images/ai4co_logo_white.png" alt="AI4CO Logo"/>
</div>
<div class="footer-columns">
<div class="footer-column">
<h4>Research</h4>
<ul>
<li>
<a href="research.html">RL4CO<svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a>
</li>
</ul>
</div>
<div class="footer-column">
<h4>Contribution</h4>
<ul>
<li><a href="https://github.com/ai4co">GitHub<svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a></li>
<li><a href="https://join.slack.com/t/rl4co/shared_invite/zt-1ytz2c1v4-0IkQ8NQH4TRXIX8PrRmDhQ">Slack<svg data-v-67d7128c="" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="a-icon--arrow-north-east400 a-icon--text a-icon--no-align top-[0.05em] relative f-ui-1 ml-2 -mr-4" data-new="" aria-hidden="true" style="width: 1em; height: 1em;"><polygon data-v-67d7128c="" fill="currentColor" points="5 4.31 5 5.69 9.33 5.69 2.51 12.51 3.49 13.49 10.31 6.67 10.31 11 11.69 11 11.69 4.31 5 4.31"></polygon></svg></a></li>
</ul>
</div>
<!-- <div class="footer-column">
<h4>About</h4>
<ul>
<li><a href="#">Target</a></li>
<li><a href="#">Developer</a></li>
<li><a href="#">Cooperators</a></li>
</ul>
</div> -->
</div>
</div>
<div class="container">
<div class="footer-bottom">
<div class="footer-info">
<p>AI4CO © 2023</p>
<!-- <ul class="legal-links">
<li><a href="#">Privacy policy</a></li>
<li><a href="#">License</a></li>
</ul> -->
</div>
<div class="footer-social">
<a href="https://github.com/ai4co">GitHub</a>
<a href="https://join.slack.com/t/rl4co/shared_invite/zt-1ytz2c1v4-0IkQ8NQH4TRXIX8PrRmDhQ">Slack</a>
</div>
</div>
</div>
</footer>
</html>