Skip to content

T
Tekton-Website

Jenkins 中文社区 / Tekton-Website
10 个月 前同步成功

通知 1
Star 60
Fork 130
T
Tekton-Website

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 09cb1193 编写于 作者: C Christie Wilson 提交者： tekton-robot
浏览文件
操作

Replace other tutorials with dashboard tutorial 

This tackles several issues:
* Until we get to #36 it removes the tutorials that we haven't audited
  and updated
* It fixes #32 by adding the dashboard tutorial
* It fixes #29 by removing the placeholder links (and the link to the
  google specific CI/CD docs which we can revisit later)
上级 8d4855f7
隐藏空白更改
内联 并排
Showing with 18 addition and 219 deletion
layouts/try/baseof.html
浏览文件 @ 09cb1193
<!doctype html> <!doctype html>
<html lang="{{ .Site.Language.Lang }}" class="no-js"> <html lang="{{ .Site.Language.Lang }}" class="no-js">
<head>
<head>
{{ partial "head.html" . }} {{ partial "head.html" . }}
<style> <style>
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
...@@ -8,9 +9,9 @@ ...@@ -8,9 +9,9 @@
margin-top: 64px; margin-top: 64px;
} }
} }
.card-custom-style { .card-custom-style {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 0.5rem; border-radius: 0.5rem;
} }
...@@ -21,116 +22,24 @@ ...@@ -21,116 +22,24 @@
.subtitle-col-custom-style { .subtitle-col-custom-style {
margin-right: 20px; margin-right: 20px;
padding-bottom: 20px; padding-bottom: 20px;
}; }
</style> </style>
</head> </head>
<body class="td-{{ .Kind }}">
<body class="td-{{ .Kind }}">
<header> <header>
{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}
</header> </header>
{{ partial "tutorial-modal.html" . }} {{ partial "tutorial-modal.html" . }}
<div class="jumbotron jumbotron-fluid scrollable-navbar-margin bg-white"> <div class="jumbotron jumbotron-fluid scrollable-navbar-margin bg-white">
<div class="container" style="padding-top: 40px; "> <div class="container" style="padding-top: 40px; ">
<h2>Interactive Tutorials</h1> <h2>Interactive Tutorials</h1>
<p class="lead">Tekton provides a number of interactive tutorials <p class="lead">These are interactive tutorials
that help you learn how to use Tekton step by step. You can that help you learn how to use Tekton step by step.
also explore Tekton at your own pace with <a href="https://www.katacoda.com/ratrosyu/scenarios/playground">Tekton Playground</a>, </p>
a Kubernetes environment pre-configured with Tekton installation.
</p>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<section class="row">
<div class="col-lg-3 mr-2 pb-3">
<p class="h2 d-inline">get started</p>
<p class="h2 d-inline text-light">on Tekton and learn all the basics.</p>
</div>
<div class="col-lg-8 mr-2 ml-2">
<div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style interactive-tutorial-trigger"
style="background-color: hsl(217, 71%, 53%);"
data-katacoda-src="ratrosyu/getting-started"
data-github-lnk="michaelawyu/tekton-examples/tree/master/getting-started"
data-qwiklabs-lnk="">
<div class="card-img-top">
<img src="/try/icons/getting-started.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Your first CI/CD workflow with Tekton</p>
</div>
</article>
</div>
</div>
</div>
</section>
<br><br>
<section class="row">
<div class="col-lg-3 mr-2 pb-3">
<p class="h2 d-inline">build a great CI/CD workflow</p>
<p class="h2 d-inline text-light">using Tekton tasks and pipelines.</p>
</div>
<div class="col-lg-8 mr-2 ml-2">
<div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style interactive-tutorial-trigger"
style="background-color: hsl(204, 86%, 53%);"
data-katacoda-src="ratrosyu/tasks"
data-github-lnk="michaelawyu/tekton-examples/tree/master/tasks"
data-qwiklabs-lnk="">
<div class="card-img-top">
<img src="/try/icons/task.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Basic building block: Tekton tasks</p>
</div>
</article>
</div>
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style interactive-tutorial-trigger"
style="background-color: hsl(204, 86%, 53%);"
data-katacoda-src="ratrosyu/pipelines"
data-github-lnk="michaelawyu/tekton-examples/tree/master/pipelines"
data-qwiklabs-lnk="">
<div class="card-img-top">
<img src="/try/icons/organize.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Connecting blocks: Tekton pipelines</p>
</div>
</article>
</div>
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style interactive-tutorial-trigger"
style="background-color: hsl(204, 86%, 53%);"
data-katacoda-src="ratrosyu/runs"
data-github-lnk="michaelawyu/tekton-examples/tree/master/runs"
data-qwiklabs-lnk="">
<div class="card-img-top">
<img src="/try/icons/run.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Running Tekton Tasks and Pipelines</p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(204, 86%, 53%); opacity: 0.4;">
<div class="card-img-top">
<img src="/try/icons/advanced.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Advanced CI/CD patterns with Tekton</p>
</div>
</article>
</div>
</div>
</div>
</section>
<br><br>
<section class="row"> <section class="row">
<div class="col-lg-3 mr-2 pb-3"> <div class="col-lg-3 mr-2 pb-3">
<p class="h2 d-inline">control and visualize</p> <p class="h2 d-inline">control and visualize</p>
...@@ -139,9 +48,9 @@ ...@@ -139,9 +48,9 @@
<div class="col-lg-8 mr-2 ml-2"> <div class="col-lg-8 mr-2 ml-2">
<div class="row"> <div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3"> <div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style" <article class="card card-custom-style interactive-tutorial-trigger"
style="background-color: hsl(171, 100%, 41%); opacity: 0.4;" style="background-color: hsl(171, 100%, 41%)" data-katacoda-src="ncskier/tekton-dashboard"
onclick=""> data-github-lnk="ncskier/katacoda/tree/master/tekton-dashboard" data-qwiklabs-lnk="">
<div class="card-img-top"> <div class="card-img-top">
<img src="/try/icons/dashboard.png" class="img-fluid"> <img src="/try/icons/dashboard.png" class="img-fluid">
</div> </div>
...@@ -150,125 +59,15 @@ ...@@ -150,125 +59,15 @@
</div> </div>
</article> </article>
</div> </div>
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(171, 100%, 41%); opacity: 0.4;"
onclick="">
<div class="card-img-top">
<img src="/try/icons/control.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Control with Tekton CLI tools</p>
</div>
</article>
</div>
</div> </div>
</div> </div>
</section> </section>
<br><br>
<section class="row">
<div class="col-lg-3 mr-2 pb-3">
<p class="h2 d-inline">connect to services</p>
<p class="h2 d-inline text-light">you love and use everyday.</p>
</div>
<div class="col-lg-8 mr-2 ml-2">
<div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(141, 53%, 53%); opacity: 0.4;"
onclick="">
<div class="card-img-top">
<img src="/try/icons/github.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Connect to GitHub repositories</p>
</div>
</article>
</div>
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(141, 53%, 53%); opacity: 0.4;"
onclick="">
<div class="card-img-top">
<img src="/try/icons/helm.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Connect to KNative platform</p>
</div>
</article>
</div>
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(141, 53%, 53%); opacity: 0.4;"
onclick="">
<div class="card-img-top">
<img src="/try/icons/control.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Connect to Jenkins/Jenkins X</p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(141, 53%, 53%); opacity: 0.4;"
onclick="">
<div class="card-img-top">
<img src="/try/icons/helm.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Connect to Anthos platform</p>
</div>
</article>
</div>
<div class="col-md-4 pl-1 pr-1 pb-3">
<article class="card card-custom-style"
style="background-color: hsl(141, 53%, 53%); opacity: 0.4;"
onclick="">
<div class="card-img-top">
<img src="/try/icons/custom.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">Connect to any app with events</p>
</div>
</article>
</div>
</div>
</div>
</section>
<br><br>
<section class="row">
<div class="col-lg-3 mr-2 pb-3">
<p class="h2 d-inline">read about concepts and principles</p>
<p class="h2 d-inline text-light">of CI/CD systems.</p>
</div>
<div class="col-lg-8 mr-2 ml-2">
<div class="row">
<div class="col-md-4 pl-1 pr-1 pb-3">
<a href="https://cloud.google.com/solutions/devops/devops-tech-continuous-integration">
<article class="card card-custom-style"
style="background-color: hsl(0, 0%, 4%);"
onclick="">
<div class="card-img-top">
<img src="/try/icons/concept.png" class="img-fluid">
</div>
<div class="card-body card-body-custom-style">
<p class="h4 text-white">CI/CD system best practices</p>
</div>
</article>
</a>
</div>
</div>
</div>
</section>
<br><br>
</div> </div>
{{ partial "privacy-notice.html" }} {{ partial "privacy-notice.html" }}
{{ partial "scripts.html" . }} {{ partial "scripts.html" . }}
{{ $launchTutorialJs := resources.Get "js/launch-tutorial.js" }} {{ $launchTutorialJs := resources.Get "js/launch-tutorial.js" }}
{{ $launchTutorialJs := $launchTutorialJs | minify }} {{ $launchTutorialJs := $launchTutorialJs | minify }}
<script src="{{ $launchTutorialJs.RelPermalink }}"></script> <script src="{{ $launchTutorialJs.RelPermalink }}"></script>
</body> </body>
</html>
</html>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或