docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

landing page: change style 

Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
This commit is contained in:
Jérémie Drouet 2020-04-29 15:22:50 +02:00
parent 616a4b7c88
commit feb57a7eea
24 changed files with 1823 additions and 388 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

863
_includes/body-landing.html Normal file
View File

@ -0,0 +1,863 @@
<body ng-app="Docker" ng-controller="DockerController" id="landing">
<header>
<div class="header">
<div class="fan"></div>
<div class="container">
<div class="row">
<div class="container-fluid">
<div class="navbar-header">
<img
class="logo"
src="../images/docker-docs-logo.svg"
alt="Docker Docs"
title="Docker Docs"
/>
</div>
<div class="navbar-collapse collapse">
<ul class="primary nav navbar-nav">
<li class="active">
<a href="https://docs.docker.com/">Home</a>
</li>
<li>
<a href="https://docs.docker.com/develop/">Guides</a>
</li>
<li>
<a href="https://docs.docker.com/engine/">Product Manual</a>
</li>
<li>
<a href="https://docs.docker.com/reference/">Reference</a>
</li>
<li>
<a href="https://www.docker.com/blog/">Articles</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
{% include theme-switch.html %}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="hero container">
<div class="row justify-content-center">
<div class="col-xs-12 text-center">
<h2>
What can we help you find?
</h2>
</div>
</div>
<div class="row justify-content-center">
<form
class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-3 col-md-6 col-lg-offset-4 col-lg-4"
method="GET"
action="/search/"
>
<input
class="form-control"
name="q"
placeholder="Search for guides, terms, commands and more..."
type="search"
autocomplete="off"
spellcheck="false"
dir="auto"
/>
</form>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/get-started/">
<img src="/images/rocket.svg" alt="get started" />
<h5 class="title">Get started</h5>
<p>
Learn Docker basics and the benefits of containerizing you
applications.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/get-docker/">
<img
src="/images/download-docker.svg"
alt="download and install docker"
/>
<h5 class="title">Download and install</h5>
<p>
Download and install Docker on your machine in a few easy steps.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/develop/">
<img src="/images/guides.svg" alt="guides" />
<h5 class="title">Guides</h5>
<p>
Learn how to set up your Docker environment and start containerizing
you applications.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/release-notes/">
<img src="/images/whats-new.svg" alt="what's new" />
<h5 class="title">What's new?</h5>
<p>
Learn about the cool new features, updates, and bug fixes.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/engine/">
<img src="/images/manuals.svg" alt="products manuals" />
<h5 class="title">Product manuals</h5>
<p>
Browse through the manuals and learn how to use Docker products.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 card-holder">
<a class="card" href="https://docs.docker.com/reference/">
<img src="/images/reference.svg" alt="reference" />
<h5 class="title">Reference</h5>
<p>
Browse through the through the CLI and API reference documentation.
</p>
</a>
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12 col-lg-8 card-holder">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12 col-lg-8">
<h5>How do I?</h5>
<p>
Check out the following topics to learn how to build, run, and
deploy your applications using Docker.
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/engine/reference/builder/"
>Write a Dockerfile</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/network/"
>Manage container networking</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/compose/compose-file/"
>Write a Docker Compose file</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/storage/"
>Work with volumes and bind mounts</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/part3/"
>Share my image on Docker Hub</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/config/daemon/"
>Configure the Docker daemon</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/part2/"
>Build and run an image</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/config/labels-custom-metadata/"
>Manage Docker objects</a
>
</div>
<div class="col-xs-12 col-md-6">
<a
href="https://docs.docker.com/develop/develop-images/multistage-build/"
>Use multi-stage builds</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href=" https://docs.docker.com/get-started/kube-deploy/"
>Scale apps using Kubernetes</a
>
</div>
<div class="col-xs-12 col-md-6">
<a
href="https://docs.docker.com/engine/reference/commandline/run/"
>Run a command in a container</a
>
</div>
<div class="col-xs-12 col-md-6">
<a href="https://docs.docker.com/get-started/swarm-deploy/"
>Scale apps using Swarm</a
>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-lg-4 card-holder">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12">
<h5>Most popular articles</h5>
<p>Check out the most popular articles on docs.docker.com.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/engine/install/ubuntu/"
>Install Docker Engine on Ubuntu</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/docker-for-windows/install/"
>Install Docker Desktop on Windows</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/compose/compose-file/"
>Compose file reference</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/engine/reference/builder/"
>Dockerfile reference</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a
href="https://docs.docker.com/engine/reference/commandline/run/"
>Run a command in a container</a
>
</div>
<div class="col-xs-12 col-md-6 col-lg-12">
<a href="https://docs.docker.com/get-started/part2/"
>Build and run your image</a
>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="join-community">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">
<h5>
Connect with Docker Captains and Docker enthusiasts through our
Community Slack channel.
</h5>
<p>
It’s a great place to learn and ask questions along your journey.
</p>
</div>
<div class="col-xs-12 col-md-6 col-lg-4 text-center">
<a href="http://dockr.ly/slack" class="slack-button">
<img src="/images/slack-icon.svg" alt="slack" />
<span>Join the community</span>
</a>
</div>
</div>
</div>
</section>
<section class="container help-by-product">
<div class="row">
<div class="col-xs-12">
<div class="cardlet container-fluid">
<div class="row">
<div class="col-xs-12">
<h5>Help by product</h5>
</div>
<div class="col-xs-12">
<ul class="nav nav-tabs">
<li class="active" role="presentation" data-tab="desktop">
<a onclick="onChangeHelpTab('desktop')">
Desktop
</a>
</li>
<li role="presentation" data-tab="hub">
<a onclick="onChangeHelpTab('hub')">
Hub
</a>
</li>
<li role="presentation" data-tab="engine">
<a onclick="onChangeHelpTab('engine')">
Engine
</a>
</li>
<li role="presentation" data-tab="compose">
<a onclick="onChangeHelpTab('compose')">
Compose
</a>
</li>
</ul>
</div>
</div>
<!-- DESKTOP -->
<div class="row active" data-tab="desktop" data-os="win">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/laptop.svg);"
></div>
<h5>Docker Desktop</h5>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="os-label only-win">Windows</span><span class="os-label only-mac">Mac</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a onclick="onChangeHelpOs('win')">Windows</a></li>
<li><a onclick="onChangeHelpOs('mac')">Mac</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQs</h6>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#can-i-install-docker-desktop-on-windows-10-home">
Can I install Docker Desktop on Windows 10 Home?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/install/#system-requirements">
What are the system requirements for Docker Desktop?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#what-is-the-difference-between-the-stable-and-edge-versions-of-docker-desktop">
What is the difference between the Stable and Edge versions of Docker Desktop?
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/faqs/#how-do-i-connect-from-a-container-to-a-service-on-the-host">
How do I connect from a container to a service?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#what-is-the-difference-between-the-stable-and-edge-versions-of-docker-desktop">
What is the difference between the Stable and Edge versions of Docker Desktop?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/install/#system-requirements">
What are the system requirements for Docker Desktop?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#how-do-i-connect-to-a-container-from-mac">
How do I connect to a container from Mac?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/#can-i-use-an-ssh-agent-inside-a-container">
Can I use an SSH agent inside a container?
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/faqs/">
View all
</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/wsl-tech-preview/">
Docker Desktop WSL 2 backend
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/install/">
Install Docker Desktop on Mac
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-for-windows/dashboard/">
Docker Desktop Dashboard
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/kubernetes/">
Deploy on Kubernetes
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/release-notes/">
Stable Release notes
</a>
</p>
<p class="only-win">
<a href="https://docs.docker.com/docker-for-windows/troubleshoot/">
Logs and troubleshooting
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/networking/">
Networking features in Docker Desktop
</a>
</p>
<p class="only-mac">
<a href="https://docs.docker.com/docker-for-mac/osxfs/">
Mac file system sharing
</a>
</p>
</div>
</div>
<!-- HUB -->
<div class="row" data-tab="hub">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/hub.svg);"
></div>
<h5>Hub</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQ's</h6>
<p>
<a href="https://docs.docker.com/get-started/part3/">
How do I share images on Docker Hub
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/orgs/#create-an-organization">
How do I create an organization?
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/orgs/#create-a-team">
How do I create a team and add team members?
</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/docker-hub/official_images/">
Docker Hub official images
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/repos/">
Create Docker Hub repositories
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/builds/">
Set up automated builds
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/access-tokens/">
Manage access tokens
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-hub/webhooks/">
Docker Hub Webhooks
</a>
</p>
</div>
</div>
<!-- ENGINE -->
<div class="row" data-tab="engine">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/engine.svg);"
></div>
<h5>Engine</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/engine/install/ubuntu/">
Install Docker Engine on Ubuntu
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/run/">
Run a command in a container
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/builder/">
Dockerfile reference
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/dockerd/#description">
Docker daemon reference
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/reference/commandline/build/">
Docker build reference
</a>
</p>
</div>
</div>
<!-- COMPOSE -->
<div class="row" data-tab="compose">
<div class="col-xs-12 col-md-4 col-lg-2 text-center">
<div
class="image"
style="background-image: url(/images/Compose.png);"
></div>
<h5>Compose</h5>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Getting Started with Docker
</h6>
<p>
Take a walkthrough that covers writing your first app, data
storage, networking, and swarms, and ends with your app running
on production servers in the cloud.
</p>
<p>
<a href="https://docs.docker.com/get-started/">Learn Docker</a>
</p>
<h6>FAQ's</h6>
<p>
<a href="https://docs.docker.com/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">
How do I run multiple copies of a Compose file on the same host?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">
Can I use json instead of yaml for my Compose file?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/#where-can-i-find-example-compose-files">
Where can I find example Compose files?
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/faq/">View all</a>
</p>
</div>
<div class="col-xs-12 col-md-4 col-lg-5">
<h6>
Popular articles
</h6>
<p>
<a href="https://docs.docker.com/compose/install/">
Install Docker Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/gettingstarted/">
Getting started with Docker Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/environment-variables/">
Environment variables in Compose
</a>
</p>
<p>
<a href="https://docs.docker.com/compose/networking/">
Networking in Compose
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="col-xs-12">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-6">
<h2>Best practices</h2>
<p>
Take a look at our best practices and reference architecture
topics to fine tune your deployment.
</p>
<p>
<a href="https://docs.docker.com/develop/develop-images/dockerfile_best-practices/">
Best practices for writing Dockerfile
</a>
</p>
<p>
<a href="https://docs.docker.com/develop/develop-images/dockerfile_best-practices/">
Best practices for writing a Docker Compose file
</a>
</p>
<p>
<a href="https://docs.docker.com/develop/dev-best-practices/">
Docker Development best practices
</a>
</p>
<p>
<a href="https://docs.docker.com/engine/security/security/">
Docker Security best practices
</a>
</p>
<p>
<a href="https://success.docker.com/article/logging-best-practices">
Docker Reference architecture: Docker logging design and best practices
</a>
</p>
<p>
<a href="https://success.docker.com/article/networking">
Docker Swarm reference architecture: Exploring scalable, portable container networks
</a>
</p>
</div>
<div class="col-xs-12 col-md-6">
<h2>Troubleshooting</h2>
<p>
Refer to our troubleshooting topics to learn how to diagnose and
troubleshoot common issues.
</p>
<p>
<a href="https://docs.docker.com/config/daemon/">
Troubleshoot the Docker daemon
</a>
</p>
<p>
<a href="https://docs.docker.com/storage/troubleshooting_volume_errors/">
Troubleshoot volumes or bind mount errors
</a>
</p>
<p>
<a href="https://success.docker.com/article/troubleshooting-container-networking">
Troubleshoot container networking errors
</a>
</p>
<p>
<a href="https://docs.docker.com/docker-for-windows/troubleshoot/">
Docker Desktop logs and troubleshooting
</a>
</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<h2>Stack Overflow</h2>
<p>
Browse through some of the frequent questions asked about Docker
on Stack Overflow.
</p>
<p>
<a href="https://stackoverflow.com/questions/24319662/from-inside-of-a-docker-container-how-do-i-connect-to-the-localhost-of-the-mach">
From inside of a Docker container, how do I connect to the localhost of the machine?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/16047306/how-is-docker-different-from-a-virtual-machine">
How is Docker different from a virtual machine?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/21553353/what-is-the-difference-between-cmd-and-entrypoint-in-a-dockerfile">
What is the difference between CMD and ENTRYPOINT in a Dockerfile?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/22111060/what-is-the-difference-between-expose-and-publish-in-docker">
What is the difference between “expose” and “publish” in Docker?
</a>
</p>
<p>
<a href="https://stackoverflow.com/questions/19234831/where-are-docker-images-stored-on-the-host-machine">
Where are Docker images stored on the host machine?
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="community-resources" class="container">
<div class="row">
<div class="col-xs-12">
<h2>Community resources</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://events.docker.com/chapters/" class="card">
<h5>Find a local meetup</h5>
<p>Attend one of the 200+ Docker Meetups around the globe.</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/events" class="card">
<h5>Upcoming Events</h5>
<p>
Complete a workshop without installing anything using this Docker
playground.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://events.docker.com/docker-virtual-meetups/" class="card">
<h5>Tune in Monthly</h5>
<p>
Join the Virtual Docker Meetup Group and online meetups every month.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/newsletter-subscription" class="card">
<h5>Community news</h5>
<p>
The Docker Weekly is a email newsletter with the latest content on
Docker and the event agenda for the upcoming weeks.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/docker-captains" class="card">
<h5>Meet the Captains</h5>
<p>
Select members of the community that are both experts in their field
and are passionate about sharing their Docker knowledge with others.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://docs.docker.com/get-started/resources/" class="card">
<h5>Educational resources</h5>
<p>Expand your understanding of Docker with these additional resources.</p>
</a>
</div>
</div>
</section>
<section id="play-with-docker" class="container">
<div class="row">
<div class="col-xs-12">
<h2>Play with Docker</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://www.docker.com/101-tutorial" class="card">
<h5>Tutorial</h5>
<p>Self-paced tutorials to increase your Docker knowledge.</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://labs.play-with-docker.com/" class="card">
<h5>Lab Environment</h5>
<p>
Complete a workshop without installing anything using this Docker
playground.
</p>
</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 card-holder">
<a href="https://docs.docker.com/get-started/resources/" class="card">
<h5>Community Training</h5>
<p>Free and paid learning materials from Docker Captains.</p>
</a>
</div>
</div>
</section>
<footer class="footer">
{% include footer.html %}
</footer>
<link rel="stylesheet" href="/css/github.css" />
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/landing-page.js"></script>
<script>
window.onChangeHelpTab = function (name) {
const currentActiveTab = document.querySelector(
".help-by-product ul.nav li.active"
);
if (currentActiveTab) currentActiveTab.classList.remove("active");
const currentActiveBody = document.querySelector(
".help-by-product div.row.active[data-tab]"
);
if (currentActiveBody) currentActiveBody.classList.remove("active");
const nextActiveTab = document.querySelector(
'.help-by-product ul.nav li[data-tab="' + name + '"]'
);
if (nextActiveTab) nextActiveTab.classList.add("active");
const nextActiveBody = document.querySelector(
'.help-by-product div.row[data-tab="' + name + '"]'
);
if (nextActiveBody) nextActiveBody.classList.add("active");
};
window.onChangeHelpOs = function (os) {
const container = document.querySelector('div[data-tab="desktop"]');
if (container) container.setAttribute('data-os', os);
};
</script>
</body>

