mirror of
https://github.com/bluxmit/alnoda-workspaces.git
synced 2024-07-01 12:41:05 +12:00
118 lines
3 KiB
Markdown
118 lines
3 KiB
Markdown
<style>
|
|
/* These styles apply only to this page! */
|
|
.md-content__button {
|
|
display: none;
|
|
}
|
|
.md-sidebar--secondary{
|
|
display: none !important;
|
|
}
|
|
.md-typeset h1 {
|
|
line-height: 0;
|
|
margin: 0;
|
|
margin-left: -9999px;
|
|
}
|
|
.quickstart-wrapper {
|
|
min-width: 300px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
padding-left: -50px;
|
|
column-gap: 50px;
|
|
row-gap: 50px;
|
|
}
|
|
.quickstart-wrapper > div {
|
|
flex: 300px;
|
|
max-width: 300px;
|
|
}
|
|
.tool-img{
|
|
box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 5px;
|
|
border-radius: 5px;
|
|
min-width: 300px;
|
|
max-width: 300px;
|
|
max-height: 170px;
|
|
min-height: 170px;
|
|
}
|
|
.tool-caption{
|
|
font-family: Roboto, Helvetica, sans-serif;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
font-size: 1.2rem;
|
|
font-weight: bold;
|
|
|
|
/* font-size: 1.25em;
|
|
font-weight: 400; */
|
|
letter-spacing: -.02em;
|
|
line-height: 1.5;
|
|
}
|
|
.tool-description{
|
|
font-family: Helvetica, sans-serif;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
font-size: 0.7rem;
|
|
font-style: oblique;
|
|
/* font-weight: bold; */
|
|
}
|
|
</style>
|
|
|
|
|
|
{%
|
|
set tools = [
|
|
{
|
|
"env": "FILEBROWSER_URL",
|
|
"name": "File Browser",
|
|
"image": "Filebrowser.png",
|
|
"description": "Browse, upload and download files and folders to and from the Workspace"
|
|
},
|
|
{
|
|
"env": "NBVIEWER_URL",
|
|
"subpath": "localfile/",
|
|
"name": "Notebook viewer",
|
|
"image": "nbviewer.png",
|
|
"description": "Display notebooks from folder <b>/home/project/nbviewer</b>"
|
|
},
|
|
{
|
|
"env": "VOILA_URL",
|
|
"name": "Voila",
|
|
"image": "voila.png",
|
|
"description": "Render live Jupyter notebooks with interactive widgets from folder <b>/home/project/voila</b>"
|
|
},
|
|
{
|
|
"env": "STATICFS_URL",
|
|
"name": "Static File Server",
|
|
"image": "Static-server.png",
|
|
"description": "Serve any static websites like a breeze"
|
|
},
|
|
{
|
|
"env": "MERCURY_URL",
|
|
"name": "Mercury",
|
|
"image": "mercury.png",
|
|
"description": "Mercury is a perfect tool to convert Python notebook to interactive web app. Not running! Start serving any folder, i.e <b>cd /home/examples/mercury; mercury run 0.0.0.0:8035</b>"
|
|
},
|
|
]
|
|
%}
|
|
|
|
|
|
<div class="quickstart-wrapper">
|
|
{% for tool in tools %}
|
|
{% set tool_url = get_tool_url(tool.env) %}
|
|
<div>
|
|
{% if tool.subpath is defined %}
|
|
<a href="{{ tool_url }}/{{ tool.subpath }}" target="_blank" rel="noopener noreferrer">
|
|
{% else %}
|
|
<a href="{{ tool_url }}" target="_blank" rel="noopener noreferrer">
|
|
{% endif %}
|
|
<img src="{{ tool.image }}" class="tool-img"/>
|
|
</a>
|
|
<a href="{{ tool_url }}">
|
|
<div class="tool-caption">{{ tool.name }}</div>
|
|
</a>
|
|
<div class="tool-description">{{ tool.description }}</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|