|
|
| 第3行： |
第3行： |
| <div style="display: flex; flex-wrap: wrap; gap: 20px; font-family: sans-serif;"> | | <div style="display: flex; flex-wrap: wrap; gap: 20px; font-family: sans-serif;"> |
| == Open source == | | == Open source == |
| <div style="width: 100%; color: #54595d; margin-bottom: 10px;">Open source development and containerization technologies.</div> | | <div style="display: flex; flex-wrap: wrap;"> {{NavBox |link=軟件:容器技術/Docker/Build |title=Docker Build |desc=Build and ship any application anywhere.}} {{NavBox |link=軟件:容器技術/Docker/Engine |title=Docker Engine |desc=The industry-leading container runtime.}} {{NavBox |link=軟件:容器技術/Docker/Compose |title=Docker Compose |desc=Define and run multi-container applications.}} </div> |
| <!-- Docker Build -->
| | <div style="display: flex; flex-wrap: wrap;"> {{NavBox |link=軟件:容器技術/Docker/Build |title=Testcontainers |desc=Run containers programmatically in your preferred programming language.}} {{NavBox |link=軟件:容器技術/Docker/Engine |title=Docker Agent |desc=The open-source multi-agent solution to assist you in your tasks.}} </div> |
| <div style="flex : 1; min-width: 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px; transition: all 0.2s ease-in-out;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)'; this.style.borderColor='#066da5';" onmouseout="this.style.boxShadow='none'; this.style.borderColor='#dadde1';"><div style="font- weight: bold; font-size: 1.2em; margin-bottom: 8px;"> [[File:Icon_Build.png| 20px]] [[軟件:容器技術/Docker/Build|Docker Build ]]</div> <div style= "color: #54595d; line-height: 1.5;">Build and ship any application anywhere. </div> </div> <!-- Docker Engine --> <div style= "flex: 1; min-width: 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px; transition: all 0.2s ease-in-out;" onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)'; this.style.borderColor='#066da5';" onmouseout="this.style.boxShadow='none'; this.style.borderColor='#dadde1';"> <div style="font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_Engine.png|20px]] [[軟件:容器技術/Docker/Engine|Docker Engine ]]</div> <div style= "color: #54595d; line-height: 1.5;">The industry-leading container runtime. </div> </div> <!-- Docker Compose --> <div style="flex: 1; min-width: 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px; transition: all 0.2s ease-in-out;" onmouseover= "this.style.boxShadow='0 4px 12px rgba(0,0,0,0.1)'; this.style.borderColor='#066da5';" onmouseout="this.style.boxShadow='none'; this.style.borderColor='#dadde1';"> <div style="font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_Compose.png|20px]] [[軟件:容器技術/Docker/Compose|Docker Compose ]]</div> <div style= "color: #54595d; line-height: 1.5;">Define and run multi-container applications.</div> </div> <div style=" width: 100%; height: 1px;"></div> <!-- 換行 --> <!-- Testcontainers --> <div style="flex : 0 1 280px; padding: 24px; border: 1px solid #dadde1; border- radius: 6px;" onmouseover="this.style.borderColor='#066da5';" onmouseout="this.style.borderColor='#dadde1';"> <div style= "font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_Test.png|20px]] [[軟件:容器技術/Testcontainers| Testcontainers]]</div> <div style= "color: #54595d; line-height: 1.5;">Run containers programmatically in your preferred language. </div> </div> <!-- Docker Agent --> <div style="flex: 0 1 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px;" onmouseover= "this.style.borderColor='#066da5';" onmouseout="this.style.borderColor='#dadde1';"> <div style="font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_Agent.png|20px]] [[軟件:容器技術/ Agent|Docker Agent ]]</div> <div style= "color: #54595d; line-height: 1.5;">The open-source multi-agent solution to assist you in your tasks.</div > </div> | |
| <br />
| |
| == AI == | | == AI == |
| <div style="width: 100%; color: #54595d; margin-bottom: 10px;">All the Docker AI tools in one easy-to-access location.</div> <!-- Gordon --> | | <div style="display: flex; flex-wrap: wrap;"> {{NavBox |link=軟件:容器技術/AI/Gordon |title=Gordon |desc=Streamline your workflow with your personal AI assistant.}} {{NavBox |link=軟件:容器技術/AI/DMR |title=Docker Model Runner |desc=View and manage your local models.}} </div> |
| <div style="flex: 1; min-width: 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px;" onmouseover="this.style.borderColor='#066da5';" onmouseout="this.style.borderColor='#dadde1';"> <div style="font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_Gordon.png|20px]] [[軟件:容器技術/AI/Gordon|Gordon]]</div> <div style="color: #54595d; line-height: 1.5;">Streamline your workflow with your personal AI assistant.</div> </div> <!-- Docker Model Runner --> <div style="flex: 1; min-width: 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px;" onmouseover="this.style.borderColor='#066da5';" onmouseout="this.style.borderColor='#dadde1';"> <div style="font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_DMR.png|20px]] [[軟件:容器技術/AI/DMR|Docker Model Runner]]</div> <div style="color: #54595d; line-height: 1.5;">View and manage your local models.</div> </div> <!-- MCP Toolkit --> <div style="flex: 1; min-width: 280px; padding: 24px; border: 1px solid #dadde1; border-radius: 6px;" onmouseover="this.style.borderColor='#066da5';" onmouseout="this.style.borderColor='#dadde1';"> <div style="font-weight: bold; font-size: 1.2em; margin-bottom: 8px;">[[File:Icon_MCP.png|20px]] [[軟件:容器技術/AI/MCP|MCP Catalog and Toolkit]]</div> <div style="color: #54595d; line-height: 1.5;">Augment your AI workflow with MCP servers.</div> </div> </div>
| |
| <!-- 建立隱藏分類，不顯示在正文但頁面被歸類 --> [[index.php?title=分类:容器技術]] | | <!-- 建立隱藏分類，不顯示在正文但頁面被歸類 --> [[index.php?title=分类:容器技術]] |
|
| |
|