216
_includes/body.html Normal file
View File

@ -0,0 +1,216 @@
<body ng-app="Docker" ng-controller="DockerController" class="colums">
<header>
{% include header.html %}
</header>
<div class="wrapper right-open">
<div class="container-fluid">
<div class="row">
<div class="col-body">
<main class="col-content content">
<section class="section">
{% if page.url != '/' %}
{% if page.title %}
<h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %}
<blockquote>{{ site.data.advisories.texts[page.advisory] | markdownify }}</blockquote>
{% endif %}{% endif %}
{% unless page.tree == false or page.skip_read_time == true %}{% include read_time.html %}{% endunless %}
{% if page.enterprise %}{% include ee_dropdown.html %}{% endif %}
{% if page.ui_tabs or page.cli_tabs or page.api_tabs %}
{% capture content %}
{% if page.intro %}{{ page.intro | markdownify }}{% else %}{{ page.description | markdownify }}{% endif %}
{% if page.ui_tabs %}
<ul class="nav nav-tabs">{% for tab in page.ui_tabs %}
<li{% if forloop.first %} class="active" {% endif %}><a data-toggle="tab"
data-target="#ui-{{ tab.version | slugify }}"
id="ui-tabheader-{{ tab.version | slugify }}">{{ site.tablabels[tab.version] }}{% if tab.orhigher %}
(or higher){% endif %}{% if tab.orlower %} (or lower){% endif %}</a></li>
{% endfor %}
</ul>
<div class="tab-content">{% for tab in page.ui_tabs %}
<div id="ui-{{ tab.version | slugify }}"
class="tab-pane fade{% if forloop.first %} in active{% endif %}">
{% capture thistab %}{% include_relative {{ page.path | split: "/" | last }} version=tab.version ui="true" %}{% endcapture %}{{ thistab | split: "---" | shift:2 | join: "---" | markdownify }}
</div>{% endfor %}
</div>
{% endif %}
{% if page.cli_tabs %}
<ul class="nav nav-tabs">{% for tab in page.cli_tabs %}
<li{% if forloop.first %} class="active" {% endif %}><a data-toggle="tab"
data-target="#cli-{{ tab.version | slugify }}"
id="cli-tabheader-{{ tab.version | slugify }}">{{ site.tablabels[tab.version] }}</a>
</li>{% endfor %}
</ul>
<div class="tab-content">{% for tab in page.cli_tabs %}
<div id="cli-{{ tab.version | slugify }}"
class="tab-pane fade{% if forloop.first %} in active{% endif %}">
{% capture thistab %}{% include_relative {{ page.path | split: "/" | last }} version=tab.version cli="true" %}{% endcapture %}{{ thistab | split: "---" | shift:2 | join: "---" | markdownify }}
</div>{% endfor %}
</div>
{% endif %}
{% if page.api_tabs %}
<ul class="nav nav-tabs">{% for tab in page.api_tabs %}
<li{% if forloop.first %} class="active" {% endif %}><a data-toggle="tab"
data-target="#api-{{ tab.version | slugify }}"
id="api-tabheader-{{ tab.version | slugify }}">{{ site.tablabels[tab.version] }}</a>
</li>{% endfor %}
</ul>
<div class="tab-content">{% for tab in page.api_tabs %}
<div id="api-{{ tab.version | slugify }}"
class="tab-pane fade{% if forloop.first %} in active{% endif %}">
{% capture thistab %}{% include_relative {{ page.path | split: "/" | last }} version=tab.version api="true" %}{% endcapture %}{{ thistab | split: "---" | shift:2 | join: "---" | markdownify }}
</div>{% endfor %}
</div>
{% endif %}
{% if page.next_steps %}
<h2>Next steps</h2>
<ul>
{% for step in page.next_steps %} <li><a href="{{ step.path }}">{{ step.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endcapture %}
{% endif %}
{{ content }}
<!-- tags -->
{% unless page.notags == true %}
{% assign keywords = page.keywords | split:"," -%}
{% if keywords.size > 0 -%}
<span class="glyphicon glyphicon-tags" style="padding-right: 10px"></span><span
style="vertical-align: 2px">
{%- for keyword in keywords -%}
{%- assign strippedKeyword = keyword | strip -%}
<a
href="https://docs.docker.com/search/?q={{ strippedKeyword }}">{{ strippedKeyword }}</a>
{%- unless forloop.last %}, {% endunless -%}
{% endfor -%}
</span>
{% endif -%}
{% endunless %}
{% if page.noratings != true %}
<div id="ratings-div"
style="color:#b9c2cc; text-align: center; margin-top: 150px; visibility: hidden">
<div id="pd_rating_holder_8453675"></div>
<script type="text/javascript">
PDRTJS_settings_8453675 = {
"id": "8453675",
"unique_id": "{{ page.path }}",
"title": "{{ page.title }}",
"permalink": "https://github.com/docker/docker.github.io/blob/master/{{ page.path }}"
};
(function (d, c, j) {
if (!document.getElementById(j)) {
var pd = d.createElement(c),
s;
pd.id = j;
pd.src = ('https:' == document.location.protocol) ? 'https://polldaddy.com/js/rating/rating.js' : 'http://i0.poll.fm/js/rating/rating.js';
s = document.getElementsByTagName(c)[0];
s.parentNode.insertBefore(pd, s);
}
}(document, 'script', 'pd-rating-js'));
</script>
</div>
{% endif %}
</section>
</main>
<nav class="col-nav">
<div id="sidebar-nav" class="sidebar hidden-sm hidden-xs">
{% include side-menu.html %}
</div>
</nav>
<div class="col-toc">
<div class="sidebar hidden-xs hidden-sm">
<div class="toc-nav">
<div class="feedback-links">
<ul>
{% if edit_url != "" %}
<li style="visibility: hidden"><a href="{{ edit_url }}"><i
class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit this
page</a></li>{% endif %}
<li><a href="https://github.com/docker/docker.github.io/issues/new?body=File: [{{ page.path }}](https://docs.docker.com{{ page.url }})"
class="nomunge"><i class="fa fa-check" aria-hidden="true"></i> Request
docs changes</a></li>
<!-- toggle mode -->
<li>
<div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>
</li>
</ul>
</div>
{% unless page.notoc %}
{% assign my_min = page.toc_min | default: site.toc_min | default: 2 %}
{% assign my_max = page.toc_max | default: site.toc_max | default: 3 %}
{% assign my_name = page.url | default: "unnamed" %}
<div id="side-toc-title">On this page:</div>
{% include toc_pure_liquid.html html=content sanitize=true class="inline_toc" id="my_toc" toc_min=my_min toc_max=my_max page_name=my_name %}
{% endunless %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% if page.path == "404.md" %}
<script type="text/javascript">
var path = window.location.pathname.replace("#", "");
var ghIssueQueryString = "https://github.com/docker/docker.github.io/issues/new?" + "title=404%20at%20" + path + "&body=URL%3A%20" + path;
document.getElementsByClassName("nomunge")[1].onclick = function () {
document.getElementsByClassName("nomunge")[1].href = ghIssueQueryString;
return true;
};
</script>
{% endif %}
<footer class="footer">
{% include footer.html %}
</footer>
<link rel="stylesheet" href="/css/github.css">
{% if page.highlightjs == true %}
<script src="/js/highlight.pack.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>
{% endif %}
<script defer src="/js/anchorlinks.js"></script>
<script defer src="/js/menu.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- Always include the archive.js, but it doesn't do much unless we are an archive -->
<script>
// Default to assuming this is an archive and hiding some stuff
// See js/archive.js and js/docs.js for logic relating to this
var isArchive = true;
var dockerVersion = 'v{{ site.docker_ce_version }}';
// In archives, we need to know the page root and we get it from JEKYLL_ENV in the jekyll build command
var jekyllEnv = '{{ jekyll.environment }}';
// If unset (in non-archive branches), defaults to "development". In that case, reset it to empty
if (jekyllEnv === 'development') {
jekyllEnv = '';
}
var pageURL = jekyllEnv + '{{ page.url }}';
</script>
<script src="/js/archive.js"></script>
<script src="/js/stickyfill.min.js"></script>
<script defer src="/js/metadata.js"></script>
<script src="/js/glossary.js"></script>
<script defer src="/js/docs.js"></script>
<script defer src="/js/toc.js"></script>
<script>
jQuery(document).ready(function () { hookupTOCEvents(); });
</script>
</body>

47
_includes/global-header.html
View File

@ -1,47 +0,0 @@
<div class="header">
<div class="fan"></div>
<div class="container-fluid">
<div class="row">
<nav class="nav-primary">
<div class="container-fluid">
<div class="navbar-header">
<img class="logo" src="../images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs">
</div>
<div class="navbar-collapse collapse">
<ul class="primary nav navbar-nav">
<li><a href="https://www.docker.com/why-docker">Why Docker?</a></li>
<li><a href="https://docs.docker.com/get-started/">Get started</a></li>
<li><a href="https://www.docker.com/products">Products</a></li>
<li><a href="https://docker.com/docker-community">Community</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
</div>
</div>
<!-- hero banner text -->
<div class="container-fluid">
<div class="row">
<div class="hero-text">
<div class="hero-text-centered">
<h1>{{ site.name }}</h1>
<p>Docker provides a way to run applications securely isolated in a container, packaged with all its dependencies and libraries.</p>
<ul class="buttons">
<li><a class="button transparent-btn" href="/install/" target="_blank">Get Docker</a></li>
<li> <a class="button secondary-btn" href="/get-started/" target="_blank">Get Started</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- nav-secondary -->
<!-- data-offset-top should calculated as follows: (height of <header> - header of <nav>) -->
<nav class="nav-secondary-tabs" data-spy="affix" data-offset-top="385">
<div class="container-fluid">
<div class="navbar-collapse" aria-expanded="false" style="height: 1px;">
{% include navigation.html %}
</div>
</div>
</nav>
</div>

74
_includes/head.html Normal file
View File

@ -0,0 +1,74 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@charset "UTF-8";
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
display: none !important;
}
ng\:form {
display: block;
}
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WL2QLG5');</script>
<!-- End Google Tag Manager -->
{% if site.GH_ENV == "gh_pages" %}
<meta name="robots" content="noindex">{% endif %}
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="/favicons/docs@2x.ico" sizes="129x128">
<meta name="msapplication-TileImage" content="/favicons/docs@2x.ico">
<link rel="apple-touch-icon" type="image/x-icon" href="/favicons/docs@2x.ico" sizes="129x128">
<meta property="og:image" content="/favicons/docs@2x.ico"/>
<!-- metadata -->
<meta property="og:type" content="website"/>
<meta property="og:updated_time" itemprop="dateUpdated" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}"/>
<meta property="og:image" itemprop="image primaryImageOfPage" content="/images/docs@2x.png"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:domain" content="docs.docker.com"/>
<meta name="twitter:site" content="@docker_docs"/>
<meta name="twitter:url" content="https://twitter.com/docker_docs"/>
<meta name="twitter:title" itemprop="title name" content="{{ page.title }}"/>
<meta name="twitter:description" property="og:description" itemprop="description" content="{{ content | strip_html | truncatewords: 30}}" />
<meta name="twitter:image:src" content="/images/docs@2x.png"/>
<meta name="twitter:image:alt" content="Docker Documentation"/>
<meta property="article:published_time" itemprop="datePublished" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}docker, docker open source, docker platform, distributed applications, microservices, containers, docker containers, docker software, docker virtualization{% endif %}">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link id="pygments" rel="stylesheet" href="/css/pygments/perldoc.css">
<link id="pagestyle" rel="stylesheet" href="/css/style.css">
<!-- Go get "Open Sans" font from Google -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- SEO stuff -->
<title>{{ page.title }} | Docker Documentation</title>
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="{{ page.description }}" />
<meta property="og:description" content="{{ page.description }}" />
<link rel="canonical" href="{{ page.url }}" />
<meta property="og:url" content="https://docs.docker.com{{ page.url }}" />
<meta property="og:site_name" content="Docker Documentation" />
<script type="application/ld+json">{"@context":"http://schema.org","@type":"WebPage","headline":"{{ page.title }}","description":"{{ page.description }}","url":"https://docs.docker.com{{ page.url }}"}</script>
<!-- END SEO STUFF -->
{% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
<script>
// Default to assuming this is an archive and hiding some stuff
// See js/archive.js and js/docs.js for logic relating to this
var isArchive = true;
var dockerVersion = 'v{{ site.docker_ce_version }}';
</script>
</head>

21
_includes/header-landing.html Normal file
View File

@ -0,0 +1,21 @@
<div class="header">
<div class="fan"></div>
<div class="container-fluid">
<div class="row">
<div class="container-fluid">
<div class="navbar-header">
<img class="logo" src="../images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs">
</div>
<div class="navbar-collapse collapse">
<ul class="primary nav navbar-nav">
<li><a href="https://www.docker.com/why-docker">Why Docker?</a></li>
<li><a href="https://docs.docker.com/get-started/">Get started</a></li>
<li><a href="https://www.docker.com/products">Products</a></li>
<li><a href="https://docker.com/docker-community">Community</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</nav>
</div>
</div>
</div>

14
_includes/theme-switch.html Normal file
View File

@ -0,0 +1,14 @@
<div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>

271
_layouts/docs.html
View File

@ -14,269 +14,10 @@
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@charset "UTF-8";
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
display: none !important;
}
ng\:form {
display: block;
}
</style>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WL2QLG5');</script>
<!-- End Google Tag Manager -->
{% if site.GH_ENV == "gh_pages" %}
<meta name="robots" content="noindex">{% endif %}
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="/favicons/docs@2x.ico" sizes="129x128">
<meta name="msapplication-TileImage" content="/favicons/docs@2x.ico">
<link rel="apple-touch-icon" type="image/x-icon" href="/favicons/docs@2x.ico" sizes="129x128">
<meta property="og:image" content="/favicons/docs@2x.ico"/>
<!-- metadata -->
<meta property="og:type" content="website"/>
<meta property="og:updated_time" itemprop="dateUpdated" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}"/>
<meta property="og:image" itemprop="image primaryImageOfPage" content="/images/docs@2x.png"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:domain" content="docs.docker.com"/>
<meta name="twitter:site" content="@docker_docs"/>
<meta name="twitter:url" content="https://twitter.com/docker_docs"/>
<meta name="twitter:title" itemprop="title name" content="{{ page.title }}"/>
<meta name="twitter:description" property="og:description" itemprop="description" content="{{ content | strip_html | truncatewords: 30}}" />
<meta name="twitter:image:src" content="/images/docs@2x.png"/>
<meta name="twitter:image:alt" content="Docker Documentation"/>
<meta property="article:published_time" itemprop="datePublished" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}docker, docker open source, docker platform, distributed applications, microservices, containers, docker containers, docker software, docker virtualization{% endif %}">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link id="pygments" rel="stylesheet" href="/css/pygments/perldoc.css">
<link id="pagestyle" rel="stylesheet" href="/css/style.css">
<!-- Go get "Open Sans" font from Google -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- SEO stuff -->
<title>{{ page.title }} | Docker Documentation</title>
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="{{ page.description }}" />
<meta property="og:description" content="{{ page.description }}" />
<link rel="canonical" href="{{ page.url }}" />
<meta property="og:url" content="https://docs.docker.com{{ page.url }}" />
<meta property="og:site_name" content="Docker Documentation" />
<script type="application/ld+json">{"@context":"http://schema.org","@type":"WebPage","headline":"{{ page.title }}","description":"{{ page.description }}","url":"https://docs.docker.com{{ page.url }}"}</script>
<!-- END SEO STUFF -->
{% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
<script>
// Default to assuming this is an archive and hiding some stuff
// See js/archive.js and js/docs.js for logic relating to this
var isArchive = true;
var dockerVersion = 'v{{ site.docker_ce_version }}';
</script>
</head>
<body ng-app="Docker" ng-controller="DockerController" class="colums">
<header>
{% if page.landing == true %}
{% include global-header.html %}
{% else %}
{% include header.html %}
{% endif %}
</header>
<div class="{% if page.landing == true %}wrapper{%else%}wrapper right-open{% endif %}">
<div class="container-fluid">
<div class="row">
<div class="col-body">
<main class="col-content {% if page.landing == true %}main-content{%else%}content{% endif %}">
<section class="section">
{% if page.url == '/' %}
<h1>{{ site.name }}</h1>
{% else %}
{% if page.title %}
<h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %}
<blockquote>{{ site.data.advisories.texts[page.advisory] | markdownify }}</blockquote>{% endif %}{% endif %} {% unless page.tree == false or page.skip_read_time == true %}{% include read_time.html %}{% endunless %}
{% if page.enterprise %}{% include ee_dropdown.html %}{% endif %}
{% if page.ui_tabs or page.cli_tabs or page.api_tabs %}
{% capture content %}
{% if page.intro %}{{ page.intro | markdownify }}{% else %}{{ page.description | markdownify }}{% endif %}
{% if page.ui_tabs %}
<ul class="nav nav-tabs">{% for tab in page.ui_tabs %}
<li{% if forloop.first %} class="active"{% endif %}><a data-toggle="tab" data-target="#ui-{{ tab.version | slugify }}" id="ui-tabheader-{{ tab.version | slugify }}">{{ site.tablabels[tab.version] }}{% if tab.orhigher %} (or higher){% endif %}{% if tab.orlower %} (or lower){% endif %}</a></li>{% endfor %}
</ul>
<div class="tab-content">{% for tab in page.ui_tabs %}
<div id="ui-{{ tab.version | slugify }}" class="tab-pane fade{% if forloop.first %} in active{% endif %}">{% capture thistab %}{% include_relative {{ page.path | split: "/" | last }} version=tab.version ui="true" %}{% endcapture %}{{ thistab | split: "---" | shift:2 | join: "---" | markdownify }}</div>{% endfor %}
</div>
{% endif %}
{% if page.cli_tabs %}
<ul class="nav nav-tabs">{% for tab in page.cli_tabs %}
<li{% if forloop.first %} class="active"{% endif %}><a data-toggle="tab" data-target="#cli-{{ tab.version | slugify }}" id="cli-tabheader-{{ tab.version | slugify }}">{{ site.tablabels[tab.version] }}</a></li>{% endfor %}
</ul>
<div class="tab-content">{% for tab in page.cli_tabs %}
<div id="cli-{{ tab.version | slugify }}" class="tab-pane fade{% if forloop.first %} in active{% endif %}">{% capture thistab %}{% include_relative {{ page.path | split: "/" | last }} version=tab.version cli="true" %}{% endcapture %}{{ thistab | split: "---" | shift:2 | join: "---" | markdownify }}</div>{% endfor %}
</div>
{% endif %}
{% if page.api_tabs %}
<ul class="nav nav-tabs">{% for tab in page.api_tabs %}
<li{% if forloop.first %} class="active"{% endif %}><a data-toggle="tab" data-target="#api-{{ tab.version | slugify }}" id="api-tabheader-{{ tab.version | slugify }}">{{ site.tablabels[tab.version] }}</a></li>{% endfor %}
</ul>
<div class="tab-content">{% for tab in page.api_tabs %}
<div id="api-{{ tab.version | slugify }}" class="tab-pane fade{% if forloop.first %} in active{% endif %}">{% capture thistab %}{% include_relative {{ page.path | split: "/" | last }} version=tab.version api="true" %}{% endcapture %}{{ thistab | split: "---" | shift:2 | join: "---" | markdownify }}</div>{% endfor %}
</div>
{% endif %}
{% if page.next_steps %}
<h2>Next steps</h2>
<ul>
{% for step in page.next_steps %} <li><a href="{{ step.path }}">{{ step.title }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% endcapture %}
{% endif %}
{{ content }}
<!-- tags -->
{% unless page.notags == true %}
{% assign keywords = page.keywords | split:"," -%}
{% if keywords.size > 0 -%}
<span class="glyphicon glyphicon-tags" style="padding-right: 10px"></span><span style="vertical-align: 2px">
{%- for keyword in keywords -%}
{%- assign strippedKeyword = keyword | strip -%}
<a href="https://docs.docker.com/search/?q={{ strippedKeyword }}">{{ strippedKeyword }}</a>
{%- unless forloop.last %}, {% endunless -%}
{% endfor -%}
</span>
{% endif -%}
{% endunless %}
{% if page.noratings != true %}
<div id="ratings-div" style="color:#b9c2cc; text-align: center; margin-top: 150px; visibility: hidden">
<div id="pd_rating_holder_8453675"></div>
<script type="text/javascript">
PDRTJS_settings_8453675 = {
"id": "8453675",
"unique_id": "{{ page.path }}",
"title": "{{ page.title }}",
"permalink": "https://github.com/docker/docker.github.io/blob/master/{{ page.path }}"
};
(function(d, c, j) {
if (!document.getElementById(j)) {
var pd = d.createElement(c),
s;
pd.id = j;
pd.src = ('https:' == document.location.protocol) ? 'https://polldaddy.com/js/rating/rating.js' : 'http://i0.poll.fm/js/rating/rating.js';
s = document.getElementsByTagName(c)[0];
s.parentNode.insertBefore(pd, s);
}
}(document, 'script', 'pd-rating-js'));
</script>
</div>
{% endif %}
</section>
</main>
<nav class="col-nav">
<div id="sidebar-nav" class="sidebar hidden-sm hidden-xs">
{% include side-menu.html %}
</div>
</nav>
<div class="col-toc">
<div class="sidebar hidden-xs hidden-sm">
<div class="toc-nav">
<div class="feedback-links">
<ul>
{% if edit_url != "" %}
<li style="visibility: hidden"><a href="{{ edit_url }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit this page</a></li>{% endif %}
<li><a href="https://github.com/docker/docker.github.io/issues/new?body=File: [{{ page.path }}](https://docs.docker.com{{ page.url }})"
class="nomunge"><i class="fa fa-check" aria-hidden="true"></i> Request docs changes</a></li>
<!-- toggle mode -->
<li>
<div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>
</li>
</ul>
</div>
{% unless page.notoc %} {% assign my_min = page.toc_min | default: site.toc_min | default: 2 %} {% assign my_max = page.toc_max | default: site.toc_max | default: 3 %} {% assign my_name = page.url | default: "unnamed" %}
<div id="side-toc-title">On this page:</div>
{% include toc_pure_liquid.html html=content sanitize=true class="inline_toc" id="my_toc" toc_min=my_min toc_max=my_max page_name=my_name %}
{% endunless %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% if page.path == "404.md" %}
<script type="text/javascript">
var path = window.location.pathname.replace("#","");
var ghIssueQueryString = "https://github.com/docker/docker.github.io/issues/new?" + "title=404%20at%20" + path + "&body=URL%3A%20" + path;
document.getElementsByClassName("nomunge")[1].onclick = function() {
document.getElementsByClassName("nomunge")[1].href = ghIssueQueryString;
return true;
};
</script>
{% endif %}
<footer class="footer">
{% include footer.html %}
</footer>
<link rel="stylesheet" href="/css/github.css">
{% if page.highlightjs == true %}
<script src="/js/highlight.pack.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>
{% endif %}
<script defer src="/js/anchorlinks.js"></script>
<script defer src="/js/menu.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- Always include the archive.js, but it doesn't do much unless we are an archive -->
<script>
// Default to assuming this is an archive and hiding some stuff
// See js/archive.js and js/docs.js for logic relating to this
var isArchive = true;
var dockerVersion = 'v{{ site.docker_ce_version }}';
// In archives, we need to know the page root and we get it from JEKYLL_ENV in the jekyll build command
var jekyllEnv = '{{ jekyll.environment }}';
// If unset (in non-archive branches), defaults to "development". In that case, reset it to empty
if (jekyllEnv === 'development') {
jekyllEnv = '';
}
var pageURL = jekyllEnv + '{{ page.url }}';
</script>
<script src="/js/archive.js"></script>
<script src="/js/stickyfill.min.js"></script>
<script defer src="/js/metadata.js"></script>
<script src="/js/glossary.js"></script>
<script defer src="/js/docs.js"></script>
<script defer src="/js/toc.js"></script>
<script>
jQuery(document).ready(function(){hookupTOCEvents();});
</script>
</body>
{% include head.html %}
{% if page.landing == true %}
{% include body-landing.html %}
{%else%}
{% include body.html %}
{% endif %}
</html>

25
_scss/_breakpoint.scss Normal file
View File

@ -0,0 +1,25 @@
$sm-min-width: 576px;
$md-min-width: 768px;
$lg-min-width: 992px;
$xl-min-width: 1200px;
@mixin sm-width {
@media (min-width: $sm-min-width) {
@content;
}
}
@mixin md-width {
@media (min-width: $md-min-width) {
@content;
}
}
@mixin lg-width {
@media (min-width: $lg-min-width) {
@content;
}
}
@mixin xl-width {
@media (min-width: $xl-min-width) {
@content;
}
}

278
_scss/_landing.scss Normal file
View File

@ -0,0 +1,278 @@
$light-blue: #2496ed;
$dark-blue: #002c66;
$bg-header-night: #101c29;
body#landing {
background-color: $bg-sidebar;
color: $body-text-color;
font-family: "Geomanist Regular";
font-size: $body-text-size;
margin: $clear;
padding: $clear;
overflow-x: hidden;
section {
margin-top: 40px;
margin-bottom: 40px;
}
.header {
background-color: $light-blue;
a, .toggle-mode {
color: white;
}
.navbar-nav > li > a {
font-weight: bold;
padding-bottom: 11px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-bottom-color: rgba(255, 255, 255, 0);
}
.navbar-nav > li.active > a {
border-bottom-color: rgba(255, 255, 255, 0.5);
}
.logo {
margin: 12px 10px;
}
.toggle-mode {
margin-top: 15px;
.icon {
margin-top: 4px;
}
}
}
.hero {
padding-top: 50px;
padding-bottom: 50px;
h2 {
font-size: 32px;
line-height: 32px;
margin-bottom: 14px;
margin-top: 50px;
}
}
.card-holder {
padding: 7.5px;
}
.card {
background-color: $bg-body;
box-shadow: 0px 3px 6px rgba(11, 33, 74, 0.09),
0px -2px 2px rgba(11, 33, 74, 0.03);
padding: 24px 36px;
min-height: 200px;
@include sm-width {
min-height: 230px;
}
img {
height: 35px;
margin-bottom: 5px;
@include sm-width {
height: 40px;
margin-bottom: 6px;
}
@include md-width {
height: 50px;
margin-bottom: 8px;
}
@include lg-width {
height: 60px;
margin-bottom: 10px;
}
}
.title {
font-size: 16px;
line-height: 16px;
margin: 8px 0;
@include sm-width {
font-size: 18px;
line-height: 18px;
margin: 6px 0;
}
@include md-width {
font-size: 20px;
line-height: 20px;
margin: 6px 0;
}
@include lg-width {
font-size: 22px;
line-height: 22px;
margin: 8px 0;
}
}
p {
font-size: 14px;
line-height: 19px;
}
}
a.card {
display: block;
transition: transform 150ms ease-in-out;
&:focus,
&:visited {
text-decoration: none;
}
&:hover {
opacity: 1;
transform: scale(1.01);
}
}
.cardlet {
background-color: #F2F3F5;
padding: 24px 36px;
p {
font-size: 14px;
line-height: 18px;
}
}
section.join-community {
background-color: $dark-blue;
padding: 75px 0;
h5, p {
color: white;
}
a.slack-button {
background: #FFFFFF;
border: 2px solid #FFFFFF;
box-sizing: border-box;
border-radius: 3px;
align-items: center;
display: inline-flex;
padding: 0 26px 0 2px;
text-transform: none;
margin-top: 2rem;
img {
height: 56px;
width: 56px;
}
span {
font-weight: bold;
font-size: 17px;
line-height: 24px;
color: $dark-blue;
}
}
}
.help-by-product {
ul.nav.nav-tabs {
li a {
cursor: pointer;
}
li.active a {
background-color: inherit;
border: none;
border-bottom: 5px solid $dark-blue;
}
}
.row[data-tab] {
display: none;
&[data-os] .only-win,
&[data-os] .only-mac {
display: none;
}
&[data-os="win"] .only-win,
&[data-os="mac"] .only-mac {
display: initial;
}
&[data-os="win"] p.only-win,
&[data-os="mac"] p.only-mac {
display: block;
}
&.active {
display: block;
}
.image {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-top: 15px;
width: 130px;
height: 130px;
margin-left: auto;
margin-right: auto;
}
}
}
#community-resources,
#play-with-docker {
.card {
position: relative;
min-height: 200px;
&::after {
content: '→';
position: absolute;
top: 10px;
right: 10px;
transform: rotate(-45deg);
font-size: large;
}
@include sm-width {
min-height: 185px;
}
}
}
footer.footer {
background-color: $dark-blue;
a, p {
color: white;
}
}
}
body#landing.night {
background-color: $bg-body-night;
color: $body-text-color-night;
.header {
background-color: $bg-header-night;
}
.card {
background-color: $bg-header-night;
}
.cardlet {
background-color: $bg-header-night;
}
}

1
_scss/_layout.scss
View File

@ -25,7 +25,6 @@
background: $bg-secondary;
// animation: gradientswitch 80s infinite;
// -webkit-animation: gradientswitch 80s infinite;
height: $global-header-height;
position: relative;
z-index: 1;
transition: all 0.1s ease;

8
_scss/_typography.scss
View File

@ -12,6 +12,14 @@
font-style: normal;
}
@font-face {
font-family: 'Geomanist Regular';
src: url("../fonts/geomanist/hinted-Geomanist-Regular.eot");
src: url("../fonts/geomanist/hinted-Geomanist-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/geomanist/hinted-Geomanist-Regular.woff2") format("woff2"), url("../fonts/geomanist/hinted-Geomanist-Regular.woff") format("woff"), url("../fonts/geomanist/hinted-Geomanist-Regular.ttf") format("truetype"), url("../fonts/geomanist/hinted-Geomanist-Book.svg#Geomanist-Regular") format("svg");
font-weight: normal;
font-style: normal;
}
h1,
h2,
h3,

2
css/style.scss
View File

@ -2,10 +2,12 @@
# Docker Documentation Theme
---
@import "breakpoint";
@import "variables";
@import "night-mode";
@import "base";
@import "typography";
@import "landing";
@import "layout";
@import "global-header";
@import "navigation";

