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>
<html lang="{{ .Site.Language.Lang }}" class="no-js">
<head>
<head>
{{ partial "head.html" . }}
<style>
@media only screen and (min-width: 768px) {
......@@ -8,9 +9,9 @@
margin-top: 64px;
}
}
.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;
}
......@@ -21,116 +22,24 @@
.subtitle-col-custom-style {
margin-right: 20px;
padding-bottom: 20px;
};
}
</style>
</head>
<body class="td-{{ .Kind }}">
</head>
<body class="td-{{ .Kind }}">
<header>
{{ partial "navbar.html" . }}
</header>
{{ partial "tutorial-modal.html" . }}
{{ partial "tutorial-modal.html" . }}
<div class="jumbotron jumbotron-fluid scrollable-navbar-margin bg-white">
<div class="container" style="padding-top: 40px; ">
<h2>Interactive Tutorials</h1>
<p class="lead">Tekton provides a number of interactive tutorials
that help you learn how to use Tekton step by step. You can
also explore Tekton at your own pace with <a href="https://www.katacoda.com/ratrosyu/scenarios/playground">Tekton Playground</a>,
a Kubernetes environment pre-configured with Tekton installation.
</p>
<p class="lead">These are interactive tutorials
that help you learn how to use Tekton step by step.
</p>
</div>
</div>
<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">
<div class="col-lg-3 mr-2 pb-3">
<p class="h2 d-inline">control and visualize</p>
......@@ -139,9 +48,9 @@
<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(171, 100%, 41%); opacity: 0.4;"
onclick="">
<article class="card card-custom-style interactive-tutorial-trigger"
style="background-color: hsl(171, 100%, 41%)" data-katacoda-src="ncskier/tekton-dashboard"
data-github-lnk="ncskier/katacoda/tree/master/tekton-dashboard" data-qwiklabs-lnk="">
<div class="card-img-top">
<img src="/try/icons/dashboard.png" class="img-fluid">
</div>
......@@ -150,125 +59,15 @@
</div>
</article>
</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>
</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>
{{ partial "privacy-notice.html" }}
{{ partial "scripts.html" . }}
{{ $launchTutorialJs := resources.Get "js/launch-tutorial.js" }}
{{ $launchTutorialJs := $launchTutorialJs | minify }}
<script src="{{ $launchTutorialJs.RelPermalink }}"></script>
</body>
</html>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或