mirror of
https://github.com/clearml/clearml-docs
synced 2025-05-02 20:12:37 +00:00
Redesign main page (#571)
This commit is contained in:
parent
c4972a58ea
commit
0e4e2e89a3
@ -66,14 +66,42 @@ while ClearML ensures your work is reproducible and scalable.
|
||||
</div>
|
||||
|
||||
Want a more in depth introduction to ClearML? Choose where you want to get started:
|
||||
* **Data Scientists** start [here](ds/ds_first_steps.md) - learn how to use ClearML's
|
||||
experiment tracking and management tools, and more!
|
||||
|
||||
* **MLOps Engineers** start [here](mlops/mlops_first_steps.md) - learn how to use ClearML's
|
||||
automation, orchestration, and tracking tools
|
||||
|
||||
* **DevOps Engineers** start [here](../deploying_clearml/clearml_server.md#deployment) - learn how
|
||||
to deploy and configure a ClearML Server
|
||||
<div class="cml-card">
|
||||
<ol>
|
||||
<li>
|
||||
<i>
|
||||
<img src="/docs/latest/icons/ico-data-scientist.svg" />
|
||||
</i>
|
||||
<h4>Data Scientists</h4>
|
||||
<p>Learn how to use ClearML's experiment tracking and management tools, and more!</p>
|
||||
<span class="btn-link">
|
||||
<a href="getting_started/ds/ds_first_steps">START HERE</a>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<i>
|
||||
<img src="/docs/latest/icons/ico-mlops-engineer.svg" />
|
||||
</i>
|
||||
<h4>MLOps Engineers</h4>
|
||||
<p>Learn how to use ClearML's automation, orchestration, and tracking tools</p>
|
||||
<span class="btn-link">
|
||||
<a href="getting_started/mlops/mlops_first_steps">START HERE</a>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<i>
|
||||
<img src="/docs/latest/icons/ico-devops-engineer.svg" />
|
||||
</i>
|
||||
<h4>DevOps Engineers</h4>
|
||||
<p>Learn learn how to deploy and configure a ClearML Server</p>
|
||||
<span class="btn-link">
|
||||
<a href="./deploying_clearml/clearml_server#deployment">START HERE</a>
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
|
||||
## What Can You Do with ClearML?
|
||||
|
@ -917,4 +917,78 @@ html[data-theme="dark"] .panel-title:hover {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
.cml-card ol {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
padding: 48px 16px;
|
||||
flex-wrap: wrap;
|
||||
gap: 32px;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.cml-card li {
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
margin: 0 0 24px 0 !important;
|
||||
padding: 48px 16px 32px;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
min-height: 280px;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cml-card i {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: absolute;
|
||||
top: -32px;
|
||||
left: calc(50% - 32px);
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.cml-card i img {
|
||||
filter: hue-rotate(25deg) invert(1);
|
||||
}
|
||||
|
||||
.cml-card .btn-link {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.cml-card .btn-link a:link,
|
||||
.cml-card .btn-link a:visited {
|
||||
display: inline-block;
|
||||
border-radius: 6px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
text-decoration: none !important;
|
||||
padding: calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));
|
||||
font-size: calc(.875rem*var(--ifm-button-size-multiplier));
|
||||
line-height: 1.5;
|
||||
color: var(--ifm-button-color);
|
||||
background-color: var(--ifm-color-primary);
|
||||
}
|
||||
|
||||
.cml-card .btn-link a:hover {
|
||||
background-color: var(--ifm-color-primary-dark)
|
||||
}
|
||||
|
||||
|
||||
html[data-theme=dark] .cml-card li,
|
||||
html[data-theme=dark] .cml-card i {
|
||||
border-color: var(--ifm-color-gray-800);
|
||||
}
|
||||
|
||||
html[data-theme=dark] .cml-card i {
|
||||
background-color: var(--ifm-background-color);
|
||||
border-color: var(--ifm-color-gray-800);
|
||||
}
|
8
static/icons/ico-data-scientist.svg
Normal file
8
static/icons/ico-data-scientist.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
|
||||
<path d="M7.66 46.4a.75.75 0 0 1-.75-.75 18.8 18.8 0 0 1 12.053-17.787c1.335-.5 2.572.54 3.652 1.44a4.445 4.445 0 0 0 2.25 1.328c.66 0 1.455-.675 2.25-1.328 1.087-.9 2.31-1.935 3.653-1.44a17.129 17.129 0 0 1 3.345 1.657.75.75 0 0 1-.8 1.267 10.471 10.471 0 0 0-2.513-1.2L25.548 38.9a.75.75 0 0 1-1.305 0l-5.363-9.38A17.3 17.3 0 0 0 8.425 44.9h23.61a.75.75 0 1 1 0 1.5zm17.2-9.375 4.147-7.313c-.308.218-.63.487-.945.75a5.4 5.4 0 0 1-3.2 1.673 5.3 5.3 0 0 1-3.2-1.673 16.024 16.024 0 0 0-.945-.75zm-7.785-18.7a6.446 6.446 0 0 0-.517-.8c-1.808-1.875-.915-3.787-.27-4.943-1.575-.45-1.583-1.83-1.583-2.64 0-.255 0-.922 1.973-2.34 1.823-1.328 5.55-3.3 8.033-2.46a2.377 2.377 0 0 0 2.76-.54 1.5 1.5 0 0 1 1-.518c.33 0 1.343 0 4.5 3.233a1.265 1.265 0 0 1 .173.24l1 2.033a.751.751 0 0 1 0 .667 6.822 6.822 0 0 1-1.118 1.642c.938 1.193 1.83 3.938.577 5.25l-.247.233-.135.142c-.06 5.25-4.725 10.088-8.347 10.088-4.35 0-7.733-4.965-7.785-9.285zm7.783 7.775c2.625 0 6.052-3.472 6.75-7.365a1.5 1.5 0 0 1-.75.21h-3.735a1.5 1.5 0 0 1-1.5-1.5V16.4H24.34v1.02a1.5 1.5 0 0 1-1.5 1.5H19.1a1.514 1.514 0 0 1-.5-.1c.315 4.072 3.548 7.253 6.255 7.253zm1.5-11.1v2.423a.75.75 0 0 0 .75.75h3.7a.75.75 0 0 0 .75-.75v-1.77a.75.75 0 0 0-.75-.75h-4.33a.127.127 0 0 0-.12.127zm-8.01.653v1.875a2.26 2.26 0 0 1 .173.39.75.75 0 0 0 .585.277h3.7a.75.75 0 0 0 .75-.75V15a.127.127 0 0 0-.12-.128h-4.32a.75.75 0 0 0-.75.75zm-.615-2.633c-.75 1.26-1.155 2.25-.15 3.345v-.75a1.5 1.5 0 0 1 1.5-1.5h4.4a.885.885 0 0 1 .87.878v.652H25.6v-.652a.87.87 0 0 1 .87-.87h4.365a1.545 1.545 0 0 1 1.5 1.5v.615l.142-.127a1.718 1.718 0 0 0 .142-1.357 4.409 4.409 0 0 0-.892-2.07 1.534 1.534 0 0 1-.263 0c-1.08 0-3.315 0-4.5-1.238a2.918 2.918 0 0 0-2.464-.796c-.173 0-.187.045-.218.1a2.2 2.2 0 0 1-1.02 1.125l-1.125.57a2.132 2.132 0 0 1-.975.24h-3.234l-.195.337zm10.245-2.61c.75.75 2.377.795 3.292.795a1.209 1.209 0 0 1 .36-.083 4.344 4.344 0 0 0 .975-1.215l-.75-1.583a12.323 12.323 0 0 0-3.277-2.714l-.12.112a3.862 3.862 0 0 1-4.23.84c-2.445-.825-7.5 2.453-8.025 3.457 0 .938.038 1.2 1.252 1.2h3.668a.764.764 0 0 0 .292-.075l1.125-.57a.706.706 0 0 0 .322-.368 1.649 1.649 0 0 1 1.6-1.027 4.358 4.358 0 0 1 3.518 1.23" transform="translate(-1.728 -1.019)" style="fill:#5a658e"/>
|
||||
<path d="M51.535 44.618V39.78h.54a.75.75 0 0 0 .75-.75v-1.2a.75.75 0 0 0-.75-.75H45.67a.75.75 0 0 0-.75.75v1.2a.75.75 0 0 0 .75.75h.548v4.845c-1.936 1.643-3.518 4.628-3.518 6.645a2.857 2.857 0 0 0 2.3 2.873 30.38 30.38 0 0 0 7.74 0 2.85 2.85 0 0 0 2.3-2.873c0-2-1.612-5.032-3.51-6.652m-4.275 1.05h.015a.7.7 0 0 0 .21-.278l.165-.368a.754.754 0 0 0 .067-.3V39.78h2.318v4.935a1.323 1.323 0 0 0 0 .173l.067.292a.785.785 0 0 0 .27.42 9.07 9.07 0 0 1 1.957 2.318 7.323 7.323 0 0 0-3.4 1.042 2.62 2.62 0 0 1-2.79.263c-.36-.105-.75-.217-1.275-.323a9.889 9.889 0 0 1 2.4-3.232" transform="translate(-10.675 -9.269)" style="fill:#4d66ff"/>
|
||||
<path d="M48.5 24.4a1.125 1.125 0 1 1-1.125 1.125A1.125 1.125 0 0 1 48.5 24.4" transform="translate(-11.842 -6.099)" style="fill:rgba(77,102,255,.5)"/>
|
||||
<path data-name="c" d="M44.525 27.72a1.875 1.875 0 1 1-1.875 1.875 1.875 1.875 0 0 1 1.875-1.875" transform="translate(-10.663 -6.929)" style="fill:#4d66ff"/>
|
||||
<path data-name="c" d="M47.055 33.01a1.125 1.125 0 1 1-1.125 1.125 1.125 1.125 0 0 1 1.125-1.125" transform="translate(-11.482 -8.254)" style="fill:rgba(77,102,255,.5)"/>
|
||||
<path data-name="c" style="fill:none" d="M0 0h48v48H0z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 3.4 KiB |
7
static/icons/ico-devops-engineer.svg
Normal file
7
static/icons/ico-devops-engineer.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
|
||||
<path d="M3.5-1h33A4.505 4.505 0 0 1 41 3.5V29a4.505 4.505 0 0 1-4.5 4.5h-33A4.505 4.505 0 0 1-1 29V3.5A4.505 4.505 0 0 1 3.5-1zm33 33a3 3 0 0 0 3-3V3.5a3 3 0 0 0-3-3h-33a3 3 0 0 0-3 3V29a3 3 0 0 0 3 3z" transform="translate(4 7.75)" style="fill:#5a658e"/>
|
||||
<path data-name="Path 4401" d="M-16691.75 16806.5v-9a1.5 1.5 0 0 1 1.506-1.5 1.5 1.5 0 0 1 1.506 1.5v9a1.5 1.5 0 0 1-1.506 1.5 1.5 1.5 0 0 1-1.506-1.5zm-4.863 0v-6.527a1.492 1.492 0 0 1 1.492-1.5 1.5 1.5 0 0 1 1.5 1.5v6.527a1.5 1.5 0 0 1-1.5 1.5 1.492 1.492 0 0 1-1.492-1.5zm-4.879 0v-3a1.5 1.5 0 0 1 1.5-1.5 1.5 1.5 0 0 1 1.492 1.5v3a1.5 1.5 0 0 1-1.492 1.5 1.5 1.5 0 0 1-1.5-1.5zm-11.557.582-1.959-6.508-1.686 4.457h-4.306v-1.5h3.193l2.506-7.332a.3.3 0 0 1 .57.012l2 6.961 1.455-3.437a.377.377 0 0 1 .678-.07l2.061 3.867h2.535v1.5h-3.459l-1.348-2.473-1.617 4.535a.323.323 0 0 1-.311.223.317.317 0 0 1-.312-.235z" transform="translate(16728.494 -16784)" style="fill:#5a658e"/>
|
||||
<path data-name="Path 4402" d="M-16721 16808.2v-11.437a.757.757 0 0 1 .758-.762.764.764 0 0 1 .758.762v9.914h30.605a.757.757 0 0 1 .758.762.757.757 0 0 1-.758.762zm15.2-4.574a1.525 1.525 0 0 1 1.523-1.523 1.525 1.525 0 0 1 1.52 1.523 1.519 1.519 0 0 1-1.52 1.52 1.52 1.52 0 0 1-1.523-1.525zm4.559-4.559a1.519 1.519 0 0 1 1.52-1.52 1.52 1.52 0 0 1 1.527 1.52 1.526 1.526 0 0 1-1.527 1.523 1.525 1.525 0 0 1-1.517-1.527zm-10.641 0a1.516 1.516 0 0 1 1.52-1.52 1.514 1.514 0 0 1 1.52 1.52 1.52 1.52 0 0 1-1.52 1.523 1.522 1.522 0 0 1-1.517-1.527z" transform="translate(16728.291 -16770.93)" style="fill:#4d66ff"/>
|
||||
<path data-name="Path 4403" d="M-16701.227 16802.078a1.518 1.518 0 0 1 1.516-1.52 1.52 1.52 0 0 1 1.52 1.52 1.521 1.521 0 0 1-1.52 1.523 1.519 1.519 0 0 1-1.516-1.523zm6.848-4.555a1.525 1.525 0 0 1 1.52-1.527 1.526 1.526 0 0 1 1.523 1.527 1.525 1.525 0 0 1-1.523 1.52 1.524 1.524 0 0 1-1.52-1.52zm-14.457 0a1.526 1.526 0 0 1 1.523-1.527 1.524 1.524 0 0 1 1.518 1.527 1.522 1.522 0 0 1-1.518 1.52 1.525 1.525 0 0 1-1.523-1.52zm-12.164 0a1.525 1.525 0 0 1 1.518-1.527 1.527 1.527 0 0 1 1.525 1.527 1.525 1.525 0 0 1-1.525 1.52 1.523 1.523 0 0 1-1.518-1.52z" transform="translate(16731.33 -16769.389)" style="fill:rgba(77,102,255,.5)"/>
|
||||
<path data-name="Rectangle 297" style="fill:none" d="M0 0h48v48H0z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 2.3 KiB |
7
static/icons/ico-mlops-engineer.svg
Normal file
7
static/icons/ico-mlops-engineer.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
|
||||
<path d="m-16432.4 16847.408-.041-.018a6.871 6.871 0 0 1-3.8-6.152 6.686 6.686 0 0 1 .2-1.652l-.047-.008a6.582 6.582 0 0 1-4.9-5.576v-1.957l.006-.041a6.9 6.9 0 0 1 5.016-5.549l-.187-.961a4.846 4.846 0 0 1-.041-.783 6.69 6.69 0 0 1 3.8-6.074 6.738 6.738 0 0 1 6.738-6.633H-16425.515a6.72 6.72 0 0 1 5.807 3.555l.012 34.93-.012.035a6.769 6.769 0 0 1-5.934 3.518 6.759 6.759 0 0 1-6.758-6.634zm-7.1-13.506a5.1 5.1 0 0 0 3.75 4.213l.016.006 1.525.328-.387 1.512a5.261 5.261 0 0 0-.154 1.277 5.343 5.343 0 0 0 2.953 4.8l.008.006.863.391.021.949a5.281 5.281 0 0 0 5.252 5.156 5.252 5.252 0 0 0 4.449-2.453l-.01-14.086h-4.488v3.844a3 3 0 0 1 2.248 2.906 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 2.254-2.906v-5.344h5.99l-.006-9.75h-3.082a3 3 0 0 1-2.9 2.25 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 2.9 2.25h3.082l-.006-7.27a5.142 5.142 0 0 0-4.324-2.48h-.117a5.258 5.258 0 0 0-5.238 5.156l-.014.914-.824.41a5.164 5.164 0 0 0-2.969 4.711c0 .324.016.469.021.516v.006l.182.961.262 1.365-1.34.363a5.416 5.416 0 0 0-3.914 4.254v.094h3.391a3 3 0 0 1 2.9-2.25 3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-2.9-2.25h-3.391zm11.547 8.848a1.5 1.5 0 0 0 1.5 1.5 1.5 1.5 0 0 0 1.506-1.5 1.5 1.5 0 0 0-1.506-1.5 1.5 1.5 0 0 0-1.5 1.5zm-5.254-8.25a1.5 1.5 0 0 0 1.506-1.5 1.5 1.5 0 0 0-1.506-1.5 1.5 1.5 0 0 0-1.5 1.5 1.5 1.5 0 0 0 1.5 1.5zm4.506-10.5a1.5 1.5 0 0 0 1.5 1.5 1.5 1.5 0 0 0 1.5-1.5 1.5 1.5 0 0 0-1.5-1.5 1.5 1.5 0 0 0-1.499 1.5z" transform="translate(16444.453 -16809)" style="fill:#5a658e;stroke:transparent"/>
|
||||
<path d="M48.762 45.577a4.457 4.457 0 0 1-.3.531l.792 1.52a.308.308 0 0 1-.1.4l-2.088 1.414a.331.331 0 0 1-.415-.047l-1.184-1.249a4.822 4.822 0 0 1-1.255.094l-.913 1.4a.332.332 0 0 1-.406.106l-2.333-1.1a.331.331 0 0 1-.178-.38l.5-1.6a4.631 4.631 0 0 1-.729-1.025l-1.717-.114a.33.33 0 0 1-.3-.289l-.245-2.509a.309.309 0 0 1 .238-.334l1.675-.361a4.027 4.027 0 0 1 .518-1.1l-.792-1.52a.311.311 0 0 1 .105-.4l2.088-1.414a.324.324 0 0 1 .419.039l1.18 1.256a4.36 4.36 0 0 1 1.254-.094l.917-1.409a.332.332 0 0 1 .4-.1l2.333 1.1a.333.333 0 0 1 .181.372l-.5 1.606a4.517 4.517 0 0 1 .729 1.025l1.72.1a.325.325 0 0 1 .3.3l.245 2.51a.31.31 0 0 1-.238.333l-1.675.361a4.5 4.5 0 0 1-.218.571m-3.495-3.94a2.089 2.089 0 1 0 1 2.78 2.082 2.082 0 0 0-1-2.78" transform="translate(-9.47 -9.317)" style="fill:#4d66ff"/>
|
||||
<path data-name="cog" d="m44.6 24.689-2.14-1.723a7.193 7.193 0 0 0 0-2l2.129-1.624a.529.529 0 0 0 .108-.649l-2.019-3.574a.53.53 0 0 0-.613-.243l-2.489.985a6.922 6.922 0 0 0-1.715-1.035l-.374-2.726a.514.514 0 0 0-.508-.437L35 11.623V18.5a3.315 3.315 0 1 1 0 6.629V32l2.026.045a.491.491 0 0 0 .5-.418l.373-2.7a7.085 7.085 0 0 0 .88-.413 6.95 6.95 0 0 0 .808-.541l2.513 1.076a.5.5 0 0 0 .617-.214l1.995-3.484a.515.515 0 0 0-.111-.661" transform="translate(-8.75 -2.906)" style="fill:#4d66ff"/>
|
||||
<path data-name="cog" d="M56.543 29.394a2.857 2.857 0 0 1 .007.383l.914.569a.194.194 0 0 1 .07.247l-.677 1.432a.209.209 0 0 1-.24.107l-1.039-.3a3.029 3.029 0 0 1-.649.451l-.046 1.049a.207.207 0 0 1-.185.187l-1.612.153a.208.208 0 0 1-.217-.148l-.242-1.022a2.931 2.931 0 0 1-.722-.322l-.964.487a.207.207 0 0 1-.256-.061l-.935-1.278a.194.194 0 0 1 .023-.256l.79-.731a2.686 2.686 0 0 1-.065-.378 2.86 2.86 0 0 1-.008-.383l-.913-.569a.2.2 0 0 1-.07-.248l.678-1.431a.2.2 0 0 1 .239-.113l1.04.3a2.717 2.717 0 0 1 .649-.451l.045-1.055a.209.209 0 0 1 .186-.181l1.612-.153a.21.21 0 0 1 .218.143l.242 1.028a2.811 2.811 0 0 1 .721.321l.965-.493a.2.2 0 0 1 .256.067l.935 1.279a.194.194 0 0 1-.022.256l-.79.73a2.687 2.687 0 0 1 .065.378M53.4 28.374a1.312 1.312 0 1 0 1.43 1.183 1.308 1.308 0 0 0-1.43-1.183" transform="translate(-12.372 -6.421)" style="fill:rgba(77,102,255,.5)"/>
|
||||
<path style="fill:none" d="M0 0h48v48H0z"/>
|
||||
</svg>
|
After Width: | Height: | Size: 3.7 KiB |
Loading…
Reference in New Issue
Block a user