16
images/download-docker.svg Normal file
View File

@ -0,0 +1,16 @@
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="30" fill="#2854A1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.9263 27.1071C49.8252 27.0254 48.8802 26.3126 46.8891 26.3126C46.391 26.3126 45.8656 26.3579 45.3197 26.4476C44.935 23.8048 42.7543 22.5175 42.6528 22.4591L42.1177 22.1503L41.765 22.6582C41.7387 22.696 41.119 23.5982 40.815 24.8823C40.458 26.3903 40.6746 27.8062 41.4408 29.0183C40.5156 29.5331 39.0387 29.6674 38.7321 29.6714H14.1672C13.5263 29.6714 13.0027 30.1923 13.0002 30.8327C12.9905 33.0928 13.3629 35.2769 14.0769 37.1486C14.9236 39.3683 16.1832 41.0024 17.8198 42.0057C19.6555 43.1303 22.6441 43.7755 26.0189 43.7755C27.598 43.7755 29.172 43.6329 30.5704 43.3629C32.7742 42.9381 34.775 42.2113 36.5168 41.2036C38.0358 40.3249 39.4 39.2071 40.5717 37.8823C42.5182 35.6798 43.6777 33.2199 44.5399 31.043C44.6561 31.0477 44.7706 31.0498 44.8836 31.0498C47.0143 31.0498 48.3246 30.1981 49.0482 29.4831C49.8331 28.7077 50.1124 27.9347 50.1415 27.8491L50.2941 27.4023L49.9263 27.1071Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.444 28.9527H19.736C19.8947 28.9527 20.0239 28.8239 20.0239 28.6644V25.7307C20.0239 25.5713 19.8947 25.4424 19.736 25.4424H16.444C16.285 25.4424 16.1558 25.5713 16.1558 25.7307V28.6644C16.1558 28.8239 16.285 28.9527 16.444 28.9527Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9806 28.9527H24.2719C24.4313 28.9527 24.5602 28.8239 24.5602 28.6644V25.7307C24.5602 25.5713 24.4313 25.4424 24.2719 25.4424H20.9806C20.8212 25.4424 20.6924 25.5713 20.6924 25.7307V28.6644C20.6924 28.8239 20.8212 28.9527 20.9806 28.9527Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5862 28.9527H28.8779C29.0369 28.9527 29.1661 28.8239 29.1661 28.6644V25.7307C29.1661 25.5713 29.0369 25.4424 28.8779 25.4424H25.5862C25.4272 25.4424 25.2983 25.5713 25.2983 25.7307V28.6644C25.2983 28.8239 25.4272 28.9527 25.5862 28.9527Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1379 28.9527H33.4295C33.5889 28.9527 33.7178 28.8239 33.7178 28.6644V25.7307C33.7178 25.5713 33.5889 25.4424 33.4295 25.4424H30.1379C29.9792 25.4424 29.8496 25.5713 29.8496 25.7307V28.6644C29.8496 28.8239 29.9792 28.9527 30.1379 28.9527Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9806 24.7314H24.2719C24.4313 24.7314 24.5602 24.6025 24.5602 24.4434V21.5094C24.5602 21.3503 24.4313 21.2211 24.2719 21.2211H20.9806C20.8212 21.2211 20.6924 21.3503 20.6924 21.5094V24.4434C20.6924 24.6025 20.8212 24.7314 20.9806 24.7314Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5862 24.7314H28.8779C29.0369 24.7314 29.1661 24.6025 29.1661 24.4434V21.5094C29.1661 21.3503 29.0369 21.2211 28.8779 21.2211H25.5862C25.4272 21.2211 25.2983 21.3503 25.2983 21.5094V24.4434C25.2983 24.6025 25.4272 24.7314 25.5862 24.7314Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1379 24.7314H33.4295C33.5889 24.7314 33.7178 24.6025 33.7178 24.4434V21.5094C33.7178 21.3503 33.5889 21.2211 33.4295 21.2211H30.1379C29.9792 21.2211 29.8496 21.3503 29.8496 21.5094V24.4434C29.8496 24.6025 29.9792 24.7314 30.1379 24.7314Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1379 20.5104H33.4295C33.5889 20.5104 33.7178 20.3811 33.7178 20.222V17.2884C33.7178 17.1289 33.5889 17 33.4295 17H30.1379C29.9792 17 29.8496 17.1289 29.8496 17.2884V20.222C29.8496 20.3811 29.9792 20.5104 30.1379 20.5104Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.7292 28.9527H38.0205C38.1799 28.9527 38.3087 28.8239 38.3087 28.6644V25.7307C38.3087 25.5713 38.1799 25.4424 38.0205 25.4424H34.7292C34.5697 25.4424 34.4409 25.5713 34.4409 25.7307V28.6644C34.4409 28.8239 34.5697 28.9527 34.7292 28.9527Z" fill="#71CFFF"/>
<circle cx="51" cy="51" r="9" fill="#71CFFF"/>
<path d="M51 57L57 51H45L51 57Z" fill="white"/>
<rect x="48.3882" y="46" width="5.22358" height="5.35" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

44
images/engine.svg Normal file
View File

@ -0,0 +1,44 @@
<svg width="160" height="115" viewBox="0 0 160 115" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M158.424 43.3965C157.991 43.0528 153.939 39.9926 145.393 39.9926C143.262 39.9926 140.997 40.1811 138.667 40.5692C137.013 29.2488 127.656 23.7273 127.223 23.4833L124.925 22.1639L123.416 24.3371C123.305 24.5034 120.641 28.3618 119.342 33.8612C117.81 40.3252 118.743 46.3901 122.028 51.5791C118.821 53.3641 114.07 54.0737 111.672 54.2955V39.6156C111.672 37.7086 110.13 36.1674 108.22 36.1674H91.9596V22.5852V21.5319V3.44821C91.9596 1.54116 90.4168 0 88.5076 0H72.7796C70.8705 0 69.3276 1.54116 69.3276 3.44821V18.0837H53.7549H53.2666H33.5094C31.6002 18.0837 30.0574 19.6249 30.0574 21.5319V36.1674H14.0297C12.1205 36.1674 10.5777 37.7086 10.5777 39.6156V54.3842H6.31547C4.61724 54.3842 3.0189 55.0494 1.82015 56.258C0.621398 57.4665 -0.022376 59.0631 -0.000176929 60.7595C0.121918 70.2282 1.80905 79.3311 4.87253 87.0702C8.50208 96.2395 13.8188 103.025 20.6783 107.216C28.5479 112.039 41.3789 114.8 55.8528 114.8C62.6235 114.8 69.3831 114.19 75.3769 113.037C84.8337 111.219 93.4136 108.103 100.884 103.79C107.399 100.02 113.26 95.2416 118.277 89.5648C126.635 80.1294 131.607 69.5963 135.303 60.2606C135.803 60.2827 136.291 60.2938 136.78 60.2938C145.926 60.2938 151.542 56.646 154.65 53.5859C158.013 50.2597 159.212 46.9556 159.345 46.5897L160 44.6715L158.424 43.3965Z" fill="#2854A1"/>
<path d="M28.6479 39.1832H15.1398C14.2851 39.1832 13.5969 39.8707 13.5969 40.7244V52.6767C13.5969 53.5305 14.2851 54.2179 15.1398 54.2179H28.6479C29.5026 54.2179 30.1908 53.5305 30.1908 52.6767V40.7244C30.1908 39.8707 29.5026 39.1832 28.6479 39.1832Z" fill="#2496ED"/>
<path d="M18.1256 50.8251C18.1256 51.0358 17.9591 51.2132 17.7371 51.2132H16.9935C16.7826 51.2132 16.605 51.0468 16.605 50.8251V42.5982C16.605 42.3875 16.7715 42.2101 16.9935 42.2101H17.7371C17.948 42.2101 18.1256 42.3875 18.1256 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M22.6542 50.8251C22.6542 51.0358 22.4877 51.2132 22.2657 51.2132H21.522C21.3111 51.2132 21.1335 51.0468 21.1335 50.8251V42.5982C21.1335 42.3875 21.3 42.2101 21.522 42.2101H22.2657C22.4766 42.2101 22.6542 42.3875 22.6542 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M27.1718 50.8251C27.1718 51.0358 27.0053 51.2132 26.7833 51.2132H26.0396C25.8287 51.2132 25.6511 51.0468 25.6511 50.8251V42.5982C25.6511 42.3875 25.8176 42.2101 26.0396 42.2101H26.7833C26.9942 42.2101 27.1718 42.3875 27.1718 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M48.1054 39.1832H34.5973C33.7426 39.1832 33.0544 39.8707 33.0544 40.7244V52.6767C33.0544 53.5305 33.7426 54.2179 34.5973 54.2179H48.1054C48.9601 54.2179 49.6483 53.5305 49.6483 52.6767V40.7244C49.6483 39.8707 48.9601 39.1832 48.1054 39.1832Z" fill="#2496ED"/>
<path d="M37.5831 50.8251C37.5831 51.0358 37.4166 51.2132 37.1947 51.2132H36.451C36.2401 51.2132 36.0625 51.0468 36.0625 50.8251V42.5982C36.0625 42.3875 36.229 42.2101 36.451 42.2101H37.1947C37.4055 42.2101 37.5831 42.3875 37.5831 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M42.1117 50.8251C42.1117 51.0358 41.9452 51.2132 41.7232 51.2132H40.9795C40.7687 51.2132 40.5911 51.0468 40.5911 50.8251V42.5982C40.5911 42.3875 40.7576 42.2101 40.9795 42.2101H41.7232C41.9341 42.2101 42.1117 42.3875 42.1117 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M46.6403 50.8251C46.6403 51.0358 46.4738 51.2132 46.2518 51.2132H45.5081C45.2972 51.2132 45.1196 51.0468 45.1196 50.8251V42.5982C45.1196 42.3875 45.2861 42.2101 45.5081 42.2101H46.2518C46.4627 42.2101 46.6403 42.3875 46.6403 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M67.8738 39.1832H54.3656C53.5109 39.1832 52.8228 39.8707 52.8228 40.7244V52.6767C52.8228 53.5305 53.5109 54.2179 54.3656 54.2179H67.8738C68.7284 54.2179 69.4166 53.5305 69.4166 52.6767V40.7244C69.4166 39.8707 68.7284 39.1832 67.8738 39.1832Z" fill="#2496ED"/>
<path d="M57.3515 50.8251C57.3515 51.0358 57.185 51.2132 56.963 51.2132H56.2193C56.0084 51.2132 55.8308 51.0468 55.8308 50.8251V42.5982C55.8308 42.3875 55.9973 42.2101 56.2193 42.2101H56.963C57.1739 42.2101 57.3515 42.3875 57.3515 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M61.869 50.8251C61.869 51.0358 61.7025 51.2132 61.4805 51.2132H60.7369C60.526 51.2132 60.3484 51.0468 60.3484 50.8251V42.5982C60.3484 42.3875 60.5149 42.2101 60.7369 42.2101H61.4805C61.6914 42.2101 61.869 42.3875 61.869 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M66.3973 50.8251C66.3973 51.0358 66.2309 51.2132 66.0089 51.2132H65.2652C65.0543 51.2132 64.8767 51.0468 64.8767 50.8251V42.5982C64.8767 42.3875 65.0432 42.2101 65.2652 42.2101H66.0089C66.2198 42.2101 66.3973 42.3875 66.3973 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M87.3979 39.1832H73.8898C73.0351 39.1832 72.3469 39.8707 72.3469 40.7244V52.6767C72.3469 53.5305 73.0351 54.2179 73.8898 54.2179H87.3979C88.2526 54.2179 88.9408 53.5305 88.9408 52.6767V40.7244C88.9408 39.8707 88.2526 39.1832 87.3979 39.1832Z" fill="#2496ED"/>
<path d="M76.8756 50.8251C76.8756 51.0358 76.7091 51.2132 76.4871 51.2132H75.7435C75.5326 51.2132 75.355 51.0468 75.355 50.8251V42.5982C75.355 42.3875 75.5215 42.2101 75.7435 42.2101H76.4871C76.698 42.2101 76.8756 42.3875 76.8756 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M81.393 50.8251C81.393 51.0358 81.2265 51.2132 81.0045 51.2132H80.2608C80.0499 51.2132 79.8723 51.0468 79.8723 50.8251V42.5982C79.8723 42.3875 80.0388 42.2101 80.2608 42.2101H81.0045C81.2154 42.2101 81.393 42.3875 81.393 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M85.9216 50.8251C85.9216 51.0358 85.7551 51.2132 85.5332 51.2132H84.8006C84.5897 51.2132 84.4121 51.0468 84.4121 50.8251V42.5982C84.4121 42.3875 84.5786 42.2101 84.8006 42.2101H85.5443C85.7551 42.2101 85.9327 42.3875 85.9327 42.5982V50.8251H85.9216Z" fill="#2854A1"/>
<path d="M48.1054 21.0995H34.5973C33.7426 21.0995 33.0544 21.787 33.0544 22.6407V34.593C33.0544 35.4468 33.7426 36.1342 34.5973 36.1342H48.1054C48.9601 36.1342 49.6483 35.4468 49.6483 34.593V22.6407C49.6483 21.787 48.9601 21.0995 48.1054 21.0995Z" fill="#2496ED"/>
<path d="M37.5831 32.7414C37.5831 32.9521 37.4166 33.1295 37.1947 33.1295H36.451C36.2401 33.1295 36.0625 32.9631 36.0625 32.7414V24.5145C36.0625 24.3038 36.229 24.1264 36.451 24.1264H37.1947C37.4055 24.1264 37.5831 24.2927 37.5831 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M42.1117 32.7414C42.1117 32.9521 41.9452 33.1295 41.7232 33.1295H40.9795C40.7687 33.1295 40.5911 32.9631 40.5911 32.7414V24.5145C40.5911 24.3038 40.7576 24.1264 40.9795 24.1264H41.7232C41.9341 24.1264 42.1117 24.2927 42.1117 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M46.6403 32.7414C46.6403 32.9521 46.4738 33.1295 46.2518 33.1295H45.5081C45.2972 33.1295 45.1196 32.9631 45.1196 32.7414V24.5145C45.1196 24.3038 45.2861 24.1264 45.5081 24.1264H46.2518C46.4627 24.1264 46.6403 24.2927 46.6403 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M67.8738 21.0995H54.3656C53.5109 21.0995 52.8228 21.787 52.8228 22.6407V34.593C52.8228 35.4468 53.5109 36.1342 54.3656 36.1342H67.8738C68.7284 36.1342 69.4166 35.4468 69.4166 34.593V22.6407C69.4166 21.787 68.7284 21.0995 67.8738 21.0995Z" fill="#2496ED"/>
<path d="M57.3515 32.7414C57.3515 32.9521 57.185 33.1295 56.963 33.1295H56.2193C56.0084 33.1295 55.8308 32.9631 55.8308 32.7414V24.5145C55.8308 24.3038 55.9973 24.1264 56.2193 24.1264H56.963C57.1739 24.1264 57.3515 24.2927 57.3515 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M61.869 32.7414C61.869 32.9521 61.7025 33.1295 61.4805 33.1295H60.7369C60.526 33.1295 60.3484 32.9631 60.3484 32.7414V24.5145C60.3484 24.3038 60.5149 24.1264 60.7369 24.1264H61.4805C61.6914 24.1264 61.869 24.2927 61.869 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M66.3973 32.7414C66.3973 32.9521 66.2309 33.1295 66.0089 33.1295H65.2652C65.0543 33.1295 64.8767 32.9631 64.8767 32.7414V24.5145C64.8767 24.3038 65.0432 24.1264 65.2652 24.1264H66.0089C66.2198 24.1264 66.3973 24.2927 66.3973 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M87.3979 21.0995H73.8898C73.0351 21.0995 72.3469 21.787 72.3469 22.6407V34.593C72.3469 35.4468 73.0351 36.1342 73.8898 36.1342H87.3979C88.2526 36.1342 88.9408 35.4468 88.9408 34.593V22.6407C88.9408 21.787 88.2526 21.0995 87.3979 21.0995Z" fill="#2496ED"/>
<path d="M76.8756 32.7414C76.8756 32.9521 76.7091 33.1295 76.4871 33.1295H75.7435C75.5326 33.1295 75.355 32.9631 75.355 32.7414V24.5145C75.355 24.3038 75.5215 24.1264 75.7435 24.1264H76.4871C76.698 24.1264 76.8756 24.2927 76.8756 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M81.393 32.7414C81.393 32.9521 81.2265 33.1295 81.0045 33.1295H80.2608C80.0499 33.1295 79.8723 32.9631 79.8723 32.7414V24.5145C79.8723 24.3038 80.0388 24.1264 80.2608 24.1264H81.0045C81.2154 24.1264 81.393 24.2927 81.393 24.5145V32.7414Z" fill="#2854A1"/>
<path d="M85.9216 32.7414C85.9216 32.9521 85.7551 33.1295 85.5332 33.1295H84.8006C84.5897 33.1295 84.4121 32.9631 84.4121 32.7414V24.5145C84.4121 24.3038 84.5786 24.1264 84.8006 24.1264H85.5443C85.7551 24.1264 85.9327 24.2927 85.9327 24.5145V32.7414H85.9216Z" fill="#2854A1"/>
<path d="M87.3979 3.01581H73.8898C73.0351 3.01581 72.3469 3.70323 72.3469 4.55697V16.5093C72.3469 17.363 73.0351 18.0505 73.8898 18.0505H87.3979C88.2526 18.0505 88.9408 17.363 88.9408 16.5093V4.55697C88.9408 3.70323 88.2526 3.01581 87.3979 3.01581Z" fill="#2496ED"/>
<path d="M76.8756 14.6577C76.8756 14.8683 76.7091 15.0457 76.4871 15.0457H75.7435C75.5326 15.0457 75.355 14.8794 75.355 14.6577V6.43076C75.355 6.22009 75.5215 6.04269 75.7435 6.04269H76.4871C76.698 6.04269 76.8756 6.20901 76.8756 6.43076V14.6577Z" fill="#2854A1"/>
<path d="M81.393 14.6577C81.393 14.8683 81.2265 15.0457 81.0045 15.0457H80.2608C80.0499 15.0457 79.8723 14.8794 79.8723 14.6577V6.43076C79.8723 6.22009 80.0388 6.04269 80.2608 6.04269H81.0045C81.2154 6.04269 81.393 6.20901 81.393 6.43076V14.6577Z" fill="#2854A1"/>
<path d="M85.9216 14.6577C85.9216 14.8683 85.7551 15.0457 85.5332 15.0457H84.8006C84.5897 15.0457 84.4121 14.8794 84.4121 14.6577V6.43076C84.4121 6.22009 84.5786 6.04269 84.8006 6.04269H85.5443C85.7551 6.04269 85.9327 6.20901 85.9327 6.43076V14.6577H85.9216Z" fill="#2854A1"/>
<path d="M107.1 39.1832H93.5914C92.7368 39.1832 92.0486 39.8707 92.0486 40.7244V52.6767C92.0486 53.5305 92.7368 54.2179 93.5914 54.2179H107.1C107.954 54.2179 108.642 53.5305 108.642 52.6767V40.7244C108.642 39.8707 107.943 39.1832 107.1 39.1832Z" fill="#2496ED"/>
<path d="M96.5663 50.8251C96.5663 51.0358 96.3998 51.2132 96.1778 51.2132H95.4341C95.2233 51.2132 95.0457 51.0468 95.0457 50.8251V42.5982C95.0457 42.3875 95.2122 42.2101 95.4341 42.2101H96.1778C96.3887 42.2101 96.5663 42.3875 96.5663 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M101.095 50.8251C101.095 51.0358 100.928 51.2132 100.706 51.2132H99.9625C99.7516 51.2132 99.574 51.0468 99.574 50.8251V42.5982C99.574 42.3875 99.7405 42.2101 99.9625 42.2101H100.706C100.917 42.2101 101.095 42.3875 101.095 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M105.623 50.8251C105.623 51.0358 105.457 51.2132 105.235 51.2132H104.491C104.28 51.2132 104.103 51.0468 104.103 50.8251V42.5982C104.103 42.3875 104.269 42.2101 104.491 42.2101H105.235C105.446 42.2101 105.623 42.3875 105.623 42.5982V50.8251Z" fill="#2854A1"/>
<path d="M2.88581 60.4934C2.87471 58.7083 4.31765 57.2558 6.09358 57.2558H110.396C111.151 57.2558 121.529 56.7126 126.002 52.1778C115.99 40.037 125.769 25.978 125.769 25.978C125.769 25.978 136.014 31.8765 136.014 44.0285C150.443 40.6911 156.603 45.6361 156.603 45.6361C156.603 45.6361 152.008 59.052 133.383 57.2337C126.446 75.2065 113.781 102.704 74.822 110.21C57.984 113.447 34.5528 112.339 22.1768 104.766C8.63537 96.4723 3.0301 77.5792 2.88581 60.4934Z" fill="#2496ED"/>
<path d="M51.3133 89.0659C54.2129 89.0659 56.5634 86.703 56.5634 83.7883C56.5634 80.8735 54.2129 78.5106 51.3133 78.5106C48.4138 78.5106 46.0632 80.8735 46.0632 83.7883C46.0632 86.703 48.4138 89.0659 51.3133 89.0659Z" fill="white"/>
<path d="M51.7572 82.1695C51.6462 81.6927 51.7905 81.2492 52.068 80.8944C51.624 80.7725 51.1467 80.7503 50.6583 80.8612C49.0489 81.227 48.0388 82.8347 48.4051 84.4646C48.7714 86.0834 50.3808 87.1034 52.0014 86.7375C53.6108 86.3717 54.6209 84.764 54.2546 83.1341C54.2435 83.0787 54.2102 83.0232 54.1991 82.9678C54.0215 83.123 53.8106 83.2561 53.5664 83.3115C52.7562 83.5 51.9459 82.99 51.7572 82.1695Z" fill="#2854A1"/>
<path d="M42.0118 94.909C42.0007 94.909 42.0007 94.9201 41.9896 94.9201C35.5186 98.7564 28.093 100.785 20.5342 100.785C19.5463 100.785 18.1922 100.708 16.8491 100.586C18.4697 102.171 20.2345 103.568 22.1769 104.755C30.3018 109.722 43.1884 111.917 55.8418 111.917C58.4502 111.917 61.0475 111.829 63.5893 111.64C54.6098 108.713 47.0066 102.726 42.0118 94.909Z" fill="white"/>
<path d="M20.5341 100.785C18.4362 100.785 16.0831 100.586 14.2295 100.331C13.4414 100.22 12.5091 97.1931 13.3082 97.315C15.0287 97.5589 18.5916 97.9137 20.5341 97.9137C27.5712 97.9137 34.4862 96.0289 40.5132 92.4476C41.2014 92.0374 42.0783 92.2702 42.489 92.9466C42.8996 93.6229 42.6666 94.5099 41.9895 94.9201C35.5184 98.7564 28.0928 100.785 20.5341 100.785Z" fill="#2854A1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

