From b0b5172594d73ec8b7628900688c154ad3c6e67f Mon Sep 17 00:00:00 2001 From: EddieCueto Date: Fri, 19 Jun 2020 17:52:50 -0600 Subject: [PATCH] Style changes for cellphone --- _css/jtd.css | 29 +++++++++++++++++++---------- faq/why-o-why.md | 47 +---------------------------------------------- 2 files changed, 20 insertions(+), 56 deletions(-) diff --git a/_css/jtd.css b/_css/jtd.css index 2066e30..e9b4b23 100644 --- a/_css/jtd.css +++ b/_css/jtd.css @@ -17,8 +17,9 @@ body{ font-family:-apple-system,"helvetica neue",helvetica,roboto,noto,"segoe ui",arial,sans-serif; font-size:inherit; line-height:1.5; - color:#5c5962; - background-color:#fff; + /* These sections are for the cellphone page */ + color: #5c5962; + background-color: #b9cfe4; /*#6b7a99;#fff;*/ } @media (min-width: 50rem){ body{ @@ -89,7 +90,7 @@ hr{ height:1px; padding:0; margin:2rem 0; - background-color:#eeebee; + background-color: #6b7a99;/*#eeebee;*/ border:0; } @@ -154,7 +155,7 @@ SIDE BAR padding-right: 2rem; border:0; width: calc(100% - 220px); - background-color: white; + background-color: #6b7a99;/*white;*/ } .side-bar .menu { width: 100%; @@ -248,8 +249,8 @@ input[type=checkbox]:checked ~ #side-menu{display: block;} padding-bottom:15px; } .side-bar { - border-bottom: 1px solid #eeebee; - background-color: #b9cfe4; + border-bottom: 1px solid #6b7a99; /*#eeebee;*/ + background-color: #6b7a99; } .side-bar .header { padding-left: 15px; @@ -282,7 +283,7 @@ input[type=checkbox]:checked ~ #side-menu{display: block;} z-index: 101; height: 60px; max-height: 60px; - border-bottom: 1px solid #eeebee; + border-bottom: 1px solid #b9cfe4;/*#eeebee;*/ padding-right:3.5rem; padding-left:2rem; } @@ -374,13 +375,13 @@ MAIN CONTENT justify-content:flex-end; height: -1em; background-color: #e8ecef; - border-bottom:1px solid #eeebee; + border-bottom:1px solid #e8ecef;/*#eeebee;*/ } } .main-footer{ font-size: 14px; color: darkgray; - border-top: 1px solid #eeebee; + border-top: 1px solid #e8ecef;/*#eeebee;*/ padding-top: 15px; } @@ -562,7 +563,7 @@ body { counter-reset: eqnum; } .page-foot { margin-top: 2em; - border-top: 1px solid #eeebee; + border-top: 1px solid #6b7a99; padding-top:20px; padding-bottom:15px; color: gray; @@ -757,3 +758,11 @@ ul.menu-list-child-list a.menu-list-link { margin-right: 2em; color: #6b7a99; } + +@media(min-width: 50rem) { + #title-header { + margin-top: -1.9em; + margin-right: 2.0em; + color: #6b7a99; + } +} \ No newline at end of file diff --git a/faq/why-o-why.md b/faq/why-o-why.md index 0d975ab..604e199 100644 --- a/faq/why-o-why.md +++ b/faq/why-o-why.md @@ -1,50 +1,5 @@ @def hascode=false - - # FAQ - Meta -## Why bother with yet another SSG? - -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. +## Why are you here?