Add specification links to ForDevelopers page (#915)

* Add links to Specification on ForDevelopers page #909 * Update base.css --------- Co-authored-by: Jesse Wright <[email protected]>
solid · Feb 10, 2025 · 4dc8dd0 · 4dc8dd0
1 parent c5896bd
commit 4dc8dd0
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 2 deletions.
diff --git a/for-developers.html b/for-developers.html
@@ -34,7 +34,36 @@
       <article about="" typeof="schema:Article">
         <h1 property="schema:name">For Developers</h1>
 
-        <div datatype="rdf:HTML" property="schema:description">
+        <div datatype="rdf:HTML" property="schema:description">   
+          <section
+            id="specifications"
+            inlist=""
+            rel="schema:hasPart"
+            resource="#specifications"
+          >
+            <h3 property="schema:name">Specifications</h3>
+            <div datatype="rdf:HTML" property="schema:description">
+              <p>
+                See the Solid Technical Reports.
+              </p>
+
+              <ul>
+                <li>
+                  <a
+                    href="https://solidproject.org/TR/"
+                    >Technical Reports Index</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="https://solidproject.org/TR/protocol"
+                    >Solid Protocol</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </section>
+
           <section
             id="developer-tutorials"
             inlist=""

diff --git a/style/base.css b/style/base.css
@@ -142,6 +142,11 @@ footer>div>dl>dd>ul li img {
     background-color: #fff;
     color: #202542;
 }
+#specifications {
+    padding: 2rem;
+    background-color: #fff;
+    color: #202542;
+}
 
 #about main>article>h1,
 #about main>article>div>p,
@@ -288,7 +293,9 @@ footer>div>dl>dd>ul li img {
 #developer-tutorials {
     margin: 0;
 }
-
+#specifications {
+    margin: 0;
+}
 
 
 /* Desktop styles */
@@ -332,6 +339,9 @@ footer>div>dl>dd>ul li img {
     #developer-tutorials {
         border-radius: 30px;
     }
+    #specifications {
+        border-radius: 30px;
+    }
 
     #solutions-using-solid-technology h2 {
         padding: 0 6rem;
@@ -500,6 +510,9 @@ footer>div>dl>dd>ul li img {
     #developer-tutorials {
         margin: 1rem 4rem 4rem 4rem;
     }
+    #specifications {
+        margin: 1rem 4rem 4rem 4rem;
+    }
 
     #hosted-pod-services {
         margin-bottom: 4rem;