5
images/guides.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="53" height="50" viewBox="0 0 53 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5 16C5.14912 16 0 21.0745 0 27.3333C0 35.8333 11.5 50 11.5 50C11.5 50 23 35.8333 23 27.3333C23 21.0745 17.8509 16 11.5 16ZM11.5 33C8.326 33 5.75 30.4613 5.75 27.3333C5.75 24.2053 8.326 21.6667 11.5 21.6667C14.674 21.6667 17.25 24.2053 17.25 27.3333C17.25 30.4613 14.674 33 11.5 33Z" fill="#2854A1"/>
<path d="M14 49H43.1169C43.1169 49 52 48.4169 52 41.4199C52 34.4229 43.1169 34.4229 43.1169 34.4229H31.7662C31.7662 34.4229 24.8571 34.4229 24.8571 27.4258C24.8571 20.4288 31.7662 21.0119 31.7662 21.0119H43.1169" stroke="#71CFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="3 3"/>
<path d="M44.5 0C40.3581 0 37 3.2835 37 7.33333C37 12.8333 44.5 22 44.5 22C44.5 22 52 12.8333 52 7.33333C52 3.2835 48.6419 0 44.5 0ZM44.5 11C42.43 11 40.75 9.35733 40.75 7.33333C40.75 5.30933 42.43 3.66667 44.5 3.66667C46.57 3.66667 48.25 5.30933 48.25 7.33333C48.25 9.35733 46.57 11 44.5 11Z" fill="#2854A1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

51
images/hub.svg Normal file
View File

@ -0,0 +1,51 @@
<svg width="125" height="169" viewBox="0 0 125 169" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="7" y="0" width="114" height="70">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.7168 0H120.62V69.4091H7.7168V0Z" fill="white"/>
</mask>
<g mask="url(#mask0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M119.606 63.3411L10.162 0.153688C9.8542 -0.0242065 9.58202 -0.0411065 9.39612 0.0682989L9.39257 0.0638515L7.7168 1.02271C7.90003 0.948879 8.14997 0.9809 8.4266 1.14101L117.87 64.3284C118.43 64.6513 118.883 65.3664 118.883 65.9268V69.4091L120.62 68.2697V64.9395C120.62 64.38 120.165 63.664 119.606 63.3411Z" fill="#8F9DAA"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.60913 1.08562L7.62336 1.10341C7.65005 1.08206 7.66784 1.04826 7.70075 1.03314L7.60913 1.08562Z" fill="#BCC4CC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.15356 6.0531L118.889 69.4086L9.15356 6.0531Z" fill="#6B7C85"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M118.882 140.851V69.4086L9.1465 6.05312L7.41113 5.05157V76.4933C7.41113 77.0528 7.86476 77.7688 8.42424 78.0917L117.868 141.279C118.181 141.46 118.45 141.465 118.635 141.35C118.782 141.26 118.882 141.099 118.882 140.851Z" fill="#E9EBEE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.434 44.2296L19.0906 32.9309V30.6108L38.434 41.9095V44.2296Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.434 74.1029L19.0906 62.8043V60.4842L38.434 71.7829V74.1029Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8157 52.1495L16.0105 40.5844V38.2634L35.8157 49.8295V52.1495Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8157 47.6861L16.0105 36.1209V33.8L35.8157 45.366V47.6861Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.0375 77.2198L16.0105 66.1084V63.7883L35.0375 74.8997V77.2198Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8157 61.0282L16.0105 49.4622V47.1421L35.8157 58.7073V61.0282Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8157 65.6692L16.0105 54.1031V51.7822L35.8157 63.3482V65.6692Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8157 82.3764L16.0105 70.8104V68.4894L35.8157 80.0555V82.3764Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1642 31.2398C18.1642 31.8413 17.6825 32.0471 17.0878 31.6997C16.4931 31.3532 16.0105 30.5837 16.0105 29.9821C16.0105 29.3805 16.4931 29.1739 17.0878 29.5213C17.6825 29.8687 18.1642 30.6382 18.1642 31.2398Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1642 61.366C18.1642 61.9675 17.6825 62.1733 17.0878 61.8259C16.4931 61.4786 16.0105 60.7099 16.0105 60.1083C16.0105 59.5068 16.4931 59.3001 17.0878 59.6475C17.6825 59.9949 18.1642 60.7644 18.1642 61.366Z" fill="#A5B1BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M118.887 69.4089V140.851C118.887 141.099 118.787 141.26 118.64 141.35L118.651 141.364L120.353 140.396L120.351 140.393C120.518 140.309 120.622 140.129 120.622 139.864V68.2695L118.887 69.4089Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M117.869 64.3278L8.42513 1.14042C8.14851 0.980312 7.89856 0.94918 7.71622 1.02301C7.70911 1.02568 7.70377 1.03012 7.69843 1.03279C7.66641 1.04791 7.64773 1.08171 7.62105 1.10306C7.4983 1.20001 7.41113 1.345 7.41113 1.56825V5.05055L118.883 69.4085V65.9262C118.883 65.3658 118.428 64.6507 117.869 64.3278Z" fill="#E9EBEE"/>
<path d="M8.42598 5.87703L117.87 69.0644L118.884 69.6549V80.3714L7.41198 16.0135V6.30487C7.41198 6.08161 7.41113 5.47672 7.41113 5.47672V5.33685L8.42598 5.87703Z" fill="#37AAF7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M111.184 70.9354C111.184 71.9989 110.388 72.3632 109.405 71.7488C108.422 71.1358 107.626 69.7754 107.626 68.7119C107.626 67.6484 108.422 67.2841 109.405 67.8985C110.388 68.5129 111.184 69.8719 111.184 70.9354Z" fill="#2496ED"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.8929 5.38647C11.8929 5.91304 11.4659 6.0936 10.9394 5.7894C10.4128 5.4852 9.98584 4.81187 9.98584 4.28619C9.98584 3.75873 10.4128 3.57906 10.9394 3.88326C11.4659 4.18657 11.8929 4.8599 11.8929 5.38647Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1275 7.25542C15.1275 7.78199 14.7005 7.96166 14.174 7.65835C13.6474 7.35415 13.2205 6.68082 13.2205 6.15425C13.2205 5.62768 13.6474 5.44801 14.174 5.75132C14.7005 6.05552 15.1275 6.72885 15.1275 7.25542Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3606 9.1231C18.3606 9.64967 17.9337 9.83023 17.4071 9.52603C16.8806 9.22183 16.4536 8.5485 16.4536 8.02282C16.4536 7.49536 16.8806 7.31569 17.4071 7.61989C17.9337 7.9232 18.3606 8.59653 18.3606 9.1231Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.999 102.965L109.701 101.997V82.3682L47.0655 46.2526L45.363 47.2204V66.848L107.999 102.965Z" fill="#B9C2C9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.998 83.3372V102.965L45.363 66.849V47.2205L107.998 83.3372Z" fill="#F7F7F8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.371 63.0085C57.371 65.3481 55.5795 66.1495 53.3684 64.7978C51.1572 63.4494 49.3657 60.4564 49.3657 58.1167C49.3657 55.777 51.1572 54.9757 53.3684 56.3273C55.5795 57.679 57.371 60.6688 57.371 63.0085Z" fill="#70D8BD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.1201 83.2113L60.929 62.8939V61.0073L96.1201 81.3247V83.2113Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.51 84.1079L60.929 66.4518V64.5652L91.51 82.2213V84.1079Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.9395 79.3492L60.929 70.0098V68.1232L76.9395 77.4626V79.3492Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.999 126.091L109.701 125.123V105.494L47.0655 69.3789L45.363 70.3467V89.9743L107.999 126.091Z" fill="#B9C2C9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.998 106.463V126.091L45.363 89.9753V70.3468L107.998 106.463Z" fill="#F7F7F8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.371 86.1348C57.371 88.4745 55.5795 89.2758 53.3684 87.9241C51.1572 86.5757 49.3657 83.5827 49.3657 81.243C49.3657 78.9033 51.1572 78.102 53.3684 79.4536C55.5795 80.8053 57.371 83.7951 57.371 86.1348Z" fill="#70D8BD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.1201 106.338L60.929 86.0202V84.1336L96.1201 104.451V106.338Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.51 107.234L60.929 89.5781V87.6915L91.51 105.348V107.234Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.9395 102.475L60.929 93.136V91.2495L76.9395 100.589V102.475Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.999 149.217L109.701 148.249V128.621L47.0655 92.5052L45.363 93.473V113.101L107.999 149.217Z" fill="#B9C2C9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.998 129.59V149.217L45.363 113.102V93.4731L107.998 129.59Z" fill="#F7F7F8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.371 109.261C57.371 111.601 55.5795 112.402 53.3684 111.05C51.1572 109.702 49.3657 106.709 49.3657 104.369C49.3657 102.03 51.1572 101.228 53.3684 102.58C55.5795 103.932 57.371 106.921 57.371 109.261Z" fill="#70D8BD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.1201 129.464L60.929 109.146V107.26L96.1201 127.577V129.464Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.51 130.36L60.929 112.704V110.818L91.51 128.474V130.36Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.9395 125.602L60.929 116.262V114.376L76.9395 123.715V125.602Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.5939 34.6894L16.0105 19.1444V13.3421L42.5939 28.8871V34.6894Z" fill="#2496ED"/>
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M116.07 168.332L1.15702 101.914C-0.556999 100.924 -0.341746 99.1956 1.63733 98.0526C3.61642 96.9105 6.6095 96.786 8.32351 97.776L123.237 164.194C124.951 165.183 124.736 166.912 122.757 168.054C120.778 169.197 117.784 169.322 116.07 168.332Z" fill="#E9EBEE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M104.958 66.198V68.5181L95.1736 62.8043V60.4842L104.958 66.198Z" fill="#2496ED"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M93.3947 59.0821V61.4022L83.6106 55.6885V53.3684L93.3947 59.0821Z" fill="#2496ED"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.8315 51.9664V54.2865L72.0474 48.5727V46.2526L81.8315 51.9664Z" fill="#2496ED"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

