Skip to content

Commit

Permalink
Add index card
Browse files Browse the repository at this point in the history
  • Loading branch information
@hipudding @FFFrog
hipudding authored and FFFrog committed Jun 13, 2024
1 parent 07e77c7 commit 0184b94
Show file tree
Hide file tree
Showing 10 changed files with 297 additions and 1 deletion.
125 changes: 125 additions & 0 deletions _static/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -176,3 +176,128 @@
#install-instructions {
padding-top: 50px;
}

.container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}

.bg-white {
background-color: #ffffff;
}

.flex {
display: flex;
}

.flex-col {
flex-direction: column;
}

.items-center {
align-items: center;
}

.grid {
display: grid;
}

.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

.gap-8 {
gap: 2rem;
}

.rounded-lg {
border-radius: 0.5rem;
}

.p-4 {
padding: 1rem;
}

.mb-4 {
margin-bottom: 1rem;
}

.w-16 {
width: 4rem;
}

.h-16 {
height: 4rem;
}

.rounded-md {
border-radius: 0.375rem;
}

.mr-4 {
margin-right: 1rem;
}

.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}

.font-semibold {
font-weight: 600;
}

.text-gray-600 {
color: #4b5563;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.text-blue-600 {
color: #2563eb;
}

.flex-grow {
flex-grow: 1;
}

.container {
background-color: transparent;
padding: 3%;
padding-top: 5%;
overflow-y: hidden;
height: 100%;
}
.box {
background-color: white;
}
.img {
background-size: contain;
background-repeat: no-repeat;
}
.desc {
font-size: small;
}
.split {
color: black;
}
.gap {
margin-bottom: 5%;
}

.box .flex-grow {
flex-grow: 1; /* 让文本内容占据剩余空间 */
}
Binary file added _static/images/deepspeed.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/diffusers.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/huggingface.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/llama-factory.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/onnxruntime.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/opencv.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/pytorch.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added _static/images/sd-webui.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
173 changes: 172 additions & 1 deletion index.rst
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
昇腾开源
==================================================
============

.. -----------------------------------------
.. Page TOC
Expand Down Expand Up @@ -28,3 +28,174 @@
选择您的偏好，并按照 :doc:`快速安装昇腾环境<sources/ascend/quick_install>` 的安装指导进行操作。

安装成功后，请参考各项目的快速开始和样例来开始使用昇腾AI处理器。

.. raw:: html

<div class="container bg-white flex flex-col items-center">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Card 1 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/llama-factory.png')"></div>
<div>
<h2 class="text-lg font-semibold">LLaMA-Factory</h2>
<p class="text-gray-600 desc">便捷高效的大模型微调工具。V0.7.1版本起支持昇腾。</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 2 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/pytorch.png')"></div>
<div>
<h2 class="text-lg font-semibold">PyTorch</h2>
<p class="text-gray-600 desc">PyTorch AI框架 2.1版本官方支持昇腾</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="https://pytorch.org">官方链接</a>
<span class="split">|</span>
<a href="sources/pytorch/install.html">安装指南</a>
<span class="split">|</span>
<a href="sources/pytorch/quick_start.html">快速上手</a>
</div>
</div>
<!-- Card 3 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/onnxruntime.png')"></div>
<div>
<h2 class="text-lg font-semibold">ONNX Runtime</h2>
<p class="text-gray-600 desc">跨平台、高性能 ML 推理和训练加速器。v1.13.1版本起原生支持昇腾</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 4 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/deepspeed.png')"></div>
<div>
<h2 class="text-lg font-semibold">DeepSpeed</h2>
<p class="text-gray-600 desc">深度学习优化库，使得分布式训练和推理变得简单、高效、有效。
V0.10.1版本起支持昇腾。</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 5 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/opencv.png')"></div>
<div>
<h2 class="text-lg font-semibold">OpenCV</h2>
<p class="text-gray-600 desc">开源计算机视觉库</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 6 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/sd-webui.png')"></div>
<div>
<h2 class="text-lg font-semibold">Stable Diffusion web UI</h2>
<p class="text-gray-600 desc">Stable diffusion可视化工具链</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 7 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/huggingface.png')"></div>
<div>
<h2 class="text-lg font-semibold">Transformers</h2>
<p class="text-gray-600 desc">适用于 Pytorch、TensorFlow 和 JAX 先进的机器学习库
v4.32.0起支持昇腾</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 8 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/diffusers.png')"></div>
<div>
<h2 class="text-lg font-semibold">Diffusers</h2>
<p class="text-gray-600 desc">图像和音频生成等扩散模型工具链</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
<!-- Card 9 -->
<div class="box rounded-lg p-4 flex flex-col items-center">
<div class="flex items-center mb-4">
<div class="img w-16 h-16 rounded-md mr-4" style="background-image: url('_static/images/huggingface.png')"></div>
<div>
<h2 class="text-lg font-semibold">Accelerate</h2>
<p class="text-gray-600 desc">图像和音频生成等扩散模型工具链</p>
</div>
</div>
<div class="flex-grow"></div>
<div class="flex space-x-4 text-blue-600">
<a href="#">官方链接</a>
<span class="split">|</span>
<a href="#">安装指南</a>
<span class="split">|</span>
<a href="#">快速上手</a>
</div>
</div>
</div>
</div>

0 comments on commit 0184b94

Please sign in to comment.