Home page content can be modified

- Home page content can be controlled by changing `content/_index.md`
- Create custom shortcodes

Author: Chaitanya-Shahare

content/_index.md

@@ -4,6 +4,30 @@ date = 2023-01-01T08:00:00-07:00
 draft = false
 +++
 
-Laborum voluptate pariatur ex culpa magna nostrud est incididunt fugiat
-pariatur do dolor ipsum enim. Consequat tempor do dolor eu. Non id id anim anim
-excepteur excepteur pariatur nostrud qui irure ullamco.
+## What is LLVM?
+
+LLVM began as a research project at the University of Illinois, with the goal of
+providing a modern, SSA-based compilation strategy capable of supporting both
+static and dynamic compilation of arbitrary programming languages. Since then,
+LLVM has grown to be an umbrella project consisting of a number of subprojects,
+many of which are being used in production by a wide variety of commercial and
+open source projects as well as being widely used in academic research. Code in
+the LLVM project is licensed under the "Apache 2.0 License with LLVM exceptions.
+
+{{<subprojects>}}
+
+## Getting Involved
+
+As much as everything else, LLVM has a broad and friendly community of people
+who are interested in building great low-level tools. If you are interested in
+getting involved, a good first place is to skim the LLVM Blog and join LLVM
+Discourse. For information on how to send in a patch, get commit access, and
+copyright and license topics, please see the LLVM Developer Policy.
+
+<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem">
+
+{{<developer_resources>}}
+
+{{<upcoming_events>}}
+
+</div>

hugo.toml

@@ -2,6 +2,8 @@ baseURL = 'https://example.org/'
 languageCode = 'en-us'
 title = 'The LLVM Compiler Infrastructure'
 
+[markup.goldmark.renderer] 
+  unsafe= true
 
 # Navigation Bar Menu
 [[menus.main]]
@@ -75,9 +77,9 @@ weight = 50
     icon = "ri-hashtag"
     url = "/"
   [[params.hero_section_links]]
-    title = "Get Started"
+    title = "Upcoming Events"
     icon = "ri-play-large-line"
-    url = "/"
+    url = "#upcoming_events"
   [[params.hero_section_links]]
     title = "Read the Docs"
     icon = "ri-book-open-line"
@@ -132,4 +134,4 @@ links = [
   { text = "Events", url = "#" },
   { text = "Sponsors", url = "#" },
   { text = "Contact", url = "#" }
-]
+]

layouts/_default/home.html

@@ -41,35 +41,9 @@ <h1 class="hero__title">
     </div>
   </section>
 
-  <section class="section-container">
-    <h2>What is LLVM?</h2>
-    <p>
-      LLVM began as a research project at the University of Illinois, with the
-      goal of providing a modern, SSA-based compilation strategy capable of
-      supporting both static and dynamic compilation of arbitrary programming
-      languages. Since then, LLVM has grown to be an umbrella project consisting
-      of a number of subprojects, many of which are being used in production by
-      a wide variety of commercial and open source projects as well as being
-      widely used in academic research. Code in the LLVM project is licensed
-      under the "Apache 2.0 License with LLVM exceptions"
-    </p>
-  </section>
+  {{ .Content }}
 
-  {{ $subprojects := .Site.Data.subprojects.subprojects }}
-  <section class="section-container">
-    <h2>Sub Projects</h2>
-    <div class="sub-projects-wrapper">
-      {{ range $subprojects}}
-      <div class="sub-project">
-        <h4 class="sub-project__title">{{ .name }}</h4>
-        <p class="sub-project__description">{{ .description }}</p>
-        <a class="sub-project__button" href="{{ .url }}">Learn More</a>
-      </div>
-      {{ end }}
-    </div>
-  </section>
-
-  <section class="section-container getting-involved">
+  {{/*  <section class="section-container getting-involved">
     <h2>Getting Involved</h2>
     <div class="getting-involved__wrapper">
       <p style="margin-top: 0">
@@ -95,35 +69,8 @@ <h2>Getting Involved</h2>
         </a>
       </div>
     </div>
-  </section>
-
-  <div class="home__row section-container">
-    {{ $resources := .Site.Data.developer_resources.developer_resources }}
-
-    <section class="">
-      <h2>Developer Resources</h2>
-      <ul>
-        {{ range $resources }}
-        <li><a href="{{ .url }}">{{ .name }}</a></li>
-        {{ end }}
-      </ul>
-    </section>
-    {{ $events := .Site.Data.upcoming_events.upcoming_events }}
+  </section>  */}}
 
-    <section class="">
-      <h2>Upcoming events</h2>
-      <ul>
-        {{ range $events }}
-        <li>
-          <a href="{{ .url }}">
-            {{ .start_date | dateFormat "January 2" }}-{{ .end_date | dateFormat
-            "2, 2006" }} - {{ .name }}
-          </a>
-        </li>
-        {{ end }}
-      </ul>
-    </section>
-  </div>
 </div>
 
 {{ end }}

layouts/shortcodes/developer_resources.html

@@ -0,0 +1,9 @@
+{{ $resources := .Site.Data.developer_resources.developer_resources }}
+<section class="">
+    <h2 id="developer_resources">Developer Resources</h2>
+    <ul>
+        {{ range $resources }}
+            <li><a href="{{ .url }}">{{ .name }}</a></li>
+        {{ end }}
+    </ul>
+</section>

layouts/shortcodes/subprojects.html

@@ -0,0 +1,11 @@
+{{ $subprojects := .Site.Data.subprojects.subprojects }}
+<h2>Sub Projects</h2>
+<div class="sub-projects-wrapper">
+    {{ range $subprojects}}
+        <div class="sub-project">
+        <h4 class="sub-project__title">{{ .name }}</h4>
+        <p class="sub-project__description">{{ .description }}</p>
+        <a class="sub-project__button" href="{{ .url }}">Learn More</a>
+        </div>
+    {{ end }}
+</div>

layouts/shortcodes/upcoming_events.html

@@ -0,0 +1,14 @@
+{{ $events := .Site.Data.upcoming_events.upcoming_events }}
+<section class="">
+    <h2 id="upcoming_events">Upcoming events</h2>
+    <ul>
+    {{ range $events }}
+    <li>
+        <a href="{{ .url }}">
+        {{ .start_date | dateFormat "January 2" }}-{{ .end_date | dateFormat
+        "2, 2006" }} - {{ .name }}
+        </a>
+    </li>
+    {{ end }}
+    </ul>
+</section>