79
images/laptop.svg Normal file
View File

@ -0,0 +1,79 @@
<svg width="136" height="169" viewBox="0 0 136 169" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M69.7262 168.263L1.2759 128.743C-0.614231 127.652 -0.376741 125.745 1.80514 124.485L56.3432 92.9977C58.5251 91.7382 61.8268 91.6012 63.717 92.6926L132.168 132.213C134.058 133.303 133.822 135.21 131.638 136.47L77.1009 167.957C74.9181 169.218 71.6164 169.355 69.7262 168.263Z" fill="#E9EBEE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M133.445 114.369L132.597 114.324C132.468 114.222 132.327 114.125 132.168 114.033L63.7171 74.5129C61.8269 73.4215 58.5252 73.5585 56.3433 74.8188L1.80523 106.306C1.34093 106.574 0.966457 106.871 0.680046 107.183L0.000488281 107.147V108.674H0.00226723C-0.0155222 109.382 0.40342 110.06 1.27599 110.564L69.7263 150.084C71.6165 151.175 74.9182 151.039 77.101 149.778L131.639 118.291C132.827 117.606 133.436 116.729 133.443 115.897H133.445V114.369Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69.7262 148.503L1.2759 108.983C-0.614231 107.892 -0.376741 105.986 1.80514 104.725L56.3432 73.2378C58.5251 71.9783 61.8268 71.8414 63.717 72.9327L132.168 112.453C134.058 113.543 133.822 115.45 131.638 116.71L77.1009 148.197C74.9181 149.458 71.6164 149.595 69.7262 148.503Z" fill="#E9EBEE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.0948 135.388L23.5549 119.488L46.2481 106.386L73.788 122.286L51.0948 135.388Z" fill="#90A0AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.64 99.8273L58.2635 97.158C58.4254 97.0646 58.5259 96.9454 58.5259 96.8467C58.5259 96.7524 58.428 96.6821 58.3693 96.6483L53.5155 93.8456C53.3749 93.7646 53.1801 93.7246 52.9764 93.7246C52.7203 93.7246 52.4463 93.7869 52.2391 93.907L47.6147 96.5763C47.4528 96.6697 47.3523 96.7888 47.3523 96.8876C47.3523 96.9819 47.4501 97.0521 47.508 97.0859L52.3618 99.8878C52.6802 100.072 53.2646 100.043 53.64 99.8273Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.0858 107.012L70.7093 104.343C70.8712 104.25 70.9717 104.131 70.9717 104.032C70.9717 103.938 70.8738 103.867 70.8151 103.833L65.9613 101.031C65.6446 100.848 65.0593 100.876 64.684 101.092L60.0605 103.762C59.8986 103.856 59.7981 103.974 59.7981 104.073C59.7981 104.167 59.8959 104.237 59.9538 104.271L61.9275 105.411L64.8085 107.074C65.1269 107.257 65.7113 107.229 66.0858 107.012Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.8629 103.42L64.4864 100.751C64.6483 100.657 64.7488 100.538 64.7488 100.439C64.7488 100.345 64.6509 100.275 64.5922 100.241L59.7384 97.4381C59.4217 97.2549 58.8364 97.2833 58.462 97.4995L53.8376 100.17C53.6757 100.263 53.5752 100.381 53.5752 100.48C53.5752 100.574 53.673 100.645 53.7309 100.678L58.5847 103.48C58.9031 103.664 59.4875 103.636 59.8629 103.42Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.5396 86.1299C53.5396 86.2242 53.6374 86.2953 53.6961 86.3291L58.55 89.131C58.8666 89.3142 59.4519 89.2857 59.8264 89.0696L64.4507 86.4003C64.6126 86.3069 64.7131 86.1877 64.7131 86.0899C64.7131 85.9956 64.6153 85.9253 64.5566 85.8906L59.7027 83.0888C59.5622 83.0069 59.3683 82.9669 59.1628 82.9669C58.9066 82.9669 58.6345 83.0292 58.4254 83.1493L53.8019 85.8195C53.6401 85.9129 53.5396 86.032 53.5396 86.1299Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.4171 96.2341L52.0406 93.5648C52.2025 93.4714 52.303 93.3522 52.303 93.2535C52.303 93.1592 52.2051 93.0889 52.1464 93.0551L47.2926 90.2533C46.9759 90.0692 46.3906 90.0985 46.0162 90.3147L41.3918 92.984C41.2299 93.0774 41.1294 93.1957 41.1294 93.2944C41.1294 93.3887 41.2272 93.459 41.2859 93.4928L46.1389 96.2955C46.4573 96.4787 47.0426 96.4511 47.4171 96.2341Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.3857 86.5603C65.1295 86.5603 64.8565 86.6217 64.6483 86.7426L60.0248 89.412C59.8621 89.5054 59.7625 89.6245 59.7625 89.7224C59.7625 89.8167 59.8603 89.8878 59.919 89.9216L64.7729 92.7235C65.0895 92.9067 65.6748 92.8791 66.0493 92.6621L70.6727 89.9928C70.8355 89.8994 70.9351 89.7802 70.9351 89.6824C70.9351 89.5881 70.8382 89.5178 70.7786 89.484L65.9256 86.6813C65.7842 86.5994 65.5903 86.5603 65.3857 86.5603Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.335 89.712C47.335 89.8063 47.4319 89.8775 47.4915 89.9113L52.3454 92.7131C52.662 92.8964 53.2473 92.8679 53.6218 92.6518L58.2461 89.9824C58.408 89.889 58.5085 89.7699 58.5085 89.672C58.5085 89.5777 58.4098 89.5075 58.352 89.4728L53.4981 86.6709C53.3576 86.5891 53.1628 86.5491 52.9582 86.5491C52.702 86.5491 52.4299 86.6113 52.2208 86.7314L47.5965 89.4016C47.4346 89.495 47.335 89.6142 47.335 89.712Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.086 121.996C102.086 121.902 101.988 121.83 101.93 121.797L97.0759 118.995C96.9345 118.914 96.7406 118.874 96.536 118.874C96.2807 118.874 96.0068 118.936 95.7986 119.056L91.1743 121.725C91.0133 121.819 90.9119 121.938 90.9119 122.036C90.9119 122.13 91.0106 122.2 91.0684 122.235L95.9223 125.037C96.2407 125.22 96.8251 125.193 97.1996 124.976L101.824 122.306C101.986 122.213 102.086 122.094 102.086 121.996Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.3084 110.605L76.9319 107.936C77.0938 107.843 77.1943 107.723 77.1943 107.625C77.1943 107.53 77.0965 107.46 77.0378 107.426L72.1839 104.624C71.8673 104.44 71.282 104.469 70.9066 104.685L66.2831 107.355C66.1213 107.448 66.0208 107.567 66.0208 107.666C66.0208 107.759 66.1159 107.828 66.1746 107.863L71.0312 110.667C71.3487 110.85 71.934 110.821 72.3084 110.605Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.9771 121.384L95.6006 118.714C95.7625 118.621 95.863 118.502 95.863 118.403C95.863 118.309 95.7652 118.238 95.7065 118.205L90.8526 115.402C90.7112 115.321 90.5173 115.281 90.3127 115.281C90.0574 115.281 89.7835 115.343 89.5753 115.463L84.9518 118.133C84.79 118.227 84.6895 118.345 84.6895 118.444C84.6895 118.538 84.7873 118.608 84.8451 118.642L89.699 121.444C90.0165 121.627 90.6018 121.6 90.9771 121.384Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.291 118.414C108.291 118.319 108.193 118.248 108.134 118.214L103.281 115.413C103.139 115.332 102.945 115.292 102.741 115.292C102.485 115.292 102.211 115.354 102.003 115.474L97.3788 118.143C97.2179 118.237 97.1165 118.356 97.1165 118.454C97.1165 118.548 97.2152 118.618 97.273 118.653L102.127 121.455C102.444 121.638 103.03 121.61 103.404 121.394L108.029 118.724C108.19 118.631 108.291 118.512 108.291 118.414Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.5305 114.198L83.1548 111.528C83.3167 111.435 83.4172 111.316 83.4172 111.217C83.4172 111.124 83.3194 111.053 83.2607 111.019L78.4068 108.217C78.2654 108.135 78.0715 108.096 77.8678 108.096C77.6116 108.096 77.3377 108.157 77.1295 108.278L72.506 110.948C72.3442 111.041 72.2437 111.16 72.2437 111.258C72.2437 111.351 72.3397 111.422 72.3984 111.455L77.2541 114.259C77.5725 114.442 78.1569 114.415 78.5305 114.198Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.7542 117.79L89.3777 115.121C89.5396 115.028 89.6401 114.908 89.6401 114.81C89.6401 114.716 89.5423 114.645 89.4836 114.611L84.6297 111.81C84.4883 111.729 84.2944 111.689 84.0898 111.689C83.8345 111.689 83.5606 111.75 83.3524 111.871L78.7289 114.54C78.5671 114.634 78.4666 114.753 78.4666 114.851C78.4666 114.944 78.5626 115.014 78.6204 115.048L83.4761 117.852C83.7945 118.035 84.3789 118.007 84.7542 117.79Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.068 114.821C102.068 114.727 101.97 114.656 101.911 114.622L97.0576 111.819C96.9162 111.739 96.7223 111.698 96.5177 111.698C96.2624 111.698 95.9885 111.761 95.7803 111.881L91.1559 114.55C90.995 114.644 90.8936 114.764 90.8936 114.861C90.8936 114.956 90.9923 115.026 91.0501 115.06L95.904 117.862C96.2224 118.046 96.8068 118.018 97.1821 117.801L101.806 115.132C101.968 115.038 102.068 114.919 102.068 114.821Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.5133 107.023L83.1368 104.354C83.2986 104.26 83.3992 104.141 83.3992 104.042C83.3992 103.948 83.3013 103.878 83.2426 103.844L78.3888 101.041C78.0721 100.859 77.4868 100.886 77.1124 101.103L72.488 103.773C72.3261 103.866 72.2256 103.985 72.2256 104.083C72.2256 104.178 72.3234 104.248 72.3812 104.282L77.2351 107.084C77.5535 107.268 78.1388 107.24 78.5133 107.023Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.9588 114.208L95.5823 111.539C95.7442 111.446 95.8447 111.326 95.8447 111.228C95.8447 111.134 95.7469 111.063 95.6882 111.029L90.8343 108.227C90.5177 108.043 89.9324 108.072 89.557 108.288L84.9335 110.958C84.7717 111.051 84.6711 111.171 84.6711 111.269C84.6711 111.363 84.769 111.433 84.8268 111.467L89.6807 114.27C89.9991 114.453 90.5835 114.425 90.9588 114.208Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.7359 110.616L89.3594 107.946C89.5213 107.853 89.6218 107.734 89.6218 107.635C89.6218 107.541 89.524 107.47 89.4653 107.437L84.6114 104.635C84.2948 104.451 83.7095 104.479 83.335 104.695L78.7106 107.365C78.5488 107.459 78.4482 107.577 78.4482 107.676C78.4482 107.77 78.5461 107.84 78.6039 107.874L83.4578 110.677C83.7762 110.86 84.3606 110.833 84.7359 110.616Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.2904 103.43L76.9139 100.761C77.0757 100.668 77.1763 100.548 77.1763 100.45C77.1763 100.355 77.0784 100.285 77.0197 100.251L72.1658 97.4486C72.0253 97.3677 71.8314 97.3276 71.6268 97.3276C71.3707 97.3276 71.0967 97.3899 70.8895 97.51L66.2651 100.179C66.1032 100.274 66.0027 100.392 66.0027 100.491C66.0027 100.585 66.1005 100.655 66.1592 100.689L71.0122 103.492C71.3306 103.675 71.9159 103.646 72.2904 103.43Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.0676 99.8373L70.691 97.168C70.8529 97.0746 70.9534 96.9554 70.9534 96.8575C70.9534 96.7632 70.8556 96.6921 70.7969 96.6583L65.943 93.8564C65.8025 93.7746 65.6086 93.7355 65.404 93.7355C65.1478 93.7355 64.8739 93.7968 64.6666 93.9178L60.0423 96.5871C59.8804 96.6805 59.7808 96.7997 59.7808 96.8976C59.7808 96.9918 59.8777 97.0621 59.9364 97.0959L64.7894 99.8986C65.1078 100.082 65.6922 100.054 66.0676 99.8373Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.8447 96.2445L64.4681 93.5752C64.6309 93.4818 64.7305 93.3626 64.7305 93.2639C64.7305 93.1696 64.6336 93.0993 64.574 93.0655L59.7201 90.2637C59.4035 90.0795 58.8182 90.1089 58.4437 90.325L53.8194 92.9944C53.6575 93.0877 53.5579 93.206 53.5579 93.3048C53.5579 93.3991 53.6548 93.4693 53.7126 93.5031L58.5674 96.3059C58.8849 96.4891 59.4702 96.4615 59.8447 96.2445Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M71.6086 90.1528C71.3524 90.1528 71.0794 90.2151 70.8712 90.3352L66.2477 93.0045C66.085 93.0979 65.9854 93.2171 65.9854 93.3158C65.9854 93.4092 66.0823 93.4804 66.1419 93.5142L70.9949 96.316C71.3124 96.4992 71.8977 96.4717 72.2722 96.2546L76.8956 93.5853C77.0584 93.4919 77.158 93.3736 77.158 93.2749C77.158 93.1806 77.0602 93.1103 77.0015 93.0765L72.1476 90.2738C72.0071 90.192 71.8132 90.1528 71.6086 90.1528Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.2771 100.931C90.0209 100.931 89.7469 100.993 89.5397 101.113L84.9153 103.783C84.7534 103.877 84.6538 103.995 84.6538 104.094C84.6538 104.188 84.7508 104.258 84.8095 104.292L89.6633 107.095C89.9809 107.278 90.5661 107.25 90.9406 107.033L95.5641 104.363C95.726 104.27 95.8265 104.152 95.8265 104.053C95.8265 103.959 95.7286 103.888 95.6699 103.854L90.8161 101.052C90.6755 100.971 90.4808 100.931 90.2771 100.931Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.0542 97.3381C83.798 97.3381 83.524 97.4004 83.3168 97.5205L78.6924 100.19C78.5305 100.284 78.4309 100.402 78.4309 100.5C78.4309 100.595 78.5279 100.666 78.5875 100.699L83.4413 103.502C83.758 103.685 84.3432 103.657 84.7177 103.441L89.3412 100.771C89.504 100.677 89.6036 100.559 89.6036 100.46C89.6036 100.366 89.5066 100.296 89.447 100.262L84.5932 97.4591C84.4526 97.3782 84.2587 97.3381 84.0542 97.3381Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.8313 93.7456C77.5751 93.7456 77.302 93.8079 77.0939 93.9279L72.4704 96.5973C72.3076 96.6907 72.208 96.8098 72.208 96.9077C72.208 97.0029 72.305 97.0731 72.3646 97.1069L77.2184 99.9088C77.5351 100.092 78.1203 100.064 78.4948 99.8474L83.1183 97.1781C83.2811 97.0847 83.3807 96.9664 83.3807 96.8677C83.3807 96.7734 83.2828 96.7031 83.2241 96.6693L78.3703 93.8666C78.2297 93.7847 78.0358 93.7456 77.8313 93.7456Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.4999 104.523C96.2437 104.523 95.9697 104.586 95.7625 104.706L91.1381 107.376C90.9762 107.469 90.8757 107.588 90.8757 107.686C90.8757 107.781 90.9736 107.851 91.0332 107.885L95.8861 110.687C96.2037 110.871 96.789 110.842 97.1634 110.626L101.787 107.956C101.949 107.863 102.049 107.744 102.049 107.645C102.049 107.551 101.951 107.481 101.893 107.447L97.0389 104.644C96.8984 104.563 96.7045 104.523 96.4999 104.523Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.722 108.116C102.466 108.116 102.193 108.178 101.985 108.298L97.361 110.969C97.1991 111.062 97.0986 111.18 97.0986 111.279C97.0986 111.373 97.1965 111.444 97.2552 111.477L102.109 114.28C102.427 114.463 103.012 114.436 103.386 114.219L108.01 111.549C108.172 111.456 108.272 111.337 108.272 111.238C108.272 111.145 108.174 111.074 108.116 111.04L103.262 108.238C103.12 108.156 102.926 108.116 102.722 108.116Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.496 114.831C114.496 114.738 114.398 114.666 114.339 114.633L109.485 111.83C109.345 111.749 109.15 111.709 108.946 111.709C108.69 111.709 108.416 111.771 108.209 111.891L103.583 114.561C103.422 114.654 103.321 114.774 103.321 114.872C103.321 114.966 103.42 115.037 103.478 115.07L108.331 117.872C108.65 118.056 109.234 118.028 109.61 117.812L114.233 115.142C114.395 115.049 114.496 114.93 114.496 114.831Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M83.4948 125.027C83.8114 125.21 84.3976 125.182 84.7721 124.966L89.3964 122.296C89.5574 122.203 89.6588 122.084 89.6588 121.986C89.6588 121.892 89.5601 121.82 89.5014 121.787L84.6484 118.985C84.33 118.802 83.7456 118.83 83.3703 119.045L78.7468 121.716C78.584 121.809 78.4844 121.928 78.4844 122.026C78.4844 122.12 78.5831 122.19 78.6409 122.224L83.4948 125.027Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.1576 103.471C46.4743 103.654 47.0604 103.625 47.4358 103.409L52.0593 100.74C52.2203 100.647 52.3217 100.527 52.3217 100.43C52.3217 100.335 52.2229 100.264 52.1651 100.23L47.3113 97.4285C46.9937 97.2443 46.4085 97.2728 46.0331 97.489L41.4096 100.159C41.2477 100.253 41.1472 100.372 41.1472 100.47C41.1472 100.564 41.2459 100.634 41.3038 100.668L46.1576 103.471Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.272 121.434C77.5887 121.617 78.1749 121.59 78.5493 121.373L83.1737 118.703C83.3347 118.61 83.4361 118.491 83.4361 118.393C83.4361 118.299 83.3374 118.228 83.2796 118.194L53.5347 101.021C53.2171 100.837 52.6318 100.866 52.2565 101.082L47.633 103.752C47.4711 103.845 47.3706 103.964 47.3706 104.063C47.3706 104.157 47.4684 104.227 47.5272 104.261L77.272 121.434Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.758 122.466C102.502 122.466 102.229 122.528 102.021 122.649L97.3974 125.319C97.2346 125.412 97.135 125.53 97.135 125.629C97.135 125.723 97.2329 125.794 97.2916 125.828L102.145 128.63C102.462 128.813 103.047 128.785 103.422 128.569L108.046 125.899C108.208 125.805 108.309 125.687 108.309 125.588C108.309 125.494 108.211 125.424 108.151 125.39L103.298 122.587C103.157 122.506 102.963 122.466 102.758 122.466Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.43 115.484L109.807 118.154C109.645 118.247 109.544 118.366 109.544 118.465C109.544 118.559 109.642 118.629 109.701 118.663L114.555 121.465C114.872 121.649 115.457 121.621 115.832 121.404L120.455 118.734C120.617 118.641 120.718 118.523 120.718 118.424C120.718 118.33 120.62 118.259 120.562 118.226L115.708 115.423C115.39 115.241 114.805 115.268 114.43 115.484Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M126.923 114.842C126.923 114.748 126.825 114.677 126.766 114.643L121.913 111.84C121.596 111.657 121.011 111.686 120.636 111.902L116.011 114.571C115.85 114.665 115.749 114.785 115.749 114.882C115.749 114.977 115.847 115.047 115.905 115.081L120.759 117.883C121.077 118.067 121.663 118.038 122.037 117.822L126.661 115.153C126.822 115.059 126.923 114.94 126.923 114.842Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.7177 128.62C90.0343 128.803 90.6205 128.775 90.995 128.558L95.6185 125.889C95.7803 125.795 95.8808 125.676 95.8808 125.578C95.8808 125.484 95.783 125.413 95.7243 125.379L90.8713 122.577C90.5529 122.394 89.9685 122.423 89.5932 122.638L84.9697 125.308C84.8069 125.401 84.7073 125.521 84.7073 125.618C84.7073 125.713 84.806 125.784 84.8638 125.818L89.7177 128.62Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.963 118.884C108.708 118.884 108.434 118.946 108.225 119.066L103.602 121.737C103.44 121.83 103.34 121.948 103.34 122.047C103.34 122.141 103.437 122.212 103.496 122.245L108.35 125.048C108.667 125.231 109.252 125.203 109.627 124.987L114.251 122.317C114.413 122.223 114.513 122.105 114.513 122.006C114.513 121.912 114.415 121.842 114.357 121.808L109.503 119.005C109.361 118.924 109.167 118.884 108.963 118.884Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.9347 99.8776C40.2523 100.062 40.8375 100.033 41.2129 99.8171L45.8364 97.1469C45.9974 97.0535 46.0988 96.9343 46.0988 96.8365C46.0988 96.7422 46 96.6719 45.9422 96.6372L41.0884 93.8354C40.7699 93.6513 40.1856 93.6797 39.8102 93.8967L35.1867 96.5661C35.0248 96.6595 34.9243 96.7786 34.9243 96.8765C34.9243 96.9708 35.023 97.0419 35.0809 97.0757L39.9347 99.8776Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.5537 126.049C96.2975 126.049 96.0244 126.111 95.8163 126.231L91.1928 128.901C91.03 128.994 90.9304 129.113 90.9304 129.212C90.9304 129.306 91.0274 129.376 91.087 129.41L95.9408 132.212C96.2575 132.395 96.8428 132.368 97.2172 132.151L101.841 129.481C102.003 129.388 102.103 129.27 102.103 129.171C102.103 129.077 102.006 129.006 101.947 128.973L97.0927 126.17C96.9522 126.088 96.7583 126.049 96.5537 126.049Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.1943 92.6415L45.8178 89.9722C45.9796 89.8788 46.0802 89.7596 46.0802 89.6618C46.0802 89.5666 45.9823 89.4963 45.9236 89.4625L41.0697 86.6607C40.9292 86.5788 40.7344 86.5388 40.5298 86.5388C40.2746 86.5388 40.0006 86.6011 39.7934 86.7212L35.169 89.3914C35.0071 89.4848 34.9075 89.6031 34.9075 89.7018C34.9075 89.7961 35.0044 89.8663 35.0631 89.9001L39.9161 92.7029C40.2345 92.8861 40.8198 92.8576 41.1943 92.6415Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.1208 100.201C90.958 100.294 90.8584 100.413 90.8584 100.511C90.8584 100.605 90.9554 100.676 91.0149 100.709L95.8679 103.512C96.1855 103.695 96.7707 103.667 97.1452 103.451L101.77 100.782C101.931 100.688 102.032 100.569 102.032 100.471C102.032 100.377 101.933 100.306 101.875 100.272L97.0225 97.47C96.881 97.3882 96.6871 97.3481 96.4817 97.3481C96.2255 97.3481 95.9533 97.4104 95.7443 97.5314L91.1208 100.201Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.8979 96.6078C84.7351 96.7012 84.6355 96.8203 84.6355 96.9182C84.6355 97.0134 84.7333 97.0836 84.792 97.1174L89.6459 99.9193C89.9634 100.103 90.5478 100.075 90.9223 99.8588L95.5467 97.1886C95.7086 97.0952 95.8091 96.9769 95.8091 96.8782C95.8091 96.7839 95.7112 96.7136 95.6525 96.6798L90.7987 93.8771C90.6581 93.7952 90.4642 93.7561 90.2588 93.7561C90.0026 93.7561 89.7304 93.8184 89.5214 93.9384L84.8979 96.6078Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.675 93.015C78.5122 93.1084 78.4126 93.2276 78.4126 93.3254C78.4126 93.4197 78.5104 93.4909 78.5691 93.5247L83.423 96.3265C83.7397 96.5098 84.3258 96.4822 84.6994 96.2652L89.3247 93.5958C89.4857 93.5024 89.5862 93.3841 89.5862 93.2854C89.5862 93.1911 89.4883 93.1209 89.4296 93.0871L84.5758 90.2843C84.4352 90.2025 84.2413 90.1625 84.0359 90.1625C83.7797 90.1625 83.5075 90.2247 83.2985 90.3457L78.675 93.015Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.565 107.386C103.404 107.479 103.304 107.599 103.304 107.697C103.304 107.791 103.401 107.862 103.46 107.896L108.314 110.698C108.631 110.881 109.217 110.853 109.591 110.636L114.215 107.967C114.377 107.873 114.478 107.754 114.478 107.656C114.478 107.562 114.379 107.492 114.321 107.458L109.467 104.655C109.327 104.573 109.133 104.533 108.927 104.533C108.671 104.533 108.399 104.596 108.19 104.717L103.565 107.386Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.4523 89.4223C72.2896 89.5157 72.1899 89.6349 72.1899 89.7328C72.1899 89.827 72.2869 89.8982 72.3465 89.932L77.2003 92.7338C77.517 92.9171 78.1032 92.8886 78.4767 92.6725L83.102 90.0032C83.263 89.9098 83.3635 89.7906 83.3635 89.6927C83.3635 89.5984 83.2657 89.5282 83.2079 89.4944L78.354 86.6916C78.2126 86.6098 78.0187 86.5707 77.8132 86.5707C77.557 86.5707 77.2848 86.6321 77.0758 86.753L72.4523 89.4223Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.3427 103.793C97.1808 103.887 97.0803 104.006 97.0803 104.104C97.0803 104.198 97.1782 104.268 97.2378 104.302L102.092 107.105C102.408 107.288 102.994 107.26 103.368 107.044L107.992 104.374C108.154 104.281 108.255 104.162 108.255 104.064C108.255 103.97 108.156 103.898 108.098 103.865L103.244 101.063C103.104 100.981 102.91 100.941 102.704 100.941C102.448 100.941 102.176 101.003 101.967 101.124L97.3427 103.793Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M60.0065 82.2371C59.8447 82.3305 59.7441 82.4496 59.7441 82.5475C59.7441 82.6418 59.842 82.712 59.9007 82.7458L64.7545 85.5486C65.0712 85.7318 65.6574 85.7033 66.0309 85.4872L70.6562 82.8179C70.8172 82.7245 70.9186 82.6053 70.9186 82.5075C70.9186 82.4132 70.8199 82.342 70.7612 82.3082L65.9082 79.5064C65.7668 79.4245 65.5729 79.3845 65.3674 79.3845C65.1112 79.3845 64.839 79.4468 64.63 79.5678L60.0065 82.2371Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.3989 89.0592L52.0223 86.3899C52.1851 86.2965 52.2847 86.1773 52.2847 86.0786C52.2847 85.9843 52.1869 85.914 52.1282 85.8802L47.2743 83.0775C47.1338 82.9966 46.9399 82.9565 46.7353 82.9565C46.4791 82.9565 46.2061 83.0188 45.9979 83.1389L41.3745 85.8091C41.2117 85.9025 41.1121 86.0208 41.1121 86.1195C41.1121 86.2138 41.2099 86.2841 41.2677 86.3179L46.1216 89.1206C46.4391 89.3038 47.0244 89.2754 47.3989 89.0592Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M53.6035 85.4771L58.2278 82.8078C58.3897 82.7144 58.4893 82.5952 58.4893 82.4964C58.4893 82.4022 58.3924 82.3319 58.3328 82.2981L53.4789 79.4954C53.3384 79.4144 53.1445 79.3744 52.9399 79.3744C52.6837 79.3744 52.4107 79.4367 52.2025 79.5567L47.579 82.226C47.4163 82.3194 47.3167 82.4386 47.3167 82.5374C47.3167 82.6316 47.4136 82.7019 47.4723 82.7357L52.3262 85.5384C52.6437 85.7208 53.229 85.6932 53.6035 85.4771Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M109.788 110.979C109.626 111.072 109.527 111.191 109.527 111.29C109.527 111.383 109.624 111.455 109.683 111.488L114.536 114.29C114.854 114.474 115.44 114.446 115.814 114.229L120.438 111.559C120.599 111.466 120.7 111.347 120.7 111.249C120.7 111.155 120.602 111.084 120.544 111.051L115.69 108.248C115.549 108.166 115.355 108.126 115.149 108.126C114.894 108.126 114.621 108.189 114.413 108.309L109.788 110.979Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.7121 96.285C34.0296 96.4683 34.6149 96.4407 34.9902 96.2237L39.6137 93.5543C39.7747 93.4609 39.8761 93.3418 39.8761 93.2439C39.8761 93.1496 39.7774 93.0794 39.7196 93.0447L34.8657 90.2428C34.7243 90.161 34.5304 90.121 34.3249 90.121C34.0687 90.121 33.7966 90.1832 33.5884 90.3033L28.9641 92.9735C28.8022 93.0669 28.7017 93.1861 28.7017 93.2839C28.7017 93.3782 28.8004 93.4494 28.8582 93.4832L33.7121 96.285Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.808 81.8948L64.4324 79.2255C64.5943 79.1321 64.6948 79.012 64.6948 78.9142C64.6948 78.8199 64.597 78.7496 64.5383 78.7158L59.6844 75.9131C59.543 75.8321 59.3491 75.7921 59.1445 75.7921C58.8883 75.7921 58.6153 75.8544 58.4071 75.9745L53.7836 78.6438C53.6218 78.7372 53.5212 78.8564 53.5212 78.9551C53.5212 79.0485 53.6191 79.1196 53.6769 79.1534L58.5308 81.9553C58.8483 82.1385 59.4336 82.1109 59.808 81.8948Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.2294 85.8298C66.0676 85.9232 65.967 86.0424 65.967 86.1403C65.967 86.2345 66.0649 86.3057 66.1236 86.3386L70.9774 89.1413C71.2941 89.3246 71.8803 89.2961 72.2538 89.08L76.8791 86.4107C77.0401 86.3173 77.1415 86.1981 77.1415 86.1002C77.1415 86.006 77.0428 85.9357 76.9841 85.9019L72.1311 83.0992C71.9897 83.0173 71.7958 82.9773 71.5903 82.9773C71.3341 82.9773 71.0619 83.0396 70.8529 83.1605L66.2294 85.8298Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M130.488 118.46L125.594 121.285C125.411 121.391 125.261 121.329 125.261 121.145C125.261 120.961 125.411 120.726 125.594 120.62L130.488 117.794C130.671 117.688 130.82 117.751 130.82 117.935C130.82 118.119 130.671 118.353 130.488 118.46Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M124.717 121.492C124.717 121.681 124.563 121.923 124.373 122.032C124.184 122.142 124.031 122.077 124.031 121.887C124.031 121.698 124.184 121.456 124.373 121.347C124.563 121.237 124.717 121.302 124.717 121.492Z" fill="#022144"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="60" y="0" width="76" height="113">
<path fill-rule="evenodd" clip-rule="evenodd" d="M60.1243 0H135.42V112.443H60.1243V0Z" fill="white"/>
</mask>
<g mask="url(#mask0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M131.998 112.032L63.547 72.5121C61.6568 71.4207 60.1243 68.4925 60.1243 65.9726V2.9979C60.1243 0.478024 61.6568 -0.680961 63.547 0.410424L131.998 39.9306C133.888 41.022 135.421 43.9502 135.421 46.47V109.445C135.421 111.965 133.888 113.124 131.998 112.032Z" fill="#EBECEE"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M133.356 111.652C133.072 111.652 132.738 111.547 132.393 111.348L63.9419 71.8279C62.3008 70.8806 60.915 68.1988 60.915 65.9733V2.99771C60.915 1.98016 61.2486 0.790039 62.1879 0.790039C62.4734 0.790039 62.8069 0.895886 63.1512 1.09513L131.602 40.6153C133.243 41.5626 134.63 44.2435 134.63 46.4699V109.445C134.63 110.463 134.297 111.652 133.356 111.652Z" fill="#022144"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M131.998 104.354L63.5469 64.8338V5.51038L131.998 45.0297V104.354Z" fill="#2854A1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.6153 29.7525L69.8271 18.3254V15.979L89.6153 27.4061V29.7525Z" fill="#F8A09A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.815 42.6437L66.969 21.3711V19.0247L103.815 40.2973V42.6437Z" fill="#287CF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M87.2299 37.7622L66.9695 26.0656V23.7183L87.2299 35.4157V37.7622Z" fill="#AAE8D8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M106.833 70.2014L69.7502 48.7945V46.4471L106.833 67.8541V70.2014Z" fill="#AAE8D8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.4333 63.1174L66.969 51.8798V49.5333L86.4333 60.7709V63.1174Z" fill="#F8A09A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M111.339 82.1902L66.969 56.5734V54.2269L111.339 79.8429V82.1902Z" fill="#E96FE4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M92.5102 50.1982L72.2498 38.5007V36.1543L92.5102 47.8509V50.1982Z" fill="#E96FE4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M92.5102 54.892L72.2498 43.1945V40.8472L92.5102 52.5446V54.892Z" fill="#287CF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.5827 22.4174C96.5827 22.863 96.2216 23.0151 95.776 22.758C95.3304 22.501 94.9692 21.9317 94.9692 21.4861C94.9692 21.0405 95.3304 20.8875 95.776 21.1445C96.2216 21.4016 96.5827 21.9717 96.5827 22.4174Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.3217 88.1056C97.3217 88.9595 96.6297 89.2522 95.7758 88.7594C94.9219 88.2658 94.229 87.1744 94.229 86.3196C94.229 85.4657 94.9219 85.1731 95.7758 85.6658C96.6297 86.1595 97.3217 87.2518 97.3217 88.1056Z" fill="#8F9DAA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.8778 16.6146C68.8778 17.223 68.385 17.4312 67.7766 17.0798C67.1682 16.7294 66.6746 15.9511 66.6746 15.3427C66.6746 14.7343 67.1682 14.5253 67.7766 14.8766C68.385 15.2279 68.8778 16.0062 68.8778 16.6146Z" fill="#4DCFAD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M68.8778 47.0834C68.8778 47.6918 68.385 47.8999 67.7766 47.5486C67.1682 47.1972 66.6746 46.4198 66.6746 45.8114C66.6746 45.203 67.1682 44.994 67.7766 45.3453C68.385 45.6967 68.8778 46.475 68.8778 47.0834Z" fill="#FF826D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

