-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy patharticle.html
61 lines (47 loc) · 5.22 KB
/
article.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="screen.lnr.css">
<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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<style> @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); </style>
<!-- for design purposes, only load locally -->
<script src="./baseliner/baseliner.js"></script>
<script>
window.onload = function() {
baseliner = new Baseliner(8);
}
</script>
</head>
<body id="body" class="body">
<header>
<ul class="menu">
<li class="home"><a href="/">Learning <span>and</span> Reasoning</a></li>
<li class="current"><a href="#">about us</a></li>
<li><a href="#">research</a></li>
<li><a href="#">contact</a></li>
</ul>
</header>
<nav>
<ul class="submenu">
<li class="current"><a href="#">highlights</a></li>
<li><a href="#">people</a></li>
<li><a href="#">jobs</a></li>
</ul>
</nav>
<article>
<h1>The road to reasonable AI</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse interdum consectetur libero id faucibus nisl tincidunt eget nullam. Imperdiet nulla malesuada pellentesque elit eget gravida. Semper auctor neque vitae tempus quam. Arcu vitae elementum curabitur vitae nunc sed velit dignissim. Ut morbi tincidunt augue interdum velit euismod in pellentesque. Enim tortor at auctor urna nunc id cursus metus aliquam. Vestibulum lectus mauris ultrices eros in cursus turpis massa. Eget nunc lobortis mattis aliquam. Amet nisl purus in mollis nunc sed id.</p>
<p>Diam quam nulla porttitor massa id. Aenean vel elit scelerisque mauris pellentesque. Id interdum velit laoreet id donec ultrices. Mollis nunc sed id semper risus in hendrerit gravida rutrum. Semper viverra nam libero justo laoreet sit amet cursus sit. Cras tincidunt lobortis feugiat vivamus. Est lorem ipsum dolor sit amet consectetur adipiscing. Diam maecenas sed enim ut sem viverra aliquet eget sit. Ipsum a arcu cursus vitae congue. Volutpat odio facilisis mauris sit. Molestie a iaculis at erat pellentesque adipiscing commodo elit at. Tortor consequat id porta nibh venenatis cras sed.</p>
<figure class="wide">
<img src="rosenblatt.png">
<figcaption> Aenean vel elit scelerisque mauris pellentesque. Id interdum velit laoreet id donec ultrices.</figcaption>
</figure>
<p>Aliquet enim tortor at auctor urna nunc. Urna duis convallis convallis tellus id interdum velit laoreet id. Ut lectus arcu bibendum at varius vel pharetra. Ultrices tincidunt arcu non sodales neque sodales ut etiam. Parturient montes nascetur ridiculus mus mauris vitae. Id leo in vitae turpis. Proin libero nunc consequat interdum. Elementum pulvinar etiam non quam. Tincidunt lobortis feugiat vivamus at augue eget arcu. Aliquam vestibulum morbi blandit cursus risus at ultrices. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Sapien et ligula ullamcorper malesuada proin libero nunc. Porta lorem mollis aliquam ut porttitor leo.</p>
<p>Cursus mattis molestie a iaculis at erat pellentesque adipiscing commodo. Est sit amet facilisis magna etiam. Egestas maecenas pharetra convallis posuere morbi leo urna molestie. Eget lorem dolor sed viverra ipsum nunc aliquet. Cursus turpis massa tincidunt dui ut ornare. Senectus et netus et malesuada fames ac turpis egestas sed. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Pulvinar sapien et ligula ullamcorper malesuada. Maecenas volutpat blandit aliquam etiam. Sed felis eget velit aliquet. Vel eros donec ac odio. Tincidunt eget nullam non nisi est sit amet facilisis magna. At tellus at urna condimentum mattis. Natoque penatibus et magnis dis parturient montes nascetur ridiculus mus. Diam volutpat commodo sed egestas egestas. Est ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Euismod in pellentesque massa placerat duis ultricies.</p>
<p>Blandit aliquam etiam erat velit scelerisque. Arcu non sodales neque sodales ut etiam sit. Amet volutpat consequat mauris nunc. Purus faucibus ornare suspendisse sed nisi lacus sed. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Ultrices eros in cursus turpis massa tincidunt dui ut ornare. Amet mauris commodo quis imperdiet. Scelerisque purus semper eget duis at tellus at urna condimentum. Sapien faucibus et molestie ac. Ullamcorper malesuada proin libero nunc consequat interdum varius sit. Senectus et netus et malesuada fames ac turpis egestas. Amet tellus cras adipiscing enim. Tortor consequat id porta nibh venenatis cras sed. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. A diam sollicitudin tempor id eu nisl nunc. Malesuada fames ac turpis egestas integer eget.</p>
</article>
</body>
</html>