Merge pull request #1 from mschwar/style-quick-wins

Style quick wins

Author: mschwar

_config.yml

@@ -1,3 +1,4 @@
-theme: jekyll-theme-primer
-title: Data Visualization
-description: A showcase of data analysis and visualization projects.
+remote_theme: jekyll/minima
+plugins: [jekyll-remote-theme]
+
+

_includes/head.html

@@ -0,0 +1,3 @@
+<!-- Mobile-first viewport & custom styles -->
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="{{ '/assets/css/custom.css' | relative_url }}">

assets/css/custom.css

@@ -0,0 +1,33 @@
+:root {
+  --brand-blue: #2047FF;
+  --brand-red : #CB2431;
+}
+
+/* Global typography */
+body {
+  font-family: system-ui, -apple-system, "Inter", sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+}
+
+/* Center content & give it breathing room */
+main {
+  margin-inline: auto;
+  padding: 1rem;
+  max-width: 1000px;
+}
+
+/* Make the heat-map image flexible & elegant */
+img.heatmap {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin-inline: auto;
+  box-shadow: 0 0 12px rgba(0, 0, 0, .12);
+}
+
+/* Scalable headings on larger screens */
+@media (min-width: 40rem) {
+  h1 { font-size: 2.5rem; }
+}