From 57769fb7552d5939d73234f4587820c0a8ccb54c Mon Sep 17 00:00:00 2001
From: MC <nagiifan713@gmail.com>
Date: Tue, 16 Apr 2024 16:29:13 -0700
Subject: [PATCH] css modification

---
 assets/css/main.css                           | 44 +++++++++++++++----
 ...60-fully-transparent-open-source-llms.html |  2 +-
 index.html                                    |  4 +-
 3 files changed, 39 insertions(+), 11 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index a138b8f..264aa23 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2182,7 +2182,7 @@ button3:disabled,
     font-size: 2.5em;
     color: #e76b20;}
 #wrapper .style2 p{
-    font-size: 1em;
+    font-size: 1.1em;
     font-weight: 300;
     margin:0.5em 0 0.5em 0.5em;}
 #wrapper .style3 h2{
@@ -2307,10 +2307,38 @@ button3:disabled,
     font-weight: 300;
     color: #454e50;
     margin:0.5em 0 0 0;}
+@media screen and (min-width: 2000px) {
+    #wrapper .style1 h3 {
+        font-size: 2em;}
+    #wrapper .style1 p{
+        font-size: 1.6em;}
+    #wrapper .style2 h3 {
+        font-size: 2em;}
+    #wrapper .style2 p{
+        font-size: 1.6em;}  }
+@media screen and (min-width: 1690px) and (max-width:1999px) {
+    #wrapper .style1 h3 {
+        font-size: 1.5em;}
+    #wrapper .style1 p{
+        font-size: 1.1em;}
+    #wrapper .style2 h3 {
+        font-size: 1.5em;}
+    #wrapper .style2 p{
+        font-size: 1.1em;}  }
+@media screen and (min-width: 1480px) and (max-width:1689px) {
+    #wrapper .style1 h3 {
+        font-size: 1.5em;}
+    #wrapper .style1 p{
+        font-size: 1.2em;}
+    #wrapper .style2 h3 {
+        font-size: 1.5em;}
+    #wrapper .style2 p{
+        font-size: 1.2em;}
+}
 @media screen and (max-width: 1280px) {
     #wrapper .style1 h2{
         font-size: 4em;}
-    #wrapper .style1 h2{
+    #wrapper .style1 h3{
         font-size: 3em;}
     #wrapper .style1 p{
         font-size: 2.5em;
@@ -2319,7 +2347,7 @@ button3:disabled,
         width: 70%;}
     #wrapper .style2 h2{
         font-size: 4em;}
-    #wrapper .style2 h2{
+    #wrapper .style2 h3{
         font-size: 3em;}
     #wrapper .style2 p{
         font-size: 2.5em;
@@ -2330,14 +2358,14 @@ button3:disabled,
 @media screen and (max-width: 736px) {
     #wrapper .style1 h2{
         font-size: 3em;}
-    #wrapper .style1 h2{
+    #wrapper .style1 h3{
         font-size: 2em;}
     #wrapper .style1 p{
         font-size: 1.75em;
         margin-bottom: 2em;}
     #wrapper .style2 h2{
         font-size: 3em;}
-    #wrapper .style2 h2{
+    #wrapper .style2 h3{
         font-size: 2em;}
     #wrapper .style2 p{
         font-size: 1.75em;
@@ -2367,17 +2395,17 @@ button3:disabled,
     #main > .inner {
         padding: 0 5em 0.1em 5em ; }
     #main > .inner > section {
-        padding: 5em 0 3em 0 ; } }
+        padding: 1em 0 1em 0 ; } }
 @media screen and (max-width: 1280px) {
     #main > .inner {
         padding: 0 4em 0.1em 4em ; }
     #main > .inner > section {
-        padding: 4em 0 2em 0 ; }  }
+        padding: 1em 0 1em 0 ; }  }
 @media screen and (max-width: 736px) {
     #main > .inner {
         padding: 0 2em 0.1em 2em ; }
     #main > .inner > section {
-        padding: 3em 0 1em 0 ; } }
+        padding: 1em 0 1em 0 ; } }
 
 /* Sidebar */
 #search form {
diff --git a/blog/introducing-llm360-fully-transparent-open-source-llms.html b/blog/introducing-llm360-fully-transparent-open-source-llms.html
index aa87805..1061568 100644
--- a/blog/introducing-llm360-fully-transparent-open-source-llms.html
+++ b/blog/introducing-llm360-fully-transparent-open-source-llms.html
@@ -395,7 +395,7 @@ <h2><label for="citation">Citation</label></h2>
 							</figure>
 						</a>
 						<header>
-							<h1><a href="../index.html">LLM360</a></h1>
+							<h2><a href="../index.html">LLM360</a></h2>
 						</header>
 						<ul>
 							<li><a href="../index.html#crystal">Models</a></li>
diff --git a/index.html b/index.html
index d14b806..adc7498 100644
--- a/index.html
+++ b/index.html
@@ -101,7 +101,7 @@ <h2>LLM360-Crystal</h2>
                                 <div class="row gtr-50">
                                     <div class="col-8 col-12-large">
                                         <h3 class="white">Crystal:</h3>
-                                        <p>SlimPajama and StarCoder datasets, balancing in NLP and coding.</p>
+                                        <p>SlimPajama and StarCoder datasets, balancing language and coding.</p>
                                     </div>
                                     <div class="col-4 col-12-large">
                                         <div class="row aln-middle" style="margin-left: 0.5em">
@@ -124,7 +124,7 @@ <h3 class="white">Crystal:</h3>
                                 <div class="row gtr-50">
                                     <div class="col-8 col-12-large">
                                         <h3 class="white">CrystalChat:</h3>
-                                        <p>Chat model, carefully selected of mix language and code datasets.</p>
+                                        <p>Eclipsing the Llama 2 frontier with a powerful chat model.</p>
                                     </div>
                                     <div class="col-4 col-12-large">
                                         <div class="row aln-middle" style="margin-left: 0.5em">