url fix

GSA · Jan 31, 2025 · e6fc209 · e6fc209
1 parent b262e9d
commit e6fc209
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 11 deletions.
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -4,8 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>FCSM Resource Repository</title>
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/index.css" />
-    <!-- Example of linking CSS file from assets -->
+    <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/index.css" />
   </head>
 
   <body>
@@ -20,19 +19,26 @@ <h1>FCSM Resource Repository</h1>
       <h2>Welcome to the FCSM Asset Repository</h2>
       <p>This site stores all the necessary resources for the FCSM project.</p>
 
-      <!-- Link to the assets folder -->
-      <p>
-        <a href="{{site.baseurl}}/assets/" target="_blank"
-          >Click here to view the list of resources in the assets folder</a
-        >
-      </p>
+      <h3>Available Resources:</h3>
+      <ul>
+        {% for file in site.static_files %} {% if file.path contains 'assets/'
+        %}
+        <li>
+          <!-- Properly handle the href for local and deployed environments -->
+          <a
+            href="{{ site.url }}{{ site.baseurl }}{{ file.path | replace: 'assets/', '/assets/' }}"
+            target="_blank"
+          >
+            {{ file.path | split: '/' | last }}
+          </a>
+        </li>
+        {% endif %} {% endfor %}
+      </ul>
     </main>
 
     <!-- Simple Footer -->
     <footer>
       <p>&copy; 2025 FCSM. All rights reserved.</p>
     </footer>
-
-    <!-- Example of linking JS file from assets -->
   </body>
 </html>
diff --git a/assets/css/index.css b/assets/css/index.css
@@ -9,7 +9,7 @@ body {
 
 /* Header styles */
 header {
-    background-color: #213066;
+    background-color: #4CAF50;
     color: white;
     padding: 20px;
     text-align: center;
@@ -41,13 +41,23 @@ main p {
     margin-bottom: 20px;
 }
 
+main h3 {
+    font-size: 1.5em;
+    margin-top: 40px;
+    margin-bottom: 10px;
+}
+
+/* Link styling */
 main a {
     font-size: 1.2em;
     color: #4CAF50;
     text-decoration: none;
     padding: 10px 15px;
     border: 2px solid #4CAF50;
     border-radius: 5px;
+    display: inline-block;
+    margin: 5px 0;
+    transition: background-color 0.3s, color 0.3s;
 }
 
 main a:hover {
@@ -56,6 +66,17 @@ main a:hover {
     text-decoration: none;
 }
 
+/* File list styling */
+ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+ul li {
+    margin: 10px 0;
+}
+
 /* Footer styles */
 footer {
     background-color: #333;