-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
11 changed files
with
237 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -127,3 +127,5 @@ dmypy.json | |
|
||
# Pyre type checker | ||
.pyre/ | ||
|
||
.vscode |
120 changes: 120 additions & 0 deletions
120
src/mcloud_implementation/landing_page/index.html.template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,120 @@ | ||
<!doctype html> | ||
<html> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<title>Materials Cloud OPTIMADE server</title> | ||
<meta name="description" content=""> | ||
<meta name="viewport" content="width=device-width"> | ||
<link rel="shortcut icon" href="/static/images/favicon.png" type="image/png" /> | ||
|
||
<link rel="stylesheet" href="/static/css/mcloud_theme.min.css" type='text/css'> | ||
<link rel="stylesheet" href="/static/css/extra.css" type='text/css'> | ||
|
||
<script src="/static/js/jquery.min.js" type='text/javascript'></script> | ||
<script src="/static/js/bootstrap.min.js" type='text/javascript'></script> | ||
|
||
</head> | ||
|
||
<body> | ||
|
||
<!-- Add script Plausible and pass domain name ad rollup name as parameter --> | ||
<script type="text/javascript"> | ||
var header = document.getElementsByTagName("head")[0]; | ||
var plausible = document.createElement("script"); | ||
var domain_name = window.location.hostname; | ||
var rollup_name = "plausible-rollup.materialscloud.org"; | ||
|
||
plausible.async = ""; | ||
plausible.defer = ""; | ||
plausible.dataset["domain"] = domain_name + "," + rollup_name; | ||
plausible.src = "https://plausible.io/js/plausible.js"; | ||
header.appendChild(plausible); | ||
</script> | ||
<!-- end Plausible analytics --> | ||
|
||
<div class="extra-container"> | ||
<!-- Application header --> | ||
<div class="mcloud-header header" id="mcloudHeader"> | ||
<div class="navbar navbar-default navbar-static-top"> | ||
<div class="container-fluid"> | ||
<div class="navbar-header"> | ||
<button class="navbar-toggle" data-target=".header-collapse" data-toggle="collapse" | ||
type="button"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="https://www.materialscloud.org/home"> | ||
<img src="static/images/mcloud_logo.png"> | ||
</a> | ||
</div> | ||
|
||
<div class="collapse navbar-collapse header-collapse"> | ||
<ul class="nav navbar-nav"> | ||
<li><a href="https://www.materialscloud.org/learn">LEARN</a></li> | ||
<li><a href="https://www.materialscloud.org/work">WORK</a></li> | ||
<li><a href="https://www.materialscloud.org/discover">DISCOVER</a></li> | ||
<li><a href="https://www.materialscloud.org/explore">EXPLORE</a></li> | ||
<li><a href="https://www.materialscloud.org/archive">ARCHIVE</a></li> | ||
</ul> | ||
</div> | ||
</div> | ||
</div> | ||
</div> <!-- End of header --> | ||
|
||
|
||
<div class="mcloud-wrapper extra-expand-bottom"> | ||
|
||
<div class="mcloud-status-bar"> | ||
</div> | ||
<div class="mcloud-message-container"> | ||
</div> | ||
<!-- Application body --> | ||
<div class="mcloud-container"> | ||
<div class="mcloud-page-container"> | ||
<div class="extra-page-content"> | ||
<div class="extra-title-logos"> | ||
<h3>Materials Cloud Archive OPTIMADE server</h3> | ||
<div style="padding: 1em;"> | ||
<span style="padding: 1em"> | ||
<img height="60px" | ||
src="https://matsci.org/uploads/default/original/2X/b/bd2f59b3bf14fb046b74538750699d7da4c19ac1.svg"> | ||
</span> | ||
<span style="padding: 1em"> | ||
<img height="60px" | ||
src="https://raw.githubusercontent.com/materialscloud-org/discover-mc3d-react/main/public/mcloud_spinner.svg"> | ||
</span> | ||
</div> | ||
</div> | ||
<h4>Index meta-database:</h4> | ||
<ul> | ||
<li><a href='/index/v1/info'>/index/v1/info</a></li> | ||
<li><a href='/index/v1/links'>/index/v1/links</a></li> | ||
</ul> | ||
<h4>Available databases:</h4> | ||
|
||
<table> | ||
<thead> | ||
<tr> | ||
<th>Date</th> | ||
<th>Archive entry</th> | ||
<th>OPTIMADE endpoint</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
$HTML_TABLE_ROWS | ||
</tbody> | ||
</table> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
|
||
</div> | ||
</body> | ||
|
||
</html> |
File renamed without changes.
54 changes: 54 additions & 0 deletions
54
src/mcloud_implementation/landing_page/static/css/extra.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
.extra-container { | ||
display: flex; | ||
flex-direction: column; | ||
min-height: 100vh; | ||
} | ||
|
||
.extra-expand-bottom { | ||
flex: 1; | ||
} | ||
|
||
.extra-page-content { | ||
margin: auto; | ||
max-width: 900px; | ||
background-color: white; | ||
min-height: 650px; | ||
padding: 20px 40px; | ||
margin-bottom: 30px; | ||
} | ||
|
||
.extra-title-logos { | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: center; | ||
align-items: center; | ||
margin-bottom: 6px; | ||
} | ||
|
||
|
||
table { | ||
/* font-family: Arial, sans-serif; */ | ||
border-collapse: collapse; | ||
width: 90%; | ||
margin: 0 auto; | ||
font-size: 14px; | ||
} | ||
|
||
th, | ||
td { | ||
border: 1px solid #EEEEEE; | ||
text-align: left; | ||
padding: 8px; | ||
} | ||
|
||
th { | ||
background-color: #f0f0f0; | ||
} | ||
|
||
/* tr:nth-child(even) { | ||
background-color: #f2f2f2; | ||
} | ||
tr:nth-child(odd) { | ||
background-color: #ffffff; | ||
} */ |
8 changes: 8 additions & 0 deletions
8
src/mcloud_implementation/landing_page/static/css/mcloud_theme.min.css
Large diffs are not rendered by default.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions
7
src/mcloud_implementation/landing_page/static/js/bootstrap.min.js
Large diffs are not rendered by default.
Oops, something went wrong.
4 changes: 4 additions & 0 deletions
4
src/mcloud_implementation/landing_page/static/js/jquery.min.js
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
|
||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<title>Materials Cloud OPTIMADE server</title> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="keywords" content="optimade,materials,crystals,database"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
|
||
<style> | ||
html { margin: 2em; } | ||
h4, p { margin-left: 2em; } | ||
span.version { background-color: lightgrey; font-weight: bold; font-family: monospace; padding: 0em 0.5em 0em 0.5em; border-radius: 1em; } | ||
</style> | ||
</head> | ||
<body> | ||
This archive entry has a new version available and the current one is not served any more. | ||
<br/> | ||
OPTIMADE API for the new version is available at $NEW_URL | ||
</body> | ||
</html> |