8
images/manuals.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="49" height="56" viewBox="0 0 49 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 45H49V55C49 55.5523 48.5523 56 48 56H7C3.13401 56 0 52.866 0 49V45Z" fill="#2854A1"/>
<path d="M0 6C0 2.68629 2.68629 0 6 0H46C47.6569 0 49 1.34315 49 3V45H0V6Z" fill="#2854A1"/>
<path d="M2.13043 49C2.13043 46.2386 4.36901 44 7.13043 44H47.9348V54H7.13043C4.36901 54 2.13043 51.7614 2.13043 49Z" fill="#71CFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.413 0H29.8261V6L34.6196 4.2L39.413 6V0Z" fill="#71CFFF"/>
<rect x="9.58696" y="14" width="29.8261" height="2" rx="1" fill="white"/>
<rect x="12.7826" y="18" width="23.4348" height="2" rx="1" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 688 B

9
images/reference.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="57" height="57" viewBox="0 0 57 57" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="6" width="51" height="51" rx="6" fill="#71CFFF"/>
<rect x="6" width="51" height="51" rx="6" fill="#2854A1"/>
<path d="M12.624 15.802L18.292 18.298V16.179C14.925 14.931 14.925 14.931 14.925 14.931L18.292 13.683V11.577L12.624 14.073V15.802Z" fill="white"/>
<rect x="21" y="17" width="7" height="2" rx="1" fill="white"/>
<circle cx="11.5" cy="4.5" r="1.5" fill="white"/>
<circle cx="15.5" cy="4.5" r="1.5" fill="white"/>
<circle cx="19.5" cy="4.5" r="1.5" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 580 B

