Revert "Add button-purple class"

This reverts commit 0ba79a5.
solid · Feb 23, 2024 · 6f1667e · 6f1667e
1 parent 0ba79a5
commit 6f1667e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   <body about="" id="homepage" prefix="schema: http://schema.org/ doap: http://usefulinc.com/ns/doap# foaf: http://xmlns.com/foaf/0.1/">
     <header>
       <address>
-        <a href="/"><img alt="Solid Project logo" src="/image/logo.svg" width="50" /> Solid</a>
+        <a href="/"><img alt="Solid logo" src="/image/logo.svg" width="50" /> Solid</a>
       </address>
 
       <nav>
@@ -42,30 +42,30 @@ <h2 property="schema:name">Features</h2>
                   <p>Solid is an evolution of the web by its creator Sir Tim Berners-Lee.
                       Solid realizes Tim's original vision for the Web as a medium for the secure,
                       decentralized exchange of public and private data.</p>
-                  <a class="button-purple" href="/about_solid.html">About Solid</a>
+                  <a href="/about_solid.html">About Solid</a>
                 </li>
 
                 <li>
                   <img alt="chet_cloud" class="bg-dark" src="/image/chet_cloud.png" />
                   <p><strong>Develop an app with Solid</strong></p>
                   <p>Interested in developing an app with Solid? Find technical documents, resources,
                       and repositories.</p>
-                  <a class="button-purple" href="/for_developers.html">For Developers</a>
+                  <a href="/for_developers.html">For Developers</a>
                 </li>
 
                 <li>
                   <img alt="beg" src="/image/beg.png" />
                   <p><strong>Learn about organizations working with Solid</strong></p>
                   <p>Several organizations work in a range of capacities to support the deployment and
                       research of Solid technology.</p>
-                  <a class="button-purple" href="/for_organizations.html">See Organizations</a>
+                  <a href="/for_organizations.html">See Organizations</a>
                 </li>
 
                 <li>
                   <img alt="grup" src="/image/grup.png" />
                   <p><strong>Explore the community</strong></p>
                   <p>Connect with the community through forums and at events, like Solid World.</p>
-                  <a class="button-purple" href="/community.html">Explore Community</a>
+                  <a href="/community.html">Explore Community</a>
                 </li>
               </ul>
             </div>
@@ -87,7 +87,7 @@ <h2 property="schema:name">Features</h2>
       </nav>
 
       <div>
-        <img alt="Solid Project logo" src="/image/logo.svg" width="40" />
+        <img alt="logo" src="/image/logo.svg" width="40" />
         <dl id="accounts">
           <dt>Accounts</dt>
           <dd>

diff --git a/style/base.css b/style/base.css
@@ -102,18 +102,6 @@ footer>div>dl>dd>ul li img {
     filter: invert(100%) hue-rotate(180deg);
 }
 
-.button-purple {
-    background-color: #7B4DFF;
-    padding: 12px 24px;
-    font-weight: 700;
-    color: #fff;
-    text-decoration: none;
-    border-radius: 8px;
-    width: max-content;
-    height: max-content;
-}
-
-
 #features>h2,
 #accounts dt,
 #hosted-pod-services dt {
@@ -367,6 +355,16 @@ footer>div>dl>dd>ul li img {
         grid-area: 3 / 2 / 4 / 3;
     }
 
+    #homepage main>article>div>section>div>ul li a {
+        background-color: #7B4DFF;
+        padding: 0.8rem 1.5rem;
+        color: #fff;
+        text-decoration: none;
+        border-radius: 0.5rem;
+        width: max-content;
+        height: max-content;
+    }
+
     #about main,
     #for-developers main,
     #for-organizations main {