Templates and snippets for export
This commit is contained in:
168
org-templates/imagine_light/imagine_light.css
Normal file
168
org-templates/imagine_light/imagine_light.css
Normal file
@@ -0,0 +1,168 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Elsie&display=swap');
|
||||
|
||||
/* Variables. Feel free to edit these! */
|
||||
:root {
|
||||
--color-primary: #028090;
|
||||
--color-secondary: #00A896;
|
||||
|
||||
--color-soft-white: #FFFFF0;
|
||||
|
||||
--color-soft-black: #444;
|
||||
--color-hard-black: #222;
|
||||
|
||||
--color-special-todo: #790604;
|
||||
|
||||
--font-normal: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman";
|
||||
--font-headings: 'Elsie', cursive;
|
||||
|
||||
--font-size-1: 33.57px;
|
||||
--font-size-2: 26.86px;
|
||||
--font-size-3: 21.48px;
|
||||
--font-size-4: 17.19px;
|
||||
|
||||
--font-size-small: 11px;
|
||||
}
|
||||
|
||||
/* Selection color */
|
||||
::selection {
|
||||
background-color: var(--color-primary);
|
||||
color: var(--color-soft-white);
|
||||
}
|
||||
|
||||
/* Remove outer padding */
|
||||
html, body{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Heading styles */
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
color: var(--color-hard-black);
|
||||
font-family: var(--font-headings)
|
||||
}
|
||||
|
||||
/* Scaled font sizes */
|
||||
h1{font-size: var(--font-size-1);}
|
||||
h2{font-size: var(--font-size-2);}
|
||||
h3{font-size: var(--font-size-3);}
|
||||
h3{font-size: var(--font-size-4);}
|
||||
h4{font-size: var(--font-size-4);}
|
||||
h5{font-size: var(--font-size-4);}
|
||||
|
||||
h1 > .subtitle{
|
||||
font-size: 21.48px;
|
||||
}
|
||||
|
||||
/* Normal text style(including code) */
|
||||
p, pre, ol, ul, table, code{
|
||||
color: #444;
|
||||
font-size: var(--font-size-4);
|
||||
font-family: var(--font-normal)
|
||||
}
|
||||
|
||||
/* Better anchor tags */
|
||||
a{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
/* Force footer to bottom and center */
|
||||
#postamble{
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#postamble > p{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.title{
|
||||
padding: 2vh 5vw;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive images */
|
||||
img{
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Responsive code blocks and tables */
|
||||
pre, .outline-text-2, .outline-text-3, outline-text-4{
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* Responsive content positioning */
|
||||
@media only screen and (min-width: 750px) /* Large screens */
|
||||
{
|
||||
.outline-2{
|
||||
padding: 2vh 20vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 750px) /* Small screens */
|
||||
{
|
||||
.outline-2{
|
||||
padding: 2vh 5vw;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Code blocks */
|
||||
.org-keyword{
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.org-rainbow-delimiters-depth-1{
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.org-org-meta-line{
|
||||
color: var(--color-primary);
|
||||
}
|
||||
blockquote{
|
||||
border-left:5px solid var(--color-primary);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.todo{
|
||||
color: var(--color-special-todo);
|
||||
}
|
||||
|
||||
.done{
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
/* Tags.
|
||||
The way org exports tags is a little strange.
|
||||
They are exported as a span with class "tag" containing each
|
||||
of the tags in its own span with class and contents equal to
|
||||
the tags name. This is actually really useful as it allows
|
||||
for targeting both the "tag group" and each tag individually */
|
||||
|
||||
.tag{
|
||||
margin-top: 5px;
|
||||
display: block;
|
||||
color: var(--color-soft-white);
|
||||
font-size: var(--font-size-small);
|
||||
font-family: var(--font-normal)
|
||||
|
||||
}
|
||||
|
||||
.tag > span{
|
||||
background-color: var(--color-secondary);
|
||||
text-transform: uppercase;
|
||||
border-radius: 2px;
|
||||
width: fit-content;
|
||||
height: auto;
|
||||
padding: 1px 5px;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.underline{
|
||||
text-decoration: underline;
|
||||
}
|
||||
134
org-templates/imagine_light/imagine_light.org
Normal file
134
org-templates/imagine_light/imagine_light.org
Normal file
@@ -0,0 +1,134 @@
|
||||
#+SETUPFILE: ~/.emacs.d/org-styles/html/imagine_light.theme
|
||||
#+TITLE: Imagine Light
|
||||
#+AUTHOR: Jesse Kelly (jessekelly881)
|
||||
#+EMAIL: mail@blablub.nil
|
||||
#+OPTIONS: ^:nil p:t
|
||||
|
||||
* Imagine Light
|
||||
Original: https://github.com/jessekelly881/Imagine
|
||||
|
||||
Includes:
|
||||
- [X] CSS
|
||||
- [ ] JAVASCRIPT
|
||||
|
||||
Available as:
|
||||
- [X] CSS FILE
|
||||
- [ ] JS FILE
|
||||
- [X] SETUPFILE
|
||||
|
||||
* Lists
|
||||
** Todo List
|
||||
*** TODO First todo
|
||||
*** DONE First Done with Date
|
||||
CLOSED: [2021-02-18 Thu 10:12]
|
||||
*** TODO Scheduled
|
||||
SCHEDULED: <2021-02-18 Thu>
|
||||
*** TODO Deadline
|
||||
DEADLINE: <2021-02-18 Thu>
|
||||
*** TODO Date
|
||||
<2021-02-18 Thu>
|
||||
|
||||
** Simple list
|
||||
- List item
|
||||
- List item
|
||||
- List item
|
||||
- List item
|
||||
|
||||
** Sorted List
|
||||
1. List item
|
||||
2. List item
|
||||
3. List item
|
||||
4. List item
|
||||
|
||||
** Checkbox
|
||||
- [ ] List item
|
||||
- [X] List item
|
||||
- [ ] List item
|
||||
- [X] List item
|
||||
|
||||
|
||||
* H1
|
||||
H1 Text
|
||||
** H2
|
||||
H2 Text
|
||||
*** H3
|
||||
H3 Text
|
||||
**** H4
|
||||
H4 Text
|
||||
***** H5
|
||||
H5 Text
|
||||
****** H6
|
||||
H6 Text
|
||||
******* H7
|
||||
H7 Text
|
||||
|
||||
|
||||
|
||||
* Table
|
||||
|
||||
| a | b | c | d | e | f |
|
||||
|----+----+----+----+----+----|
|
||||
| 0 | 1 | 2 | 3 | 4 | 5 |
|
||||
| 6 | 7 | 8 | 9 | 10 | 11 |
|
||||
| 12 | 13 | 14 | 15 | 16 | 17 |
|
||||
| 18 | 19 | 20 | 21 | 22 | 23 |
|
||||
| 24 | 25 | 26 | 27 | 28 | 29 |
|
||||
|
||||
|
||||
* Blocks
|
||||
** Center
|
||||
#+begin_center
|
||||
This is a center block
|
||||
#+end_center
|
||||
|
||||
** Comment
|
||||
#+begin_comment
|
||||
This is a comment block
|
||||
#+end_comment
|
||||
|
||||
** Example
|
||||
#+begin_example
|
||||
This is an example block
|
||||
#+end_example
|
||||
|
||||
** Quote
|
||||
#+begin_quote
|
||||
This is a quote block
|
||||
#+end_quote
|
||||
|
||||
** Verse
|
||||
#+begin_verse
|
||||
This is a verse block
|
||||
#+end_verse
|
||||
|
||||
|
||||
** Source Blocks
|
||||
*** Python
|
||||
#+begin_src python :results output :exports both
|
||||
for i in range(10):
|
||||
print(i)
|
||||
#+end_src
|
||||
|
||||
#+RESULTS:
|
||||
#+begin_example
|
||||
0
|
||||
1
|
||||
2
|
||||
3
|
||||
4
|
||||
5
|
||||
6
|
||||
7
|
||||
8
|
||||
9
|
||||
#+end_example
|
||||
|
||||
*** Elisp
|
||||
#+begin_src emacs-lisp :exports both
|
||||
(car '(a b c d))
|
||||
#+end_src
|
||||
|
||||
#+RESULTS:
|
||||
: a
|
||||
|
||||
|
||||
3
org-templates/imagine_light/imagine_light.theme
Normal file
3
org-templates/imagine_light/imagine_light.theme
Normal file
@@ -0,0 +1,3 @@
|
||||
#+HTML_HEAD: <style type="text/css">
|
||||
#+HTML_HEAD: /* Variables. Feel free to edit these! */:root { --color-primary: #028090; --color-secondary: #00A896; --color-soft-white: #FFFFF0; --color-soft-black: #444; --color-hard-black: #222; --color-special-todo: #790604; --font-normal: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman"; --font-headings: 'Elsie', cursive; --font-size-1: 33.57px; --font-size-2: 26.86px; --font-size-3: 21.48px; --font-size-4: 17.19px; --font-size-small: 11px;}/* Selection color */::selection { background-color: var(--color-primary); color: var(--color-soft-white);}/* Remove outer padding */html, body{ margin: 0;}/* Heading styles */h1, h2, h3, h4, h5, h6{ color: var(--color-hard-black); font-family: var(--font-headings)}/* Scaled font sizes */h1{font-size: var(--font-size-1);}h2{font-size: var(--font-size-2);}h3{font-size: var(--font-size-3);}h3{font-size: var(--font-size-4);}h4{font-size: var(--font-size-4);}h5{font-size: var(--font-size-4);}h1 > .subtitle{ font-size: 21.48px;}/* Normal text style(including code) */p, pre, ol, ul, table, code{ color: #444; font-size: var(--font-size-4); font-family: var(--font-normal)}/* Better anchor tags */a{ color: inherit;}a:hover{ color: var(--color-secondary);}/* Force footer to bottom and center */#postamble{ text-align: center; width: 100%;}#postamble > p{ display: inline;}.title{ padding: 2vh 5vw;}/* Responsive images */img{ max-width: 100%; height: auto;}/* Responsive code blocks and tables */pre, .outline-text-2, .outline-text-3, outline-text-4{ max-width: 100%; overflow-x: auto;}/* Responsive content positioning */@media only screen and (min-width: 750px) /* Large screens */{ .outline-2{ padding: 2vh 20vw; }}@media only screen and (max-width: 750px) /* Small screens */{ .outline-2{ padding: 2vh 5vw; }}/* Code blocks */.org-keyword{ color: var(--color-primary);}.org-rainbow-delimiters-depth-1{ color: var(--color-secondary);}.org-org-meta-line{ color: var(--color-primary);}blockquote{ border-left:5px solid var(--color-primary); padding-left: 10px;}.todo{ color: var(--color-special-todo);}.done{ color: var(--color-primary);}/* Tags. The way org exports tags is a little strange. They are exported as a span with class "tag" containing each of the tags in its own span with class and contents equal to the tags name. This is actually really useful as it allows for targeting both the "tag group" and each tag individually */.tag{ margin-top: 5px; display: block; color: var(--color-soft-white); font-size: var(--font-size-small); font-family: var(--font-normal)}.tag > span{ background-color: var(--color-secondary); text-transform: uppercase; border-radius: 2px; width: fit-content; height: auto; padding: 1px 5px; margin: 1px;}.underline{ text-decoration: underline;}
|
||||
#+HTML_HEAD: </style>
|
||||
Reference in New Issue
Block a user