pyrrhamide / mission-website

My personal website, built with blogdown!
http://kanto.rbind.io
0 stars 0 forks source link

Task list to improve site! #3

Open pyrrhamide opened 3 years ago

pyrrhamide commented 3 years ago
pyrrhamide commented 3 years ago

note to self: stop pushing so often. edit, preview from RStudio, commit, but stop your compulsive need to push to GH!!!!

pyrrhamide commented 3 years ago

deleted the _redirects file pushing to HTTPS (honestly, this SSL thing was annoying), but might actually put it back on to redirect netlify URL to rbind. idk.

pyrrhamide commented 3 years ago

re: TOC. I did it. layouts/shortcodes/table_of_contents.html

<h3>Contents</h3>

<div class="toc">
    {{ .Page.TableOfContents }}
</div>

add {{< table_of_contents >}} in (R)Markdown file, where I want the TOC to be. in assets/scss/custom.scss:

#TableOfContents li a, .toc-top li a {
    padding: .125rem 1rem;
    font-size: .9rem;
  text-transform: inherit;
  text-align: left;
    color: #1a162d99;
}

#TableOfContents {
  border-left: 1px solid #172A3A;
  padding-top: 0.5rem;
  padding-bottom: 0rem;
  margin-top: 1rem; /* ecart image featured TOC */
  margin-bottom: 2rem; /* ecart TOC premier para */
}

great stuff. BUT THERE IS A BUT: Idk how to handle translation h3 header "Contents" to French (if I add .en.html, no bueno). as long as I can't find out how to do it, I'll forgo TOCs.

pyrrhamide commented 3 years ago

re:TOC changes to table_of_contents.html -> delete <h3>Contents</h3>

to custom.scss -> add

#TableOfContents:before{
    content: "Outline";
    font-family: 'Raleway', sans-serif!important;
    font-weight: bold;
    font-size: 19px;
    padding-left: 1rem;
}

still issue of TOC header name that I can't apply to French side of website. le sigh

pyrrhamide commented 3 years ago

re: div tips & TOC. the easiest answer was SHORTCODES (smh...).