2023 redesign css adjustments (#901)

* Reduce padding for top of main on for-users and community pages

* Updated button labels and links

* Removed organization type legend

* Added community logos

* Update border radius to 30 curve

* Reduce title header spacing on For Developers page

* Adjusted spacing on homepage grid layout

community.html

@@ -36,16 +36,19 @@ <h2 property="schema:name">Where to collaborate</h2>
             <div datatype="rdf:HTML" property="schema:description">
               <ul>
                 <li>
+                  <img src="image/solid-forum-logo.svg" alt="img_1" width="75" />
                   <p><strong>Solid Project Forum</strong></p>
                   <p>Create and respond to comments, questions, and discussions happening in the community.</p>
                   <a href="https://forum.solidproject.org" rel="rdfs:seeAlso">Go to Solid Forum</a>
                 </li>
                 <li>
+                  <img src="image/solid-gitter-logo.svg" alt="img_1" width="75" />
                   <p><strong>Solid Matrix Chat</strong></p>
                   <p>The Solid Matrix Chat is a live chat where community members can connect.</p>
                   <a href="https://matrix.to/#/#solid:converser.eu" rel="rdfs:seeAlso">Go to Matrix</a>
                 </li>
                 <li>
+                  <img src="image/solid-community-group-logo.svg" alt="img_1" width="75" />
                   <p><strong>Solid Community Group</strong></p>
                   <p>Learn and work on Solid specifications.</p>
                   <a href="https://www.w3.org/groups/cg/solid/" rel="rdfs:seeAlso">Go to Community Group</a>

for-organizations.html

@@ -35,12 +35,6 @@ <h1 property="schema:name">Organizations using Solid</h1>
           <section id="solid-organizations" inlist="" rel="schema:hasPart" resource="#solid-organizations">
             <h2 property="schema:name">Solid Organizations</h2>
             <div datatype="rdf:HTML" property="schema:description">
-              <dl class="legend">
-                <dt><img src="image/hexagon.png" alt="hexagon" width="20" height="20" /></dt>
-                <dd>Pod provider</dd>
-                <dt><img src="image/research.png" alt="research" width="25" height="25" /></dt>
-                <dd>Research institutions</dd>
-              </dl>
 
               <ul>
                 <li class="pod-provider">

style/base.css

@@ -57,6 +57,14 @@ nav a {
     align-items: center;
 }
 
+#for-users main {
+  padding: 1rem 5rem;
+}
+
+#community main {
+  padding: 1rem 6rem;
+}
+
 main>article>h1,
 main>article>p {
     color: #fff;
@@ -121,7 +129,7 @@ footer>div>dl>dd>ul li img {
 
 #homepage main>article>div>section>div>ul,
 #developer-tutorials {
-    padding: 4rem;
+    padding: 2rem;
     background-color: #fff;
     color: #202542;
 }
@@ -177,7 +185,7 @@ footer>div>dl>dd>ul li img {
 #using-solid,
 #events>div>ul {
     background-color: #fff;
-    border-radius: 0.5rem;
+    border-radius: 2rem;
     padding: 2rem;
     color: #000;
 }
@@ -291,7 +299,7 @@ footer>div>dl>dd>ul li img {
     }
 
     main {
-        padding: 6rem;
+        padding: 2rem 6rem;
     }
 
     main>article {
@@ -306,6 +314,10 @@ footer>div>dl>dd>ul li img {
         padding: 0 6rem;
     }
 
+    #community main>article>div>div>a {
+        padding-top: 2rem;
+    }
+
     #homepage main>article>div>section>div>ul,
     #developer-tutorials {
         border-radius: 30px;
@@ -329,7 +341,7 @@ footer>div>dl>dd>ul li img {
         grid-template-rows: repeat(3, auto);
         grid-column-gap: 0;
         grid-row-gap: 0;
-        padding: 4rem;
+        padding: 1rem 2rem;
     }
 
     #homepage main>article>div>section>div>ul> :nth-child(odd) {
@@ -476,7 +488,7 @@ footer>div>dl>dd>ul li img {
     }
 
     #developer-tutorials {
-        margin: 4rem;
+        margin: 1rem 4rem 4rem 4rem;
     }
 
     #hosted-pod-services {
@@ -498,4 +510,4 @@ footer>div>dl>dd>ul li img {
         color: #fff;
     }
 
-}
+}