tykayn/orgmode-to-gemini-blog
1
0
Fork 0
mirror of https://forge.chapril.org/tykayn/orgmode-to-gemini-blog synced 2025-10-09 17:02:45 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

up

Browse source
This commit is contained in:
Tykayn 2024-11-08 18:05:08 +01:00 • committed by tykayn
parent 0b9f66167c
commit 0a189bd6ad
151 changed files with 18303 additions and 565 deletions
Download patch file Download diff file Expand all files Collapse all files

231
html-websites/cipherbliss_blog/2015/cipherbliss_blog_11_twig-et-angular/index.html Normal file
View file

@ -0,0 +1,231 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>cipherbliss_blog</title>
<style type='text/css'>{css_content}</style><link type='stylesheet/css' href='/style.css'></link></head>
<body>
<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>cipherbliss_blog</title>
<style>
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 12px;
}
h1 {
font-size: 1.8em;
}
}
@media print {
html {
background-color: white;
}
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%;
margin: 0;
hyphens: manual;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<header id="title-block-header">
<h1 class="title">cipherbliss_blog</h1>
</header>
<h1 id="article">Article</h1>
<ul>
<li>ID: 197</li>
<li>guid:</li>
<li>status: publish</li>
<li>publié le: &lt;2015-12-08 09:12:42&gt;</li>
<li>modifié: &lt;2016-05-11 07:17:10&gt;</li>
<li>Index des articles du blog <a
href="id:39e91a2e-d003-4acd-a99a-b58dca74df77">Cipherbliss blog</a></li>
</ul>
<h2 id="twig-et-angular-1">twig et angular</h2>
<p>twig utilise des marquerus en double accolade, angular aussi dans ses
templates. SI on veut éviter de se marcher sur les pieds et de voir ses
instructions de template angular mangées par celles de twig (car
évaluées avant que le js n'y ait accès), il existe deux méthodes
courantes: entourer les instructions angular de balise twig "verbatim"
afin qu'elles ne soient pas interprêtées, ce qui rallonge
considérablement le code des templates en plus d'être assez laid. </p>
<pre class="example"><code>{% verbatim %}
{{ monExpressionAngular }}
{% verbatim %}
</code></pre>
<p>ou bien on peut changer les marqueurs d'expressions angular dans la
config de notre app. Par example, utiliser des double parenthèses. mon
clavier azerty préfère, car cela évite de faire deux boutons pour un
caractère. Pour cela, dans l'instanciation de votre app angular, dans la
config, mettez le service $interpolateProvider et définissez lui ses
symboles de début et de fin comme ceci:</p>
<pre class="example"><code>(function () {
window.tykaynApp = angular.module(&#39;tykaynApp&#39;, [])
.config([&#39;$interpolateProvider&#39;, function ($interpolateProvider) {
$interpolateProvider.startSymbol(&#39;((&#39;);
$interpolateProvider.endSymbol(&#39;))&#39;);
}])
;
})();
</code></pre>
<p>Ainsi vous aurez la possibilité de faire vos expressions angular dans
twig avec des double parenthèses. (Sans oublier de définir ng-app et
ng-controller dans votre template)</p>
<pre class="example"><code>(( monExpressionAngular ))
</code></pre>
<h1 id="liens">Liens</h1>
<ul>
<li>cipherbliss <a
href="id:d14d8051-bbb9-4279-a574-84d78bfe5b66">Cipherbliss blog</a></li>
</ul>
</body>
</html>
<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
</html>