Added extra styles

acmcsufoss · Feb 14, 2024 · b9d0124 · b9d0124
1 parent 4f8c94f
commit b9d0124
Show file tree

Hide file tree

Showing 3 changed files with 90 additions and 58 deletions.
diff --git a/build.sh b/build.sh
@@ -24,18 +24,18 @@ echo "<!DOCTYPE html>
 
   <p>
     This is a repository dedicated for new members of the ACM at CSUF
-    <b>Open Source Software Team</b> to make their first contributions to the
-    acmcsufoss org! Let us walk through the steps so you can make your first
-    commit, pull request, or issue closing to become a contributor of our
-    beloved community!
+    <b class=\"oss\">Open Source Software Team</b> to make their first
+    contributions to the acmcsufoss org! Let us walk through the steps so you
+    can make your first commit, pull request, or issue closing to become a
+    contributor of our beloved community!
   </p>
 
-   <p>
-    Instructions on how to contribute can be found at <a
-      href=\"https://github.com/acmcsuf.com/1st\"
-      >https://github.com/acmcsuf.com/1st</a>. If you have any questions, feel
-    free to ask in the <a href=\"https://acmcsuf.com/discord\"
-      >#first-contributions</a> channel in our Discord server.
+  <p>
+    Instructions on how to contribute can be found in the
+    <a href=\"https://github.com/acmcsufoss/1st#readme\">README</a>. If you have
+    any questions, feel free to ask in the
+    <a href=\"https://acmcsuf.com/discord\">#first-contributions</a> channel in
+    our Discord server.
   </p>
 
   <h2>References</h2>

diff --git a/index.html b/index.html
@@ -1,54 +1,76 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-  <link rel="stylesheet" href="style.css" />
-  <title>1st | acmcsufoss</title>
-</head>
-<body>
-  <h1>Welcome to First Contributions!</h1>
+    <link rel="stylesheet" href="style.css" />
+    <title>1st | acmcsufoss</title>
+  </head>
+  <body>
+    <h1>Welcome to First Contributions!</h1>
 
-  <p>
-    This is a repository dedicated for new members of the ACM at CSUF
-    <b>Open Source Software Team</b> to make their first contributions to the
-    acmcsufoss org! Let us walk through the steps so you can make your first
-    commit, pull request, or issue closing to become a contributor of our
-    beloved community!
-  </p>
+    <p>
+      This is a repository dedicated for new members of the ACM at CSUF
+      <b class="oss">Open Source Software Team</b> to make their first
+      contributions to the acmcsufoss org! Let us walk through the steps so you
+      can make your first commit, pull request, or issue closing to become a
+      contributor of our beloved community!
+    </p>
 
-  <h2>References</h2>
-  <ul>
-    <li><a href=https://acmcsuf.com/1st>acmcsuf.com/1st</a></li>
-    <li>
-      <a
-        href=https://github.com/firstcontributions/first-contributions#readme
-        >First contributions
-      </a>
-    </li>
-  </ul>
+    <p>
+      Instructions on how to contribute can be found in the
+      <a href="https://github.com/acmcsufoss/1st#readme">README</a>. If you have
+      any questions, feel free to ask in the
+      <a href="https://acmcsuf.com/discord">#first-contributions</a> channel in
+      our Discord server.
+    </p>
 
-  <h2>List of contributors</h2>
-  <ul>
-    <li>
-<p><a href="https://etok.codes/"><strong>@EthanThatOneKid</strong></a>
-wuz here.</p>
-    </li>
-    <li>
-<p><a href="https://github.com/evancpsc"><strong>@evancpsc</strong></a>:
-Bassist</p>
-    </li>
-    <li>
-<p><a
-href="https://karni.codes/"><strong>@karnikaavelumani</strong></a>:
-<img alt="Karni" src="https://avatars.githubusercontent.com/u/60043611?v=4" width="100" /></p>
-    </li>
-    <li>
-<p><a
-href="https://github.com/tomasohCHOM"><strong>@tomasohCHOM</strong></a>:
-Sveltist</p>
-    </li>
-  </ul>
-</body>
+    <h2>References</h2>
+    <ul>
+      <li>
+        <a href="https://acmcsuf.com/1st">acmcsuf.com/1st</a>
+      </li>
+      <li>
+        <a
+          href="https://github.com/firstcontributions/first-contributions#readme"
+          >First contributions
+        </a>
+      </li>
+    </ul>
+
+    <h2>List of contributors</h2>
+    <ul>
+      <li>
+        <p>
+          <a href="https://etok.codes/"><strong>@EthanThatOneKid</strong></a>
+          wuz here.
+        </p>
+      </li>
+      <li>
+        <p>
+          <a href="https://github.com/evancpsc"><strong>@evancpsc</strong></a
+          >: Bassist
+        </p>
+      </li>
+      <li>
+        <p>
+          <a href="https://karni.codes/"><strong>@karnikaavelumani</strong></a
+          >:
+          <img
+            alt="Karni"
+            src="https://avatars.githubusercontent.com/u/60043611?v=4"
+            width="100"
+          />
+        </p>
+      </li>
+      <li>
+        <p>
+          <a href="https://github.com/tomasohCHOM"
+            ><strong>@tomasohCHOM</strong></a
+          >: Sveltist
+        </p>
+      </li>
+    </ul>
+  </body>
 </html>
diff --git a/style.css b/style.css
@@ -22,11 +22,13 @@
   --color-secondary: #e5e5e5;
   --color-contrast: #393939;
   --color-oss-team: #11d4b1;
+  --color-link: #0097a7;
 
   @media (prefers-color-scheme: dark) {
     --color-primary: #1a1a1a;
     --color-secondary: #2d2d2d;
     --color-contrast: #f5f5f5;
+    --color-link: #4dd0e1;
   }
 }
 
@@ -46,6 +48,14 @@ h1 {
   text-align: center;
 }
 
-p > b {
+p > b.oss {
   color: var(--color-oss-team);
 }
+
+a {
+  color: var(--color-link);
+}
+
+ul li p img {
+  width: 1.5rem;
+}