Update README.md

README.md

@@ -30,6 +30,8 @@ base_model:
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Golden-Curry-12B Model Card</title>
+    <!-- Import Roboto Slab font -->
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">
     <style>
         body {
             font-family: 'Arial', sans-serif;
@@ -42,20 +44,19 @@ base_model:
             width: 95%;
             margin: 0 auto;
             background-color: #222; /* Dark grey container for contrast */
-            padding: 20px 20px 20px 20px;
+            padding: 10px 20px 20px 20px; /* Reduced top padding */
             border-radius: 10px;
             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
         }
-        h1, h2 {
+        h1, h2, h3, h4 {
+            font-family: 'Roboto Slab', serif;
             color: #996515; /* Bright color for headings */
             text-align: center;
         }
         h3 {
-            color: #996515; /* Bright color for model title */
-            text-align: center;
-            font-size: 3em; /* Increase the title size */
+            font-size: 3em;
             margin-top: 10px;
-            margin-bottom: 20px; /* Space below the title */
+            margin-bottom: 20px;
         }
         p {
             line-height: 1.6;
@@ -66,8 +67,8 @@ base_model:
             margin-bottom: 20px;
         }
         .image-container img {
-            display: inline-block; /* Ensures image is treated as inline element */
-            max-width: 100%; /* Ensure image is responsive */
+            display: inline-block;
+            max-width: 100%;
             height: auto;
         }
         .description, .procedure, .data, .quantizations {
@@ -78,7 +79,7 @@ base_model:
             margin-left: 20px;
         }
         .quote {
-            background-color: #333; /* Slightly lighter background for quote section */
+            background-color: #333;
             padding: 10px;
             border-left: 4px solid #ff6f61;
             font-style: italic;
@@ -86,19 +87,20 @@ base_model:
         }
         .section-title {
             font-size: 1.5em;
-            color: #996515; /* Corrected color for section titles */
-            border-bottom: 2px solid #996515; /* Corrected underline color */
+            color: #996515;
+            border-bottom: 2px solid #996515;
             padding-bottom: 5px;
             margin-bottom: 10px;
         }
         .quantization-info {
-            background-color: #444; /* Dark grey background for quantization info */
+            background-color: #444;
             padding: 20px;
             border-radius: 8px;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
         }
         .quantization-info h4 {
-            color: #996515; /* Corrected color for quantization subheading */
+            font-family: 'Roboto Slab', serif;
+            color: #996515;
         }
     </style>
 </head>
@@ -155,4 +157,4 @@ base_model:
         </div>
     </div>
 </body>
-</html>
+</html>