-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmain.html
121 lines (112 loc) · 6.09 KB
/
main.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
---
permalink: /
---
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
<div class="jumbotron jumbotron-fluid" id="background_image">
<div class="container">
<div class="row">
<div class="col">
<img class="main-logo mx-auto d-block" src="images/NET Lab Logo@3x.png">
</div>
</div>
<div class="row">
<div class="col">
<p class="lead">{{ site.description }}</p>
</div>
</div>
<div class="row links">
<div class="col">
<a href="{{ " /papers" | prepend: site.baseurl }}">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<path d="M19,18H9A2,2 0 0,1 7,16V4A2,2 0 0,1 9,2H10V7L12,5.5L14,7V2H19A2,2 0 0,1 21,4V16A2,2 0 0,1 19,18M17,20V22H5A2,2 0 0,1 3,20V6H5V20H17Z" />
</svg>
</div>
<h4>Papers</h4>
<p></p>
</a>
</div>
<div class="col">
<a href="{{ " /people" | prepend: site.baseurl }}">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<path d="M1.5,4V5.5C1.5,9.65 3.71,13.28 7,15.3V20H22V18C22,15.34 16.67,14 14,14C14,14 13.83,14 13.75,14C9,14 5,10 5,5.5V4M14,4A4,4 0 0,0 10,8A4,4 0 0,0 14,12A4,4 0 0,0 18,8A4,4 0 0,0 14,4Z" />
</svg>
</div>
<h4>People</h4>
<p></p>
</a>
</div>
<div class="col">
<a href="{{ " /projects" | prepend: site.baseurl }}">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24">
<path d="M14,12H15.5V14.82L17.94,16.23L17.19,17.53L14,15.69V12M4,2H18A2,2 0 0,1 20,4V10.1C21.24,11.36 22,13.09 22,15A7,7 0 0,1 15,22C13.09,22 11.36,21.24 10.1,20H4A2,2 0 0,1 2,18V4A2,2 0 0,1 4,2M4,15V18H8.67C8.24,17.09 8,16.07 8,15H4M4,8H10V5H4V8M18,8V5H12V8H18M4,13H8.29C8.63,11.85 9.26,10.82 10.1,10H4V13M15,10.15A4.85,4.85 0 0,0 10.15,15C10.15,17.68 12.32,19.85 15,19.85A4.85,4.85 0 0,0 19.85,15C19.85,12.32 17.68,10.15 15,10.15Z" />
</svg>
</div>
<h4>Projects</h4>
<p></p>
</a>
</div>
<div class="col">
<a href="{{ " /mission" | prepend: site.baseurl }}">
<div class="icon">
<svg width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M17.8,20C17.4,21.2 16.3,22 15,22H5C3.3,22 2,20.7 2,19V18H5L14.2,18C14.6,19.2 15.7,20 17,20H17.8M19,2H8C6.3,2 5,3.3 5,5V16H16V17C16,17.6 16.4,18 17,18H18V5C18,4.4 18.4,4 19,4C19.6,4 20,4.4 20,5V6H22V5C22,3.3 20.7,2 19,2Z" />
</svg>
</div>
<h4>Mission</h4>
<p></p>
</a>
</div>
<div class="col">
<a href="{{ " /articles" | prepend: site.baseurl }}">
<div class="icon">
<svg width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M21,4H3A2,2 0 0,0 1,6V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V6A2,2 0 0,0 21,4M3,19V6H11V19H3M21,19H13V6H21V19M14,9.5H20V11H14V9.5M14,12H20V13.5H14V12M14,14.5H20V16H14V14.5Z" />
</svg>
</div>
<h4>Articles</h4>
<p></p>
</a>
</div>
</div>
<div class="row recent_articles">
<div class="col">
<h4>Recent Articles</h4>
{% assign sorted_articles = site.data.articles | sort: "date" | reverse %}
{% for article in sorted_articles limit:5 %}
<div class="row">
<a class="card-link" href="{{ article.link }}">
<div class="card mb-3">
<div class="row g-0">
<div class="col-md-4">
<img src="{{ article.image }}" class="img-fluid rounded-start">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">{{ article.title }}</h5>
<p class="card-text"><small class="text-muted">{{ article.author }} • {{
article.date | date: "%B %d, %Y" }} </small></p>
<p class="card-text">{{ article.lead_text }}</p>
</p>
</div>
</div>
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div id="the-net" class="navbar bottom justify-content-end"><a href="javascript:void(0)">π</a></div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
</body>
</html>