mirror of
https://github.com/bluxmit/alnoda-workspaces.git
synced 2024-09-19 19:27:10 +12:00
106 lines
2.8 KiB
Markdown
106 lines
2.8 KiB
Markdown
|
<style>
|
||
|
/* These styles apply only to this page! */
|
||
|
.md-content__button {
|
||
|
display: none;
|
||
|
}
|
||
|
.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;
|
||
|
}
|
||
|
.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": "IDE_URL",
|
||
|
"name": "IDE",
|
||
|
"image": "Theia.png",
|
||
|
"description": "Powerful WEB-based IDE. Open source version of Visual Studio Code. Develop code in any language, install thousands of extensions or work in terminal directly from IDE"
|
||
|
},
|
||
|
{
|
||
|
"env": "FILEBROWSER_URL",
|
||
|
"name": "File Browser",
|
||
|
"image": "Filebrowser.png",
|
||
|
"description": "Browse files inside running docker container. Upload and download files and folders to and from your Workspace, no matter where your Workspace is running: on local or in cloud"
|
||
|
},
|
||
|
{
|
||
|
"env": "CRONICLE_URL",
|
||
|
"name": "Cronicle",
|
||
|
"image": "Cronicle.png",
|
||
|
"description": "Schedule jobs, tasks and bacground scripts. Powerful tool to manage schedules, observe and monitor executions."
|
||
|
},
|
||
|
{
|
||
|
"env": "UNGIT_URL",
|
||
|
"name": "Ungit",
|
||
|
"image": "Ungit.png",
|
||
|
"description": "Manage Git repositories and work flow using beautiful UI"
|
||
|
},
|
||
|
{
|
||
|
"env": "STATICFS_URL",
|
||
|
"name": "Static File Server",
|
||
|
"image": "Static-server.png",
|
||
|
"description": "Serve any static websites like a breeze"
|
||
|
}
|
||
|
]
|
||
|
%}
|
||
|
|
||
|
|
||
|
<div class="quickstart-wrapper">
|
||
|
{% for tool in tools %}
|
||
|
{% set tool_url = get_tool_url(tool.env) %}
|
||
|
<div>
|
||
|
<a href="{{ tool_url }}" target="_blank" rel="noopener noreferrer">
|
||
|
<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>
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|