Issue 183 (alshedivat#192)

* Issue 183

* CSS fixes for :
  * Citations
  * Footer
  * Project Cards
  * Code background

* Fix dark mode edge cases (mainly with distill)

Co-authored-by: Maruan Al-Shedivat <alshedivat.maruan@gmail.com>

_includes/social.html

@@ -12,11 +12,11 @@
 {% endif %}
 {%- if site.scholar_userid -%}
 <a href="https://scholar.google.com/citations?user={{ site.scholar_userid }}" title="Google Scholar"><i
-        class="ai ai-google-scholar"></i></a>
+                class="ai ai-google-scholar"></i></a>
 {% endif %}
 {%- if site.semanticscholar_id -%}
 <a href="https://www.semanticscholar.org/author/{{ site.semanticscholar_id }}" title="Semantic Scholar"><i
-        class="ai ai-semantic-scholar"></i></a>
+                class="ai ai-semantic-scholar"></i></a>
 {% endif %}
 {%- if site.publons_id -%}
 <a href="https://publons.com/a/{{ site.publons_id }}/" title="Publons"><i class="ai ai-publons"></i></a>
@@ -29,11 +29,11 @@
 {% endif %}
 {%- if site.research_gate_profile -%}
 <a href="https://www.researchgate.net/profile/{{site.research_gate_profile}}/" title="ResearchGate"><i
-        class="ai ai-researchgate"></i></a>
+                class="ai ai-researchgate"></i></a>
 {% endif %}
 {%- if site.scopus_id -%}
 <a href="https://www.scopus.com/authid/detail.uri?authorId={{site.scopus_id}}" title="Scopus"><i
-        class="ai ai-scopus"></i></a>
+                class="ai ai-scopus"></i></a>
 {% endif %}
 {%- if site.github_username -%}
 <a href="https://github.com/{{ site.github_username }}" title="GitHub"><i class="fab fa-github"></i></a>
@@ -64,7 +64,7 @@
 {% endif %}
 {%- if site.wikipedia_id -%}
 <a href="https://wikipedia.org/wiki/User:{{ site.wikipedia_id }}" title="Wikipedia"><i
-        class="fab fa-wikipedia-w"></i></a>
+                class="fab fa-wikipedia-w"></i></a>
 {% endif %}
 {%- if site.strava_userid -%}
 <a href="https://www.strava.com/athletes/{{ site.strava_userid }}" title="Strava"><i class="fab fa-strava"></i></a>
@@ -80,7 +80,7 @@
 {% endif %}
 {%- if site.stackoverflow_id -%}
 <a href="https://stackoverflow.com/users/{{ site.stackoverflow_id }}" title="Stackoverflow"><i
-        class="fab fa-stack-overflow"></i></a>
+                class="fab fa-stack-overflow"></i></a>
 {% endif %}
 {%- if site.kaggle_id -%}
 <a href="https://www.kaggle.com/{{ site.kaggle_id }}" title="Kaggle"><i class="fab fa-kaggle"></i></a>

_posts/2018-12-22-distill.md

@@ -40,6 +40,11 @@ _styles: >
 
 ---
 
+**NOTE:**
+Citations, footnotes, and code blocks do not display correctly in the dark mode since distill does not support the dark mode by default.
+If you are interested in correctly adding dark mode support for distill, please open [a discussion](https://github.com/alshedivat/al-folio/discussions) and let us know.
+
+
 ## Equations
 
 This theme supports rendering beautiful math in inline and display modes using [MathJax 3](https://www.mathjax.org/){:target="\_blank"} engine.
@@ -92,6 +97,16 @@ For larger blocks of code, add a `block` attribute:
   }
 </d-code>
 
+**Note:** `<d-code>` blocks do not look well in the dark mode.
+You can always use the default code-highlight using the `highlight` liquid tag:
+
+{% highlight javascript %}
+var x = 25;
+function(x) {
+  return x * x;
+}
+{% endhighlight %}
+
 ***
 
 ## Layouts

assets/bibliography/2018-12-22-distill.bib

@@ -1,7 +1,7 @@
 @article{gregor2015draw,
   title={DRAW: A recurrent neural network for image generation},
   author={Gregor, Karol and Danihelka, Ivo and Graves, Alex and Rezende, Danilo Jimenez and Wierstra, Daan},
-  journal={arXivreprint arXiv:1502.04623},
+  journal={arXiv preprint, arXiv:1502.04623},
   year={2015},
   url={https://arxiv.org/pdf/1502.04623.pdf}
 }