From 4ef08baf993b7c5fadf893e97618f85c93a3694f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20MANSON?=
Date: Wed, 5 Oct 2016 22:20:36 +0200
Subject: [PATCH] ajout de prism.js pour la coloration syntaxique
---
css/prism.css | 191 ++++++++++++++++++++++++++++++++++++++++++++++++++
index.html | 5 +-
js/prism.js | 24 +++++++
3 files changed, 218 insertions(+), 2 deletions(-)
create mode 100644 css/prism.css
create mode 100644 js/prism.js
diff --git a/css/prism.css b/css/prism.css
new file mode 100644
index 0000000..6bd65af
--- /dev/null
+++ b/css/prism.css
@@ -0,0 +1,191 @@
+/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+apacheconf+bash+batch+css-extras+diff+git+http+ini+less+markdown+nginx+php+powershell+sql+wiki+yaml&plugins=line-numbers+show-language+highlight-keywords */
+/**
+ * okaidia theme for JavaScript, CSS and HTML
+ * Loosely based on Monokai textmate theme by http://www.monokai.nl/
+ * @author ocodia
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: #f8f8f2;
+ background: none;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+ border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background: #272822;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: slategray;
+}
+
+.token.punctuation {
+ color: #f8f8f2;
+}
+
+.namespace {
+ opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #f92672;
+}
+
+.token.boolean,
+.token.number {
+ color: #ae81ff;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #a6e22e;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+ color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function {
+ color: #e6db74;
+}
+
+.token.keyword {
+ color: #66d9ef;
+}
+
+.token.regex,
+.token.important {
+ color: #fd971f;
+}
+
+.token.important,
+.token.bold {
+ font-weight: bold;
+}
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
+pre.line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
+}
+
+pre.line-numbers > code {
+ position: relative;
+}
+
+.line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 3em; /* works for line-numbers below 1000 lines */
+ letter-spacing: -1px;
+ border-right: 1px solid #999;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+}
+
+ .line-numbers-rows > span {
+ pointer-events: none;
+ display: block;
+ counter-increment: linenumber;
+ }
+
+ .line-numbers-rows > span:before {
+ content: counter(linenumber);
+ color: #999;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+ }
+div.prism-show-language {
+ position: relative;
+}
+
+div.prism-show-language > div.prism-show-language-label {
+ color: black;
+ background-color: #CFCFCF;
+ display: inline-block;
+ position: absolute;
+ bottom: auto;
+ left: auto;
+ top: 0;
+ right: 0;
+ width: auto;
+ height: auto;
+ font-size: 0.9em;
+ border-radius: 0 0 0 5px;
+ padding: 0 0.5em;
+ text-shadow: none;
+ z-index: 1;
+ box-shadow: none;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+
diff --git a/index.html b/index.html
index 3efc856..46a0b7f 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,8 @@
blog.jmanson.fr - Le Blog de Jeremy
-
+
+
@@ -136,7 +137,7 @@
-
+