Removed TOC from website and improve cover photo placement

lil-lab · Aug 18, 2024 · fadf1a7 · fadf1a7
1 parent d9a9b67
commit fadf1a7
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 27 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -14,4 +14,4 @@
     </ul>
 
   </footer>
-</div>
+</div>
diff --git a/_includes/head.html b/_includes/head.html
@@ -34,8 +34,13 @@
   <script type="application/ld+json">
   {"@context":"https://schema.org","@type":"WebSite","description":"LM-class is an education resource for contemporary language modeling, broadly construed.","headline":"LM-class","name":"LM-class","url":"https://lm-class.org/"}</script>
 
+  <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
 
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 
+  <!-- add after bootstrap.min.js or bootstrap.bundle.min.js -->
+  <script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script>
+
 
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 
@@ -48,6 +53,33 @@
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
 
 
+  <style>
+    nav[data-toggle="toc"] {
+      top: 42px;
+    }
+
+    /* small screens */
+    @media (max-width: 768px) {
+      /* override stickyness so that the navigation does not follow scrolling */
+      nav[data-toggle="toc"] {
+        margin-bottom: 42px;
+        position: static;
+      }
+
+      /* PICK ONE */
+      /* don't expand nested items, which pushes down the rest of the page when navigating */
+      nav[data-toggle="toc"] .nav .active .nav {
+        display: none;
+      }
+      /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
+      /*
+      nav[data-toggle='toc'] .nav .nav {
+        display: block;
+      }
+      */
+    }
+  </style>
+
   {%- feed_meta -%}
   {%- if jekyll.environment == 'production' and site.google_analytics -%}
     {%- include google-analytics.html -%}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,31 +4,18 @@
   {%- include head.html -%}
 
   <body data-bs-spy="scroll" data-bs-target="#toc">
-
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-
-    <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script>
-
-
-    <!-- add after bootstrap.min.js or bootstrap.bundle.min.js -->
-    <script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script>
-
+
 
     {%- include header.html -%}
 
     <main class="page-content" aria-label="Content">
 
       <div class="container">
-        <div class="row">
-          <!-- sidebar, which will move to the top on a small screen -->
-          <div class="col-sm-3">
-            <nav id="toc" data-toggle="toc" class="sticky-top"></nav>
-          </div>
-
-          <div class="col-sm-8">
+        <!-- <div class="row">           -->
+          <!-- <div class="col-lg col-sm"> -->
             {{ content }}
-          </div>
-        </div>
+          <!-- </div> -->
+        <!-- </div> -->
       </div>
     </main>
 

diff --git a/index.md b/index.md
@@ -10,19 +10,17 @@ order: 0
 <strong><small>Version: 2024.1beta</small></strong>
 
 <div class="row">
-  <div class="col col-lg-7 col-12">
+  <div class="col col-xl-8 col-lg-6 col-md-12 col-sm-12 col-12">
     <p>LM-class is an education resource for contemporary language modeling, broadly construed. The materials were developed for Cornell CS 5740 Natural Language Processing, and were first used in <a href="https://courses.cs.cornell.edu/cs5740/2024sp/">Spring 2024</a>. This class constituted a significant revision of CS 5740. The target audience of the class is MEng/MS graduate students. The material is likely also appropriate for senior undergraduates. While the technical material is a good fit for PhDs and researchers, this class does not focus on research, and is designed primarily for practitioners.</p>
+    <p>The materials include <a href="/lectures">lectures</a> and <a href="/assignments">assignments</a>. The class emphasizes technical depth rather than coverage. It does not aim to provide a broad overview of everything that is happening in the field. The objective is to give students a strong base and the tools to expand their knowledge and update it on their own.</p>
+    <p>LM-class was created by <a href="https://yoavartzi.com/">Yoav Artzi</a>, <a href="https://annshin.github.io/">Anne Wu</a>, and <a href="https://momergul.github.io/">Omer Gul</a>. Much of the material was adapted or inspired by existing NLP classes. Each lecture and assignment includes a slide at the end with acknowledgements. If I missed any attribution, I am really sorry. Please let me know, so I can correct. Acknowledgements are listed <a href="#acknowledgements">below</a>.</p>
+    <p>The materials are distributed under the <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a> license, and we hope they will find broad and diverse use.</p>
   </div>
-  <div class="col col-lg-4 col-12 ">
-    <img src="img/lm-llama-book.jpg" class="rounded img-fluid" alt="Responsive image">
+  <div class="col col-xl-4 col-lg-6 col-md-12 col-sm-12 col-12">
+    <img src="img/lm-llama-book.jpg" class="rounded img-fluid" alt="Generated cover image for LM-class">
   </div>
 </div>
 
-<p>The materials include <a href="/lectures">lectures</a> and <a href="/assignments">assignments</a>. The class emphasizes technical depth rather than coverage. It does not aim to provide a broad overview of everything that is happening in the field. The objective is to give students a strong base and the tools to expand their knowledge and update it on their own.</p>
-
-<p>LM-class was created by <a href="https://yoavartzi.com/">Yoav Artzi</a>, <a href="https://annshin.github.io/">Anne Wu</a>, and <a href="https://momergul.github.io/">Omer Gul</a>. Much of the material was adapted or inspired by existing NLP classes. Each lecture and assignment includes a slide at the end with acknowledgements. If I missed any attribution, I am really sorry. Please let me know, so I can correct. Acknowledgements are listed <a href="#acknowledgements">below</a>.</p>
-
-<p>The materials are distributed under the <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a> license, and we hope they will find broad and diverse use.</p>
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,4 +14,4 @@ @@
         </ul>
       </footer>
-    </div>
+    </div>