10
images/rocket.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7791 54.7305C16.5876 44.2236 19.4577 40.5254 24.2005 40.7525L28.7571 45.3091C28.9841 50.0518 25.2861 52.9221 14.7791 54.7305Z" fill="#71CFFF"/>
<path d="M20.9791 38.1836C32.3102 15.7188 45.2724 8.32395 61.3353 8.16491C61.4947 24.2282 54.5757 37.1891 31.1174 48.3219L20.9791 38.1836Z" fill="#2854A1"/>
<circle cx="45.5538" cy="23.9553" r="5.32911" transform="rotate(45 45.5538 23.9553)" fill="#71CFFF"/>
<path d="M42.667 49.9593L43.3346 40.8354L31.6612 48.2206L29.2648 53.698C28.9119 54.5047 29.6985 55.3408 30.5252 55.0377L42.014 50.8252C42.3829 50.6899 42.6384 50.3511 42.667 49.9593Z" fill="#2854A1"/>
<path d="M19.3871 26.6792L28.5109 26.0116L21.1257 37.685L15.6483 40.0814C14.8416 40.4343 14.0055 39.6477 14.3086 38.8209L18.5212 27.3322C18.6564 26.9633 18.9952 26.7078 19.3871 26.6792Z" fill="#2854A1"/>
<line x1="9.38519" y1="52.0973" x2="2.45713" y2="59.0254" stroke="#71CFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="11.4706" y1="58.354" x2="1.41422" y2="68.4105" stroke="#71CFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="17.7275" y1="60.4396" x2="10.7995" y2="67.3677" stroke="#71CFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

33
images/slack-icon.svg Normal file
View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 270 270" style="enable-background:new 0 0 270 270;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E01E5A;}
.st1{fill:#36C5F0;}
.st2{fill:#2EB67D;}
.st3{fill:#ECB22E;}
</style>
<g>
<g>
<path class="st0" d="M99.4,151.2c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h12.9V151.2z"/>
<path class="st0" d="M105.9,151.2c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v32.3c0,7.1-5.8,12.9-12.9,12.9
s-12.9-5.8-12.9-12.9V151.2z"/>
</g>
<g>
<path class="st1" d="M118.8,99.4c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9s12.9,5.8,12.9,12.9v12.9H118.8z"/>
<path class="st1" d="M118.8,105.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9H86.5c-7.1,0-12.9-5.8-12.9-12.9
s5.8-12.9,12.9-12.9H118.8z"/>
</g>
<g>
<path class="st2" d="M170.6,118.8c0-7.1,5.8-12.9,12.9-12.9c7.1,0,12.9,5.8,12.9,12.9s-5.8,12.9-12.9,12.9h-12.9V118.8z"/>
<path class="st2" d="M164.1,118.8c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9V86.5c0-7.1,5.8-12.9,12.9-12.9
c7.1,0,12.9,5.8,12.9,12.9V118.8z"/>
</g>
<g>
<path class="st3" d="M151.2,170.6c7.1,0,12.9,5.8,12.9,12.9c0,7.1-5.8,12.9-12.9,12.9c-7.1,0-12.9-5.8-12.9-12.9v-12.9H151.2z"/>
<path class="st3" d="M151.2,164.1c-7.1,0-12.9-5.8-12.9-12.9c0-7.1,5.8-12.9,12.9-12.9h32.3c7.1,0,12.9,5.8,12.9,12.9
c0,7.1-5.8,12.9-12.9,12.9H151.2z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

8
images/whats-new.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="56" height="55" viewBox="0 0 56 55" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.8191 16.2765C25.8191 2.44674 17.2073 1.60218 14.2022 4.10632C10.883 6.87228 9.7764 14.617 25.8191 16.2765Z" stroke="#71CFFF" stroke-width="4.88"/>
<path d="M29.8724 16.2765C29.8724 2.44674 38.4842 1.60218 41.4893 4.10632C44.8086 6.87228 45.9151 14.617 29.8724 16.2765Z" stroke="#71CFFF" stroke-width="4.88"/>
<rect x="3.31903" y="24.0212" width="48.6809" height="30.9787" rx="4.88" fill="#2854A1"/>
<rect y="15.1702" width="55.3191" height="12.1702" rx="4.88" fill="#2854A1"/>
<rect x="21.0211" y="15.1702" width="13.2766" height="39.8298" fill="#51BCFD"/>
<rect x="3.31903" y="27.3405" width="48.6809" height="2.21277" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 751 B

72
index.md
View File

@ -7,75 +7,3 @@ notoc: true
notags: true
skip_read_time: true
---
{% assign page.title = site.name %}
## Get started with Docker
Try our multi-part walkthrough that covers writing your first app,
data storage, networking, and swarms, and ends with your app running on
production servers in the cloud. Total reading time is less than an hour.
[Get started with Docker](/get-started/){: class="button outline-btn"}
## Docker products
<div class="component-container">
<!--start row-->
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component">
<div class="component-icon">
<a href="/docker-for-mac/install/"><img src="/images/apple_48.svg" alt="Docker Desktop for Mac"></a>
</div>
<h3 id="docker-for-mac"><a href="/docker-for-mac/install/">Docker Desktop for Mac</a></h3>
<p>A native application using the macOS sandbox security model which delivers all Docker tools to your Mac.</p>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component">
<div class="component-icon">
<a href="/docker-for-windows/install/"><img src="/images/windows_48.svg" alt="Docker Desktop for Windows"></a>
</div>
<h3 id="docker-for-windows/install/"><a href="/docker-for-windows/install/">Docker Desktop for Windows</a></h3>
<p>A native Windows application which delivers all Docker tools to your Windows computer.</p>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 block">
<div class="component">
<div class="component-icon">
<a href="/engine/install/"><img src="/images/linux_48.svg" alt="Docker for Linux"></a>
</div>
<h3 id="docker-for-linux"><a href="/engine/install/">Docker for Linux</a></h3>
<p>Install Docker on a computer which already has a Linux distribution installed.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div markdown="1" class="col-xs-12 col-sm-12 col-md-12 col-lg-6 block">
### Docker Engine - Community
Get started with Docker and experimenting with container-based apps. Docker Engine - Community
is available on many platforms, from desktop to cloud to server. Build and share
containers and automate the development pipeline from a single environment.
Choose the Edge channel to get access to the latest features, or the Stable
channel for more predictability.
[Learn more about Docker Engine - Community](engine/index.md){: class="button outline-btn"}
</div>
<div markdown="1" class="col-xs-12 col-sm-12 col-md-12 col-lg-6 block">
### Docker Enterprise
Designed for enterprise development and IT teams who build, ship, and run
business critical applications in production at scale. Integrated, certified,
and supported to provide enterprises with the most secure container platform in
the industry to modernize all applications. Docker Enterprise comes with Universal Control Plane (UCP) for managing and orchestrating the container runtime, and Docker Trusted Registry (DTR) for storing and securing images in an enterprise grade registry.
[Learn more about Docker Enterprise](/ee/){: class="button outline-btn"}
</div>
</div><!-- end row -->

50
js/landing-page.js Normal file
View File

@ -0,0 +1,50 @@
// Cookie functions
function createCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
var prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
var selectedNightTheme = readCookie("night");
if (selectedNightTheme === "true" || (selectedNightTheme === null && prefersDark)) {
applyNight();
$("#switch-style").prop("checked", true);
} else {
applyDay();
$("#switch-style").prop("checked", false);
}
function applyNight() {
$("body").addClass("night");
}
function applyDay() {
$("body").removeClass("night");
}
$("#switch-style").change(function () {
if ($(this).is(":checked")) {
applyNight();
createCookie("night", true, 999)
} else {
applyDay();
createCookie("night", false, 999);
}
});