ClearML/clearml-docs
1
0
Fork 0
mirror of https://github.com/clearml/clearml-docs synced 2025-02-07 13:21:46 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Redesign first docs page (#536)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/getting_started/main.md
View File

@ -25,9 +25,14 @@ while ClearML ensures your work is reproducible and scalable.
<br/> <br/>
**Friendly tutorials to get you started:** <div className="tbl-1">
<table> <table>
<thead>
<tr><th colspan="2">
Friendly tutorials to get you started:</th>
</tr></thead>
<tbody> <tbody>
<tr> <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> <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> </tbody>
</table> </table>
</div>
![Webapp gif](../img/gif/webapp_screenshots.gif) ![Webapp gif](../img/gif/webapp_screenshots.gif)
### Read a Little More ### Read a Little More
<div class="max-w-75"> <div class="max-w-75 align-center">
![Architecture diagram](../img/clearml_architecture.png) ![Architecture diagram](../img/clearml_architecture.png)

14
src/css/custom.css
View File

@ -73,6 +73,11 @@ html[data-theme="dark"] a:hover {
color: var(--ifm-color-primary-lightest); color: var(--ifm-color-primary-lightest);
} }
.align-center {
text-align: center;
margin: auto;
}
.max-w-75 { .max-w-75 {
max-width: 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 { html[data-theme="dark"] .markdown thead th {
color: var(--ifm-color-gray-600); color: var(--ifm-color-gray-600);