Style changes for cellphone
This commit is contained in:
parent
5205811c42
commit
b0b5172594
27
_css/jtd.css
27
_css/jtd.css
|
@ -17,8 +17,9 @@ body{
|
||||||
font-family:-apple-system,"helvetica neue",helvetica,roboto,noto,"segoe ui",arial,sans-serif;
|
font-family:-apple-system,"helvetica neue",helvetica,roboto,noto,"segoe ui",arial,sans-serif;
|
||||||
font-size:inherit;
|
font-size:inherit;
|
||||||
line-height:1.5;
|
line-height:1.5;
|
||||||
|
/* These sections are for the cellphone page */
|
||||||
color: #5c5962;
|
color: #5c5962;
|
||||||
background-color:#fff;
|
background-color: #b9cfe4; /*#6b7a99;#fff;*/
|
||||||
}
|
}
|
||||||
@media (min-width: 50rem){
|
@media (min-width: 50rem){
|
||||||
body{
|
body{
|
||||||
|
@ -89,7 +90,7 @@ hr{
|
||||||
height:1px;
|
height:1px;
|
||||||
padding:0;
|
padding:0;
|
||||||
margin:2rem 0;
|
margin:2rem 0;
|
||||||
background-color:#eeebee;
|
background-color: #6b7a99;/*#eeebee;*/
|
||||||
border:0;
|
border:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -154,7 +155,7 @@ SIDE BAR
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
border:0;
|
border:0;
|
||||||
width: calc(100% - 220px);
|
width: calc(100% - 220px);
|
||||||
background-color: white;
|
background-color: #6b7a99;/*white;*/
|
||||||
}
|
}
|
||||||
.side-bar .menu {
|
.side-bar .menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -248,8 +249,8 @@ input[type=checkbox]:checked ~ #side-menu{display: block;}
|
||||||
padding-bottom:15px;
|
padding-bottom:15px;
|
||||||
}
|
}
|
||||||
.side-bar {
|
.side-bar {
|
||||||
border-bottom: 1px solid #eeebee;
|
border-bottom: 1px solid #6b7a99; /*#eeebee;*/
|
||||||
background-color: #b9cfe4;
|
background-color: #6b7a99;
|
||||||
}
|
}
|
||||||
.side-bar .header {
|
.side-bar .header {
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
|
@ -282,7 +283,7 @@ input[type=checkbox]:checked ~ #side-menu{display: block;}
|
||||||
z-index: 101;
|
z-index: 101;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
max-height: 60px;
|
max-height: 60px;
|
||||||
border-bottom: 1px solid #eeebee;
|
border-bottom: 1px solid #b9cfe4;/*#eeebee;*/
|
||||||
padding-right:3.5rem;
|
padding-right:3.5rem;
|
||||||
padding-left:2rem;
|
padding-left:2rem;
|
||||||
}
|
}
|
||||||
|
@ -374,13 +375,13 @@ MAIN CONTENT
|
||||||
justify-content:flex-end;
|
justify-content:flex-end;
|
||||||
height: -1em;
|
height: -1em;
|
||||||
background-color: #e8ecef;
|
background-color: #e8ecef;
|
||||||
border-bottom:1px solid #eeebee;
|
border-bottom:1px solid #e8ecef;/*#eeebee;*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.main-footer{
|
.main-footer{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: darkgray;
|
color: darkgray;
|
||||||
border-top: 1px solid #eeebee;
|
border-top: 1px solid #e8ecef;/*#eeebee;*/
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -562,7 +563,7 @@ body { counter-reset: eqnum; }
|
||||||
|
|
||||||
.page-foot {
|
.page-foot {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
border-top: 1px solid #eeebee;
|
border-top: 1px solid #6b7a99;
|
||||||
padding-top:20px;
|
padding-top:20px;
|
||||||
padding-bottom:15px;
|
padding-bottom:15px;
|
||||||
color: gray;
|
color: gray;
|
||||||
|
@ -757,3 +758,11 @@ ul.menu-list-child-list a.menu-list-link {
|
||||||
margin-right: 2em;
|
margin-right: 2em;
|
||||||
color: #6b7a99;
|
color: #6b7a99;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(min-width: 50rem) {
|
||||||
|
#title-header {
|
||||||
|
margin-top: -1.9em;
|
||||||
|
margin-right: 2.0em;
|
||||||
|
color: #6b7a99;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,50 +1,5 @@
|
||||||
@def hascode=false
|
@def hascode=false
|
||||||
|
|
||||||
<!--
|
|
||||||
reviewed: 20/12/19
|
|
||||||
-->
|
|
||||||
|
|
||||||
# FAQ - Meta
|
# FAQ - Meta
|
||||||
|
|
||||||
## Why bother with yet another SSG?
|
## Why are you here?
|
||||||
|
|
||||||
There is a [multitude of static site generators](https://www.staticgen.com/) out there... is this one worth your time?
|
|
||||||
|
|
||||||
I didn't start working on Franklin hoping to "beat" mature and sophisticated generators like Hugo or Jekyll.
|
|
||||||
Rather, I had been using Jacob Mattingley's much simpler [Jemdoc](http://jemdoc.jaboc.net/using.html) package in Python with Wonseok Shin's [neat extension](https://github.com/wsshin/jemdoc_mathjax) for MathJax support.
|
|
||||||
|
|
||||||
I liked that Jemdoc+Mathjax was simple to use and didn't require a lot of web-dev skills to get going.
|
|
||||||
That's how I got the idea of doing something similar in Julia, hopefully improving on the few things I didn't like such as the lack of support for live-rendering preview or the speed of page generation.
|
|
||||||
|
|
||||||
That being said, if you just want a blogging generator mostly for text and pictures, then Franklin may not be the tool for you.
|
|
||||||
If you want to host a technical blog with maths, code blocks, and would like some easy and reproducible control over elements, then Franklin could help you (feel free to [open an issue](https://github.com/tlienart/Franklin.jl/issues/new) to see if Franklin is right for you).
|
|
||||||
|
|
||||||
### Why not Pandoc?
|
|
||||||
|
|
||||||
[Pandoc](https://pandoc.org/) is a very different beast.
|
|
||||||
Franklin's aim was never to provide a full-fledged LaTeX to HTML conversion (which Pandoc does).
|
|
||||||
Rather, Franklin supports standard markdown **and** the definition of commands following a LaTeX-like syntax.
|
|
||||||
These commands can make the use of repeated elements in your website significantly easier to use and maintain.
|
|
||||||
|
|
||||||
Further, Pandoc does not deal with the generation of a full website with things like live-previews, code evaluation etc.
|
|
||||||
|
|
||||||
### Why write a markdown parser?
|
|
||||||
|
|
||||||
I suspect many computer scientists or similar types will agree that _parsing_ is an interesting topic.
|
|
||||||
Franklin provided an incentive to think hard about how to parse extended markdown efficiently and while I'd definitely not dare to say that the parser is very good, it does a decent job and I learned a lot coding it.
|
|
||||||
|
|
||||||
In particular, processing LaTeX-like commands which can be re-defined and should be resolved recursively, proved pretty interesting (and sometimes a bit tricky).
|
|
||||||
|
|
||||||
Initially Franklin was heavily reliant upon the Julia `Markdown` package (part of the `stdlib`) which can convert markdown to HTML but, over time, this changed as Franklin gained the capacity to parse a broader set of Markdown as well as extensions.
|
|
||||||
|
|
||||||
### Did you know?
|
|
||||||
|
|
||||||
Franklin was initially named "_JuDoc_" which happened to be a [fairly obscure saint](https://en.wikipedia.org/wiki/Judoc) (I definitely did not know that before registering the package). The name was meant to be close to *Jemdoc* from which the initial inspiration for this package comes and, of course, to hint at the fact that it was in Julia.
|
|
||||||
After being kindly told that the name was awkward, I received great suggestion and we ended up renaming the package Franklin to honour
|
|
||||||
|
|
||||||
@@tlist
|
|
||||||
- [Rosalind Franklin](https://en.wikipedia.org/wiki/Rosalind_Franklin), an English chemist who contributed to the discovery of the structure of DNA, and
|
|
||||||
- [Benjamin Franklin](https://en.wikipedia.org/wiki/Benjamin_Franklin), an american polymath and one of the Founding Fathers.
|
|
||||||
@@
|
|
||||||
|
|
||||||
There's also happens to be a turtle and a US president with that name but that's mostly fortuitous.
|
|
||||||
|
|
Loading…
Reference in New Issue