You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.9 KiB
68 lines
2.9 KiB
<html lang='en'> |
|
<head> |
|
<meta charset='UTF-8'> |
|
<meta name='referrer' content='no-referrer'> |
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'> |
|
<meta name='google' content='notranslate'> |
|
<meta name='viewport' content='width=device-width, initial-scale=1'> |
|
<meta name='robots' content='noindex, nofollow'> |
|
<title>42l Stats</title> |
|
<style> |
|
html { background: #1e1e2f; } |
|
a { text-decoration: none; } |
|
h1,h2,div { text-align: center; color: white; font-family: Ubuntu, Lato, Calibri; } |
|
small { font-size: 14px; } |
|
.pad { margin: 1rem; } |
|
.outer-box { display: flex; flex-wrap: wrap; padding: 0.2rem; background: #0c0d1385; border-radius: 2px; } |
|
.large-box { background: #0c0d1385; border-radius: 2px; padding: 1rem; } |
|
.large-box .inner-box.jumbo { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 1rem;} |
|
.large-box div { padding: 1rem; margin: 1.8rem 1rem; } |
|
.center-items { justify-content: center; } |
|
div.button { border-radius: 4px; padding: 1rem; background: #27293d; box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2); } |
|
|
|
.button.all { border-top: #1f8ef1 4px solid; } |
|
.button.crawler { border-top: #fd5d93 4px solid; } |
|
.button.nocrawler { border-top: #00f2c3 4px solid; } |
|
|
|
.inner-box { background: #303042; border-radius: 4px; transition: all 0.3s; } |
|
.inner-box.link:hover { opacity: 0.7; } |
|
.inner-box.jumbo { padding: 1.8rem; margin: 0.75rem; font-size: 26px; } |
|
.year { margin: 0.5rem; padding: 0.75rem 1rem; } |
|
.year.year-active { background: #6b609f; } |
|
</style> |
|
</head> |
|
<body> |
|
<div class="pad"> |
|
<h1>42l Stats</h1> |
|
</div> |
|
<br /> |
|
<div class="pad outer-box"> |
|
<% for year in years{ %> |
|
<a href="<%= consts::BASE_URL %>/monthly/<%= year %>/"> |
|
<div class="inner-box link year year-active"><%= year %></div> |
|
</a> |
|
<% } %> |
|
</div> |
|
<br /> |
|
<div class="pad"> |
|
<h2>Monthly stats</h2> |
|
<div class="outer-box center-items"> |
|
<% for month in months { %> |
|
<a href="<%= consts::BASE_URL %>/monthly/<%= sel_year %>/<%= month %>/"> |
|
<div class="inner-box link jumbo"><%= month_format(month.parse::<usize>().unwrap()) %></div> |
|
</a> |
|
<% } %> |
|
</div> |
|
</div> |
|
<div class="pad"> |
|
<h2>Weekly stats</h2> |
|
<div class="outer-box center-items"> |
|
<% for week in weeks { %> |
|
<a href="<%= consts::BASE_URL %>/weekly/<%= sel_year %>/<%= week %>/"> |
|
<div class="inner-box link jumbo">Week <%= week %></div> |
|
</a> |
|
<% } %> |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|