338 lines
8.1 KiB
HTML
338 lines
8.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>A Nice Website</title>
|
|
<!-- 2018-11-27 Tue 18:44 -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="generator" content="Org-mode">
|
|
<meta name="author" content="tmaze">
|
|
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
<style type="text/css">
|
|
/* org mode styles on top of twbs */
|
|
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-size: 18px;
|
|
margin-bottom: 105px;
|
|
}
|
|
|
|
footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 101px;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
footer > div {
|
|
padding: 10px;
|
|
}
|
|
|
|
footer p {
|
|
margin: 0 0 5px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#table-of-contents {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
blockquote p {
|
|
font-size: 18px;
|
|
}
|
|
|
|
pre {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.footpara {
|
|
display: inline-block;
|
|
}
|
|
|
|
figcaption {
|
|
font-size: 16px;
|
|
color: #666;
|
|
font-style: italic;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
/* from twbs docs */
|
|
|
|
.bs-docs-sidebar.affix {
|
|
position: static;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.bs-docs-sidebar {
|
|
padding-left: 20px;
|
|
}
|
|
}
|
|
|
|
/* All levels of nav */
|
|
.bs-docs-sidebar .nav > li > a {
|
|
display: block;
|
|
padding: 4px 20px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #999;
|
|
}
|
|
.bs-docs-sidebar .nav > li > a:hover,
|
|
.bs-docs-sidebar .nav > li > a:focus {
|
|
padding-left: 19px;
|
|
color: #A1283B;
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
border-left: 1px solid #A1283B;
|
|
}
|
|
.bs-docs-sidebar .nav > .active > a,
|
|
.bs-docs-sidebar .nav > .active:hover > a,
|
|
.bs-docs-sidebar .nav > .active:focus > a {
|
|
padding-left: 18px;
|
|
font-weight: bold;
|
|
color: #A1283B;
|
|
background-color: transparent;
|
|
border-left: 2px solid #A1283B;
|
|
}
|
|
|
|
/* Nav: second level (shown on .active) */
|
|
.bs-docs-sidebar .nav .nav {
|
|
display: none; /* Hide by default, but at >768px, show it */
|
|
padding-bottom: 10px;
|
|
}
|
|
.bs-docs-sidebar .nav .nav > li > a {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
padding-left: 30px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
.bs-docs-sidebar .nav .nav > li > a:hover,
|
|
.bs-docs-sidebar .nav .nav > li > a:focus {
|
|
padding-left: 29px;
|
|
}
|
|
.bs-docs-sidebar .nav .nav > .active > a,
|
|
.bs-docs-sidebar .nav .nav > .active:hover > a,
|
|
.bs-docs-sidebar .nav .nav > .active:focus > a {
|
|
padding-left: 28px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* Nav: third level (shown on .active) */
|
|
.bs-docs-sidebar .nav .nav .nav {
|
|
padding-bottom: 10px;
|
|
}
|
|
.bs-docs-sidebar .nav .nav .nav > li > a {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
padding-left: 40px;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
.bs-docs-sidebar .nav .nav .nav > li > a:hover,
|
|
.bs-docs-sidebar .nav .nav .nav > li > a:focus {
|
|
padding-left: 39px;
|
|
}
|
|
.bs-docs-sidebar .nav .nav .nav > .active > a,
|
|
.bs-docs-sidebar .nav .nav .nav > .active:hover > a,
|
|
.bs-docs-sidebar .nav .nav .nav > .active:focus > a {
|
|
padding-left: 38px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* Show and affix the side nav when space allows it */
|
|
@media (min-width: 992px) {
|
|
.bs-docs-sidebar .nav > .active > ul {
|
|
display: block;
|
|
}
|
|
/* Widen the fixed sidebar */
|
|
.bs-docs-sidebar.affix,
|
|
.bs-docs-sidebar.affix-bottom {
|
|
width: 213px;
|
|
}
|
|
.bs-docs-sidebar.affix {
|
|
position: fixed; /* Undo the static from mobile first approach */
|
|
top: 20px;
|
|
}
|
|
.bs-docs-sidebar.affix-bottom {
|
|
position: absolute; /* Undo the static from mobile first approach */
|
|
}
|
|
.bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
|
|
margin-top: 0;
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
/* Widen the fixed sidebar again */
|
|
.bs-docs-sidebar.affix-bottom,
|
|
.bs-docs-sidebar.affix {
|
|
width: 263px;
|
|
}
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
'use strict';
|
|
|
|
$('.bs-docs-sidebar li').first().addClass('active');
|
|
|
|
$(document.body).scrollspy({target: '.bs-docs-sidebar'});
|
|
|
|
$('.bs-docs-sidebar').affix();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="content" class="container">
|
|
<div class="row"><div class="col-md-12"><h1 class="title">A Nice Website</h1>
|
|
|
|
<div id="outline-container-sec-1" class="outline-2">
|
|
<h2 id="sec-1">Why this website ?</h2>
|
|
<div class="outline-text-2" id="text-1">
|
|
<p>
|
|
Because of the <code>roger-skyline-1</code> project of École 42 Paris.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="outline-container-sec-2" class="outline-2">
|
|
<h2 id="sec-2">How it's made</h2>
|
|
<div class="outline-text-2" id="text-2">
|
|
<p>
|
|
This website was done in Emacs using <a href="http://orgmode.org/en/">Org-mode</a>, a strong tool that let you type
|
|
your document as you please and typeset it auto-magically via multiple export
|
|
options (this file was exported to twitter bootstrap).
|
|
</p>
|
|
|
|
<p>
|
|
Its capabilities extend but are not limited to:
|
|
</p>
|
|
<ul class="org-ul">
|
|
<li>easily formated tables and spredsheets
|
|
</li>
|
|
<li>TODO lists
|
|
</li>
|
|
<li>Calendar integration for deadlines, etc…
|
|
</li>
|
|
<li>Multiple export modules (like ODT, HTML, Twitter Bootstrap and LaTeX)
|
|
</li>
|
|
<li>Code Snippet typesetting
|
|
</li>
|
|
<li>Lists & CheckLists
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="outline-container-sec-3" class="outline-2">
|
|
<h2 id="sec-3">Support</h2>
|
|
<div class="outline-text-2" id="text-3">
|
|
</div><div id="outline-container-sec-3-1" class="outline-3">
|
|
<h3 id="sec-3-1">Text editor</h3>
|
|
<div class="outline-text-3" id="text-3-1">
|
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
|
|
|
|
|
<colgroup>
|
|
<col class="left">
|
|
|
|
<col class="left">
|
|
|
|
<col class="left">
|
|
|
|
<col class="left">
|
|
|
|
<col class="left">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" class="text-left"> </th>
|
|
<th scope="col" class="text-left">emacs</th>
|
|
<th scope="col" class="text-left">vim</th>
|
|
<th scope="col" class="text-left">atom</th>
|
|
<th scope="col" class="text-left">vs-code</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left">Has Org-mode ?</td>
|
|
<td class="text-left">natively</td>
|
|
<td class="text-left">with <a href="https://github.com/jceb/vim-orgmode">this</a></td>
|
|
<td class="text-left">with <a href="https://atom.io/packages/org-mode">this</a></td>
|
|
<td class="text-left">with <a href="https://github.com/vscode-org-mode/vscode-org-mode">this</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="outline-container-sec-3-2" class="outline-3">
|
|
<h3 id="sec-3-2">Git repository manager</h3>
|
|
<div class="outline-text-3" id="text-3-2">
|
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
|
|
|
|
|
<colgroup>
|
|
<col class="left">
|
|
|
|
<col class="left">
|
|
|
|
<col class="left">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col" class="text-left"> </th>
|
|
<th scope="col" class="text-left">GitHub</th>
|
|
<th scope="col" class="text-left">Gitlab</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left">README</td>
|
|
<td class="text-left">✓</td>
|
|
<td class="text-left">✓</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="text-left">wiki</td>
|
|
<td class="text-left">✓</td>
|
|
<td class="text-left">✗</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="outline-container-sec-4" class="outline-2">
|
|
<h2 id="sec-4">Further documentation</h2>
|
|
<div class="outline-text-2" id="text-4">
|
|
<ul class="org-ul">
|
|
<li><a href="https://youtu.be/SzA2YODtgK4"><i>Getting Started with Org-Mode</i>, Harry Schwartz</a>
|
|
</li>
|
|
<li><a href="https://youtu.be/oJTwQvgfgMM"><i>Emacs Org-mode - a system for note-taking and project planning</i>, Carsten Dominik</a>
|
|
</li>
|
|
<li><a href="http://orgmode.org/en/">Org-mode website</a>
|
|
</li>
|
|
<li><a href="https://gist.github.com/tvdu29/64c46349d214e74c71f2a2f0121707a9">This page's source code</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div></div></div>
|
|
<footer id="postamble" class="">
|
|
<div><p class="author">Author: tmaze</p>
|
|
<p class="date">Created: 2018-11-27 Tue 18:44</p>
|
|
<p class="creator"><a href="http://www.gnu.org/software/emacs/">Emacs</a> 26.1 (<a href="http://orgmode.org">Org-mode</a> 9.1.9)</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|