modele-de-depart/courses/example/index.html

725 lines
17 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Source Themes Academia 4.3.1">
<meta name="generator" content="Hugo 0.89.4" />
<meta name="author" content="Michael Vahn">
<meta name="description" content="Learn how to use Academia&#39;s docs layout for publishing online courses, software documentation, and tutorials.">
<link rel="alternate" hreflang="en-us" href="/portfolios/exemple2/courses/example/">
<meta name="theme-color" content="#fc6f5c">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" integrity="sha256-ygkqlh3CYSUri3LhQxzdcm0n1EQvH2Y+U5S2idbLtxs=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css" crossorigin="anonymous" title="hl-light">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans|Roboto+Mono&display=swap">
<link rel="stylesheet" href="/portfolios/exemple2/css/academia.min.76e69f7370e1e1222344c0109d841c44.css">
<link rel="alternate" href="/portfolios/exemple2/courses/example/index.xml" type="application/rss+xml" title="Léa Jean">
<link rel="feed" href="/portfolios/exemple2/courses/example/index.xml" type="application/rss+xml" title="Léa Jean">
<link rel="manifest" href="/portfolios/exemple2/site.webmanifest">
<link rel="icon" type="image/png" href="/portfolios/exemple2/img/icon.png">
<link rel="apple-touch-icon" type="image/png" href="/portfolios/exemple2/img/icon-192.png">
<link rel="canonical" href="/portfolios/exemple2/courses/example/">
<meta property="twitter:card" content="summary">
<meta property="og:site_name" content="Léa Jean">
<meta property="og:url" content="/portfolios/exemple2/courses/example/">
<meta property="og:title" content="Overview | Léa Jean">
<meta property="og:description" content="Learn how to use Academia&#39;s docs layout for publishing online courses, software documentation, and tutorials."><meta property="og:image" content="/portfolios/exemple2/img/icon-192.png">
<meta property="twitter:image" content="/portfolios/exemple2/img/icon-192.png"><meta property="og:locale" content="en-us">
<meta property="og:updated_time" content="2018-09-09T00:00:00&#43;00:00">
<title>Overview | Léa Jean</title>
</head>
<body id="top" data-spy="scroll" data-target="#TableOfContents" data-offset="71" >
<aside class="search-results" id="search">
<div class="container">
<section class="search-header">
<div class="row no-gutters justify-content-between mb-3">
<div class="col-6">
<h1>Search</h1>
</div>
<div class="col-6 col-search-close">
<a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
</div>
</div>
<div id="search-box">
</div>
</section>
<section class="section-search-results">
<div id="search-hits">
</div>
</section>
</div>
</aside>
<nav class="navbar navbar-light fixed-top navbar-expand-lg py-0" id="navbar-main">
<div class="container">
<a class="navbar-brand" href="/portfolios/exemple2/">Léa Jean</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link " href="/portfolios/exemple2/#about"><span>Home</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/exemple2/#posts"><span>Posts</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/exemple2/#projects"><span>Projects</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/exemple2/#publications"><span>Publications</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/portfolios/exemple2/courses/"><span>Courses</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/exemple2/#contact"><span>Contact</span></a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"><span>dropdown</span><span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="dropdown-item my-0 py-0 mx-0 px-0">
<a href="/portfolios/exemple2/#"><span>dropdown 1</span></a>
</li>
<li class="dropdown-item my-0 py-0 mx-0 px-0">
<a href="/portfolios/exemple2/#!"><span>dropdown 2</span></a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link js-dark-toggle" href="#"><i class="fas fa-moon" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid docs">
<div class="row flex-xl-nowrap">
<div class="col-12 col-md-3 col-xl-2 docs-sidebar">
<form class="docs-search d-flex align-items-center">
<button class="btn docs-toggle d-md-none p-0 mr-3" type="button" data-toggle="collapse" data-target="#docs-nav" aria-controls="docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
<span><i class="fas fa-bars"></i></span>
</button>
</form>
<nav class="collapse docs-links" id="docs-nav">
<div class="docs-toc-item active">
<a class="docs-toc-link" href="/portfolios/exemple2/courses/example/">Overview</a>
</div>
<div class="docs-toc-item">
<a class="docs-toc-link" href="/portfolios/exemple2/courses/example.1/">Overview 2</a>
</div>
<div class="docs-toc-item">
<a class="docs-toc-link" href="/portfolios/exemple2/courses/example.2/">Overview 3</a>
</div>
<div class="docs-toc-item">
<a class="docs-toc-link" href="/portfolios/exemple2/courses/example/example1/">Example Topic</a>
<ul class="nav docs-sidenav">
<li >
<a href="/portfolios/exemple2/courses/example/example1/">Tips 1-2</a>
</li>
<li >
<a href="/portfolios/exemple2/courses/example/example2/">Tips 3-4</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="d-none d-xl-block col-xl-2 docs-toc">
<ul class="nav toc-top">
<li><a href="#" id="back_to_top" class="docs-toc-title">Contents</a></li>
</ul>
<nav id="TableOfContents">
<ul>
<li><a href="#flexibility">Flexibility</a></li>
<li><a href="#delete-tutorials">Delete tutorials</a></li>
<li><a href="#update-site-menu">Update site menu</a></li>
<li><a href="#update-the-docs-menu">Update the docs menu</a></li>
</ul>
</nav>
</div>
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 docs-content" role="main">
<article class="article" itemscope itemtype="http://schema.org/Article">
<div class="docs-article-container">
<h1 itemprop="name">Overview</h1>
<div class="article-style" itemprop="articleBody">
<h2 id="flexibility">Flexibility</h2>
<p>This feature can be used for publishing content such as:</p>
<ul>
<li><strong>Online courses</strong></li>
<li><strong>Project or software documentation</strong></li>
<li><strong>Tutorials</strong></li>
</ul>
<p>The <code>courses</code> folder may be renamed. For example, we can rename it to <code>docs</code> for software/project documentation or <code>tutorials</code> for creating an online course.</p>
<h2 id="delete-tutorials">Delete tutorials</h2>
<p><strong>To remove these pages, delete the <code>courses</code> folder and see below to delete the associated menu link.</strong></p>
<h2 id="update-site-menu">Update site menu</h2>
<p>After renaming or deleting the <code>courses</code> folder, you may wish to update any <code>[[main]]</code> menu links to it by editing your menu configuration at <code>config/_default/menus.toml</code>.</p>
<p>For example, if you delete this folder, you can remove the following from your menu configuration:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-toml" data-lang="toml">[[<span style="color:#a6e22e">main</span>]]
<span style="color:#a6e22e">name</span> = <span style="color:#e6db74">&#34;Courses&#34;</span>
<span style="color:#a6e22e">url</span> = <span style="color:#e6db74">&#34;courses/&#34;</span>
<span style="color:#a6e22e">weight</span> = <span style="color:#ae81ff">50</span>
</code></pre></div><p>Or, if you are creating a software documentation site, you can rename the <code>courses</code> folder to <code>docs</code> and update the associated <em>Courses</em> menu configuration to:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-toml" data-lang="toml">[[<span style="color:#a6e22e">main</span>]]
<span style="color:#a6e22e">name</span> = <span style="color:#e6db74">&#34;Docs&#34;</span>
<span style="color:#a6e22e">url</span> = <span style="color:#e6db74">&#34;docs/&#34;</span>
<span style="color:#a6e22e">weight</span> = <span style="color:#ae81ff">50</span>
</code></pre></div><h2 id="update-the-docs-menu">Update the docs menu</h2>
<p>If you use the <em>docs</em> layout, note that the name of the menu in the front matter should be in the form <code>[menu.X]</code> where <code>X</code> is the folder name. Hence, if you rename the <code>courses/example/</code> folder, you should also rename the menu definitions in the front matter of files within <code>courses/example/</code> from <code>[menu.example]</code> to <code>[menu.&lt;NewFolderName&gt;]</code>.</p>
</div>
<div class="article-widget">
<div class="post-nav">
</div>
</div>
</div>
<div class="body-footer">
Last updated on Sep 9, 2018
</div>
</article>
<footer class="site-footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 mb-4 mb-md-0">
<p class="mb-0">
Copyright © 2021 &middot;
Powered by
<a href="https://gethugothemes.com" target="_blank" rel="noopener">Gethugothemes</a>
</p>
</div>
<div class="col-md-6">
<ul class="list-inline network-icon text-right mb-0">
<li class="list-inline-item">
<a href="https://twitter.com/Twitter" target="_blank" rel="noopener" title="DM Me"><i class="fab fa-twitter" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item">
<a href="skype:echo123?call" title="Skype Me"><i class="fab fa-skype" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item">
<a href="https://keybase.io/" target="_blank" rel="noopener" title="Chat on Keybase"><i class="fab fa-keybase" aria-hidden="true"></i></a>
</li>
<li class="list-inline-item">
<a href="https://discourse.gohugo.io" target="_blank" rel="noopener" title="Discuss on Forum"><i class="fas fa-comments" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</main>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" integrity="sha256-X5PoE3KU5l+JcX+w09p/wHl9AzK333C4hJ2I9S5mD4M=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js" integrity="sha256-aYTdUrn6Ow1DDgh5JTc3aDGnnju48y/1c8s1dgkYPQ8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin="anonymous"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.1/anchor.min.js" integrity="sha256-pB/deHc9CGfFpJRjC43imB29Rse8tak+5eXqntO94ck=" crossorigin="anonymous"></script>
<script>
anchors.add();
</script>
<script src="/portfolios/exemple2/js/academia.min.e40e230d9b3dfeac86994156b6388764.js"></script>
<div id="modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Cite</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<pre><code class="tex hljs"></code></pre>
</div>
<div class="modal-footer">
<a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
<i class="fas fa-copy"></i> Copy
</a>
<a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<div id="modal-error"></div>
</div>
</div>
</div>
</div>
</body>
</html>