Differences

This shows you the differences between two versions of the page.

--- jekyll_website_overhaul [2019/09/12 00:21] – [Layout template for a page] tell
+++ jekyll_website_overhaul [2019/09/12 00:40] (current) – [The Home Page is Special] tell
@@ Line 131: / Line 131: @@
+====== The Home Page is Special ======
+The main home landing page is special: it doesn't use the "standard" layout.  It has its own layout,
+''_layouts/home.html'', which includes some additional css to set up the transparent "card" overlayed on top of a big background image.
+The text in the card comes from the to level ''index.md'' file.
+We actually could just put the whole thing into a single html file in the github repo, but breaking it up this way is useful for several reasons:
+  * we can reuse this layout if we want.
+  * the text can still be edited in its own markdown file, even by someone who doesn't understand html or the rest of the site
+  * an opportunity to learn more jekyll
+''_layouts/home.html'' is still a concise outline of what goes into the page:
+<code html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+{% include head.html %}
+<style>
+{% include css/home.css %}
+</style>
+</head>
+<body>
+  <div id="page-wrapper" class="container-fluid p-0">
+    {% include nav.html %}
+    <div id="info-card" class="card shadow-sm">
+      <div class="card-body">
+	<div class="card-text">
+	  {{ content }}
+	</div>
+      </div>
+    <hr>
+    {% include footer.html %}
+  </div> <!-- /container -->
+  {% include end.html %}
+</body>
+</html>
+</code>
+TODO get this page up too.