From 2c42d3127f49361baea0222a0bb6a2c80508e46d Mon Sep 17 00:00:00 2001 From: Thomas Dehaeze Date: Thu, 26 Nov 2020 15:58:49 +0100 Subject: [PATCH] Add CSS for bibligraphy --- ieee.csl | 400 +++++++++++++++++++++++++++++++ index.org | 181 +++++++++++--- ref.bib | 27 +++ scss/partials/_bibliography.scss | 8 + 4 files changed, 577 insertions(+), 39 deletions(-) create mode 100644 ieee.csl create mode 100644 ref.bib create mode 100644 scss/partials/_bibliography.scss diff --git a/ieee.csl b/ieee.csl new file mode 100644 index 0000000..2089efb --- /dev/null +++ b/ieee.csl @@ -0,0 +1,400 @@ + + diff --git a/index.org b/index.org index 16e7018..fa959bf 100644 --- a/index.org +++ b/index.org @@ -15,6 +15,9 @@ #+HTML_MATHJAX: align: center tagside: right font: TeX +#+BIBLIOGRAPHY: ref.bib +#+CSL_STYLE: ieee.csl + #+PROPERTY: header-args:matlab :session *MATLAB* #+PROPERTY: header-args:matlab+ :comments org #+PROPERTY: header-args:matlab+ :results none @@ -43,29 +46,29 @@ Simple Abstract. #+end_abstract -* Normal Markup - +* Basics +** Normal Markup Here is some text in *bold*, now with _underline_ and now some =inline code=. - Finally some /italic/ text. +** Links to Footnotes + A link to a footnote[fn:1] and to another footnote[fn:2]. -* Lists -** Unordered List - +** Lists +*Unordered List*: - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nam aliquet euismod viverra. - Phasellus turpis nisi, faucibus a orci et, faucibus fermentum ligula. -** Ordered List +*Ordered List*: 1. In libero odio, imperdiet eget ex a, vulputate suscipit tellus. 2. Etiam sed leo ex. 3. Integer eu rutrum turpis. -** Nested Lists +*Nested Lists*: - Nulla facilisi. - Donec vulputate risus ut lectus bibendum, vitae fringilla odio tempus. 1. In libero odio, imperdiet eget ex a, vulputate suscipit tellus. @@ -77,7 +80,7 @@ A link to a footnote[fn:1] and to another footnote[fn:2]. - Integer eu rutrum turpis. - Sed pretium mattis nibh, vel lobortis augue semper vel. -** Definition List +*Definition List*: - Lorem ipsum :: dolor sit amet, consectetur adipiscing elit. Mauris laoreet sollicitudin venenatis. Duis sed consequat dolor. - Etiam feugiat :: pharetra sapien et semper. Nunc ornare lacus sit amet massa @@ -90,38 +93,62 @@ A link to a footnote[fn:1] and to another footnote[fn:2]. fermentum eu tortor. Duis in facilisis ante, quis faucibus dolor. Etiam maximus lorem quis accumsan vehicula. -* Headlines -** Second level Headline -*** Third level Headline -**** Fourth level Headline -***** Fifth level Headline -****** Sixth level Headline -*** Third level Headline -** Second level Headline -** Second level Headline +** Links +Here is a list of links to: +- Figure [[fig:general_control_names]] +- Table [[tab:table_with_equations]] +- Listing [[lst:matlab_figure]] +- Equation eqref:eq:numbered +- Section [[sec:headlines]] +- Bibliographic Reference cite:stanisic14_effec, and cite:schulte11_activ_docum_with_org_mode,dominik10_org_mode_refer_manual_organ_gnu_emacs,stanisic14_effec -* Maths +** Maths Here is some inline mathematics: $z = 2$. Unumbered equation: \[ F(x) = \int_0^x f(t) dt \] -Using the =equation= environment: +Using the =equation= environment in Eq. eqref:eq:numbered. \begin{equation} F(s) = \int_0^\infty f(t) e^{-st} dt \label{eq:numbered} \end{equation} -Using the =align= environment: +Using the =align= environment Equations eqref:eq:align_1 and eqref:eq:align_2. \begin{align} - \mathcal{F}(a) &= \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - a}\,dz\\ - \int_D (\nabla\cdot \mathcal{F})\,dV &=\int_{\partial D}\mathcal{F}\cdot n\, dS + \mathcal{F}(a) &= \frac{1}{2\pi i}\oint_\gamma \frac{f(z)}{z - a}\,dz \label{eq:align_1} \\ + \int_D (\nabla\cdot \mathcal{F})\,dV &=\int_{\partial D}\mathcal{F}\cdot n\, dS \label{eq:align_2} \end{align} -* Quote +** Quote #+begin_quote This is a quote #+end_quote +** Aside +An aside block can be used as shown below. + +#+begin_aside +This is a note about the text using the =aside= environment. +This can be as long as wanted +#+end_aside + +Cras elementum ex vel orci congue porttitor. Vestibulum scelerisque gravida mattis. Suspendisse sit amet volutpat felis. Cras luctus porta lectus eget scelerisque. Cras blandit purus vel odio malesuada pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi eget aliquet sapien. Nunc eu elit in ligula aliquam congue dapibus eu massa. Sed accumsan hendrerit viverra. Quisque purus enim, tristique vitae porttitor eu, feugiat non ligula. Duis vitae ipsum vel quam ultricies ornare quis vitae quam. Vivamus commodo mauris non ex rutrum, sagittis facilisis metus tincidunt. Etiam vel nibh sit amet lorem auctor volutpat vel quis nulla. Quisque nec pharetra justo. + +* Headlines +<> + +** Second level Headline +*** Third level Headline +**** Fourth level Headline +Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo. Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus. + +*** Third level Headline +**** Fourth level Headline +Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo. Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus. + +** Second level Headline +Aliquam aliquet sagittis lorem in rutrum. Cras pharetra viverra nisi, at placerat felis malesuada elementum. Donec tincidunt pharetra tincidunt. Praesent id lectus eget erat porttitor placerat non a magna. Cras non mauris ex. Morbi ut eros eu tellus egestas dapibus et et est. Aenean sollicitudin nibh enim, sed pulvinar massa iaculis sit amet. Vivamus egestas laoreet varius. Sed finibus libero nec quam tempor, eget viverra sapien fermentum. Donec dictum eleifend velit, vel elementum ex ultrices non. Vivamus mauris ex, ultrices quis sem vel, dapibus lacinia est. Praesent a sapien id diam venenatis finibus non vel justo. Cras sagittis tortor ac rutrum elementum. Maecenas luctus tempor enim, vitae suscipit quam consequat a. Phasellus feugiat congue sapien commodo cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus. + * Blocks #+begin_seealso @@ -227,7 +254,6 @@ Using the =align= environment: #+RESULTS: : 1.4142 -** Text Results #+begin_src matlab :results output replace y @@ -237,9 +263,64 @@ Using the =align= environment: : y = : 1 4 9 16 25 36 49 64 81 100 +** Numbered Code Blocks + +#+name: lst:matlab_figure +#+caption: Code to produce a nice contour plot +#+begin_src matlab + figure; + [X,Y,Z] = peaks; + contour(X,Y,Z,20) +#+end_src + +#+begin_src matlab :tangle no :exports results :results file replace + exportFig('figs/matlab_logo.pdf', 'width', 'small', 'height', 'normal'); +#+end_src + +#+name: fig:matlab_logo +#+caption: Obtained Contour Plot +#+RESULTS: +[[file:figs/matlab_logo.png]] + +Below is another code block. + +#+name: lst:matlab_svd +#+caption: Code to compute the Singular Value Decomposition +#+begin_src matlab :results output replace + A = [1 2; 3 4; 5 6; 7 8] + [U,S,V] = svd(A) +#+end_src + +#+RESULTS: +#+begin_example +A = [1 2; 3 4; 5 6; 7 8] +A = + 1 2 + 3 4 + 5 6 + 7 8 +[U,S,V] = svd(A) +U = + -0.152483233310201 -0.82264747222566 -0.394501022283829 -0.379959133877596 + -0.349918371807964 -0.42137528768458 0.242796545704357 0.800655879510063 + -0.547353510305727 -0.0201031031435029 0.697909975442776 -0.461434357387336 + -0.74478864880349 0.381169081397575 -0.546205498863303 0.0407376117548695 +S = + 14.2690954992615 0 + 0 0.626828232417541 + 0 0 + 0 0 +V = + -0.641423027995072 0.767187395072177 + -0.767187395072177 -0.641423027995072 +#+end_example + * Images -#+HTML:
Code +Figure [[fig:general_control_names]] shows the results of the Tikz code of listing [[lst:tikz_test]]. + +#+name: lst:tikz_test +#+caption: Tikz code that is used to generate Figure [[fig:general_control_names]] #+begin_src latex :file general_control_names.pdf :exports both \begin{tikzpicture} @@ -261,31 +342,50 @@ Using the =align= environment: \draw[->] (outputv) -- ++(0.8, 0) |- node[right, near start, align=left]{sensed output\\$v$} (K.east); \end{tikzpicture} #+end_src -#+HTML:
#+name: fig:general_control_names -#+caption: Figure caption +#+caption: General Control Configuration #+RESULTS: [[file:figs/general_control_names.png]] * Tables -#+name: tab:table_name -#+caption: Table caption -| a | b | c | -|-----+-------------------------+-----| -| x | $\int_0^\infty f(x) dx$ | 0 | -| y | sdf | sdf | -| sdf | sdf | sd | -| fsd | df | sdf | +Table [[tab:table_with_equations]] shows a table with some mathematics inside. + +#+name: tab:table_with_equations +#+caption: A Simple table with included math +| $N$ | $N^2$ | $N^3$ | $N^4$ | $\sqrt n$ | $\sqrt[4]N$ | +|-----+-------+-------+-------+-----------+-------------| +| 1 | 1 | 1 | 1 | 1 | 1 | +| 2 | 4 | 8 | 16 | 1.4142136 | 1.1892071 | +| 3 | 9 | 27 | 81 | 1.7320508 | 1.3160740 | +#+TBLFM: $2=$1^2::$3=$1^3::$4=$1^4::$5=sqrt($1)::$6=sqrt(sqrt(($1))) * Details +Below is some content hidden until you click the bar. + +#+HTML:
Hiden Part +Almost anything can be put here for instance this table below. + +#+name: tab:table_with_equations_bis +#+caption: A Simple table with included math +| $N$ | $N^2$ | $N^3$ | $N^4$ | $\sqrt n$ | $\sqrt[4]N$ | +|-----+-------+-------+-------+-----------+-------------| +| 1 | 1 | 1 | 1 | 1 | 1 | +| 2 | 4 | 8 | 16 | 1.4142136 | 1.1892071 | +| 3 | 9 | 27 | 81 | 1.7320508 | 1.3160740 | +#+TBLFM: $2=$1^2::$3=$1^3::$4=$1^4::$5=sqrt($1)::$6=sqrt(sqrt(($1))) + +#+HTML:
+ +This =details= blocks can even be put in other blocks are shown below. + #+begin_question What is the approximate diameter of the earth? #+HTML:
Answer -It is approximately 12,742 km +It is approximately *12,742 km* #+HTML:
#+end_question @@ -293,9 +393,12 @@ It is approximately 12,742 km yt:A7wHSr6GRnc -* Links +* Bibliography +bibliographystyle:unsrt +bibliography:ref.bib -* Footnotes +* Footnotes :ignore: [fn:1] A long foot note. Lorem ipsum dolor sit amet, consectetur adipiscing elit. With a reference to Figure [[fig:general_control_names]]. [fn:2] An other footnote. + diff --git a/ref.bib b/ref.bib new file mode 100644 index 0000000..d18bb2b --- /dev/null +++ b/ref.bib @@ -0,0 +1,27 @@ +@inproceedings{stanisic14_effec, + author = {Stanisic, Luka and Legrand, Arnaud}, + title = {Effective reproducible research with org-mode and git}, + booktitle = {European Conference on Parallel Processing}, + year = 2014, + pages = {475--486}, + organization = {Springer}, +} + +@book{dominik10_org_mode_refer_manual_organ_gnu_emacs, + author = {Dominik, Carsten}, + title = {The Org Mode 7 Reference Manual-Organize your life with GNU + Emacs}, + year = 2010, + publisher = {Network Theory Ltd.}, +} + +@article{schulte11_activ_docum_with_org_mode, + author = {Schulte, Eric and Davison, Dan}, + title = {Active Documents With Org-Mode}, + journal = {Computing in Science \& Engineering}, + volume = 13, + number = 3, + pages = {66--73}, + year = 2011, + publisher = {IEEE Computer Society}, +} diff --git a/scss/partials/_bibliography.scss b/scss/partials/_bibliography.scss new file mode 100644 index 0000000..fd8c698 --- /dev/null +++ b/scss/partials/_bibliography.scss @@ -0,0 +1,8 @@ +// Bibliography Section +div.csl-bib-body { + + // Bibliography Entries + .csl-entry { + margin-bottom: 1em; + } +}