Add homepage refresh

This commit is contained in:
Aaron Crawfis 2021-02-02 08:15:33 -08:00
parent 8252f29792
commit 66ca71cb09
6 changed files with 124 additions and 0 deletions

View File

@ -1,7 +1,104 @@
---
type: docs
no_list: true
---
# <img src="/images/home-title.png" alt="Dapr Docs" width=400>
Welcome to the Dapr documentation site!
### Sections
<div class="card-deck">
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Concepts</b></h5>
<p class="card-text">Learn about Dapr, including its main features and capabilities.</p>
<a href="{{< ref concepts >}}" class="stretched-link"></a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Getting started</b></h5>
<p class="card-text">How to get up and running with Dapr in your environment in minutes.</p>
<a href="{{< ref getting-started >}}" class="stretched-link"></a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Developing applications</b></h5>
<p class="card-text">Tools, tips, and information on how to build your application with Dapr.</p>
<a href="{{< ref developing-applications >}}" class="stretched-link"></a>
</div>
</div>
</div>
<br />
<div class="card-deck">
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Operations</b></h5>
<p class="card-text">Hosting options, best-practices, and other guides and running your application on Dapr.</p>
<a href="{{< ref operations >}}" class="stretched-link"></a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Reference</b></h5>
<p class="card-text">Detailed documentation on the Dapr API, CLI, bindings and more.</p>
<a href="{{< ref reference >}}" class="stretched-link"></a>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title"><b>Contributing</b></h5>
<p class="card-text">How to contribute to the Dapr project and the various repositories.</p>
<a href="{{< ref contributing >}}" class="stretched-link"></a>
</div>
</div>
</div>
### Tooling
<div class="media">
<a class="pr-1" href="{{< ref ides >}}">
<img class="mr-3" src="/images/homepage/vscode.svg" alt="Visual studio code icon" width=40>
</a>
<div class="media-body">
<h5 class="mt-0"><b>IDE Integrations</b></h5>
<p>Learn how to get up and running with Dapr in your preferred integrated development environment.</p>
</div>
</div>
<div class="media">
<a class="pr-1" href="{{< ref sdks >}}">
<img class="mr-3" src="/images/homepage/code.svg" alt="Code icon" width=40>
</a>
<div class="media-body">
<h5 class="mt-0"><b>Language SDKs</b></h5>
<p>Create Dapr applications in your preferred language using the Dapr SDKs.</p>
<div class="media mt-3">
<a class="pr-3" href="{{< ref sdks >}}">
<img src="/images/homepage/dotnet.png" alt=".NET logo" width=30>
</a>
<div class="media-body">
<h5 class="mt-0"><b>.NET</b></h5>
</div>
</div>
<div class="media mt-3">
<a class="pr-3" href="{{< ref python >}}">
<img src="/images/homepage/python.png" alt="Python logo" width=30>
</a>
<div class="media-body">
<h5 class="mt-0"><b>Python</b></h5>
</div>
</div>
<div class="media mt-3">
<a class="pr-4" href="{{< ref sdks >}}">
<img src="/images/homepage/java.png" alt="Java logo" width=20>
</a>
<div class="media-body">
<h5 class="mt-0"><b>Java</b></h5>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18">
<defs>
<linearGradient id="aa716a78-80ee-47fe-a857-b2ed74c28d78" x1="2.986" y1="8.66" x2="2.785" y2="13.933" gradientTransform="translate(8.685 1.245) rotate(44.919)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#0078d4" />
<stop offset="0.325" stop-color="#1b84dc" />
<stop offset="1" stop-color="#5ea0ef" />
</linearGradient>
<linearGradient id="bf7e3c18-3832-42d3-964e-6166babd7f39" x1="15.188" y1="9.141" x2="14.986" y2="14.414" gradientTransform="translate(33.765 8.296) rotate(135.081)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#0078d4" />
<stop offset="0.325" stop-color="#1b84dc" />
<stop offset="1" stop-color="#5ea0ef" />
</linearGradient>
<linearGradient id="aa3f1f45-0da4-4f81-b091-8d9855351ef5" x1="7.288" y1="15.983" x2="10.615" y2="3.041" gradientTransform="translate(-2.312 3.198) rotate(-17.752)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#0078d4" />
<stop offset="0.325" stop-color="#1b84dc" />
<stop offset="1" stop-color="#5ea0ef" />
</linearGradient>
</defs>
<g id="f3e595f5-3683-430f-a199-4ad45fe94afa">
<path d="M2.684,7.647H3.53a0,0,0,0,1,0,0v6.689a.271.271,0,0,1-.271.271H2.413a.271.271,0,0,1-.271-.271V8.189a.542.542,0,0,1,.542-.542Z" transform="translate(-7.029 5.251) rotate(-44.919)" fill="url(#aa716a78-80ee-47fe-a857-b2ed74c28d78)" />
<path d="M2.179,3.623h.847a.542.542,0,0,1,.542.542v6.246a.271.271,0,0,1-.271.271H2.449a.271.271,0,0,1-.271-.271V3.623a0,0,0,0,1,0,0Z" transform="translate(-0.163 14.237) rotate(-134.919)" fill="#50e6ff" />
<path d="M14.744,7.647h.847a.271.271,0,0,1,.271.271v6.689a0,0,0,0,1,0,0h-.847a.542.542,0,0,1-.542-.542V7.918a.271.271,0,0,1,.271-.271Z" transform="translate(18.051 29.716) rotate(-135.081)" fill="url(#bf7e3c18-3832-42d3-964e-6166babd7f39)" />
<path d="M14.7,3.625h.847a.271.271,0,0,1,.271.271v6.246a.542.542,0,0,1-.542.542h-.847a0,0,0,0,1,0,0V3.9a.271.271,0,0,1,.271-.271Z" transform="translate(-0.621 12.814) rotate(-45.081)" fill="#50e6ff" />
<rect x="8.387" y="2.409" width="1.391" height="13.183" rx="0.193" transform="translate(3.177 -2.341) rotate(17.752)" fill="url(#aa3f1f45-0da4-4f81-b091-8d9855351ef5)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 811 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><linearGradient id="HjBUFHyNtcsDcBgnZBZ2Sa" x1="37.8" x2="37.8" y1="43.37" y2="7.42" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29b6f6"/><stop offset="1" stop-color="#13b2f6"/></linearGradient><path fill="url(#HjBUFHyNtcsDcBgnZBZ2Sa)" d="M34.176,4.249c0.188,0.092,5.688,2.716,8.374,3.998C43.437,8.67,44,9.564,44,10.546v26.86 c0,0.981-0.559,1.874-1.443,2.299c-2.548,1.228-7.611,3.666-7.948,3.826C34.361,43.649,33.709,44,33.181,44 c-0.678,0-1.133-0.316-1.58-0.73L34,35.711V5.715l-2.254-1.135C32.228,4.109,32.896,4,33.291,4C33.653,4,33.948,4.138,34.176,4.249z"/><linearGradient id="HjBUFHyNtcsDcBgnZBZ2Sb" x1="6.085" x2="34.793" y1="34.801" y2="7.173" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#0076bb"/><stop offset=".257" stop-color="#0069b0"/><stop offset=".28" stop-color="#0069b0"/><stop offset=".424" stop-color="#0069b0"/><stop offset=".491" stop-color="#0072b7"/><stop offset=".577" stop-color="#0076bb"/><stop offset=".795" stop-color="#0076bb"/><stop offset="1" stop-color="#006eb9"/></linearGradient><path fill="url(#HjBUFHyNtcsDcBgnZBZ2Sb)" d="M9,33.896l25-19.023V5.83c0-1.299-1.662-1.808-2.337-1.184 C31.008,5.25,4.658,29.239,4.658,29.239c-0.9,0.83-0.849,2.267,0.107,3.032c0,0,1.324,1.232,1.803,1.574 C7.304,34.37,8.271,34.43,9,33.896z"/><path fill="#0288d1" d="M9,14.104l25,19.054v8.771c0,1.198-1.42,2.193-2.399,1.341L4.658,18.761 c-0.9-0.83-0.849-2.267,0.107-3.032c0,0,1.324-1.232,1.803-1.574C7.304,13.63,8.271,13.57,9,14.104z"/></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB