Redesign first docs page (#536)

This commit is contained in:
pollfly 2023-04-20 18:00:04 +03:00 committed by GitHub
parent 35f1816cb1
commit 744e9aaafc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 2 deletions

View File

@ -25,9 +25,14 @@ while ClearML ensures your work is reproducible and scalable.
<br/>
**Friendly tutorials to get you started:**
<div className="tbl-1">
<table>
<thead>
<tr><th colspan="2">
Friendly tutorials to get you started:</th>
</tr></thead>
<tbody>
<tr>
<td><a href="https://github.com/allegroai/clearml/blob/master/docs/tutorials/Getting_Started_1_Experiment_Management.ipynb"><b>Step 1</b></a> - Experiment Management</td>
@ -50,11 +55,13 @@ while ClearML ensures your work is reproducible and scalable.
</tbody>
</table>
</div>
![Webapp gif](../img/gif/webapp_screenshots.gif)
### Read a Little More
<div class="max-w-75">
<div class="max-w-75 align-center">
![Architecture diagram](../img/clearml_architecture.png)

View File

@ -73,6 +73,11 @@ html[data-theme="dark"] a:hover {
color: var(--ifm-color-primary-lightest);
}
.align-center {
text-align: center;
margin: auto;
}
.max-w-75 {
max-width: 75%;
}
@ -612,6 +617,15 @@ html[data-theme="dark"] .footer__link-item:hover {
}
}
.tbl-1 > table {
width: 100%;
display: inline-table;
margin: 48px 0;
}
.tbl-1 > thead {
font-size: x-large;
}
html[data-theme="dark"] .markdown thead th {
color: var(--ifm-color-gray-600);