Add action buttons

Author: csyonghe

assets/style.scss

@@ -520,14 +520,37 @@ header
   width: 100%;
   padding:0px;
 }
-#bannerText
+#bannerLeft
 {
-  font-size:26px;
   flex-grow: 1;
   padding-right:20px;
+  display: flex;
+  flex-direction: column;;
+}
+#bannerText
+{
+  font-size:26px;
+  
 }
 #bannerCode
 {
   width:500px;
   flex-grow: 0;
+}
+#mainPageBanerNav
+{
+  display: flex;
+  flex-direction: row;
+}
+.mainPageBtn
+{
+  padding: 20px;
+  background-color: #cadfe6;
+  margin-right: 10px;
+  margin-top: 15px;
+  align-content: center;
+}
+.mainPageBtn:hover
+{
+  background-color: #e7f5f9;
 }

index.md

@@ -1,7 +1,14 @@
 <div id="banner">
-<span id="bannerText">
-Slang is a GPU-first language with modern features for modular, extensible, and high-performance programming.
-</span>
+<div id="bannerLeft">
+    <span id="bannerText">
+    Slang is a GPU-first language with modern features for modular, extensible, and high-performance programming.
+    </span>
+    <div id="mainPageBanerNav">
+    <a class="mainPageBtn" href="/slang-playground">Try</a>
+    <a class="mainPageBtn" href="https://github.com/shader-slang/slang/releases/latest">Download</a>
+    <a class="mainPageBtn" href="https://github.com/shader-slang/slang">GitHub</a>
+    </div>
+</div>
 <img id="bannerCode" src="/assets/slang-example-code.gif"/>
 </div>