Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2023 redesign css updates #855

Open
wants to merge 28 commits into
base: 2023-redesign-css-updates
Choose a base branch
from
Open

2023 redesign css updates #855

Show file tree
Hide file tree
Changes from 20 commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
979cb14
Fix some broken links, ref #845
michielbdejong Feb 14, 2024
cdcb68c
Broken link about_solid.html
michielbdejong Feb 14, 2024
e400251
Fix license link
michielbdejong Feb 14, 2024
f7a756e
Fix two buttons that point nowhere
michielbdejong Feb 14, 2024
6000745
Point to Discourse and Matrix, fix https://github.com/solid/team/issu…
michielbdejong Feb 14, 2024
c52dbbe
Adding and changing some URLs
megoth Feb 26, 2024
d0d93fb
Merge pull request #849 from megoth/fix-some-broken-links
michielbdejong Feb 26, 2024
d50ffb7
Merge pull request #846 from solid/fix-some-broken-links
michielbdejong Feb 26, 2024
37f18c1
Revert "Revert "Add button-purple class""
KyraAssaad Feb 23, 2024
1782514
Change homepage sections to h2
KyraAssaad Feb 26, 2024
ba46049
Change font from px to rem; add colour variables
KyraAssaad Feb 26, 2024
72532bb
Style For Developers page
KyraAssaad Feb 26, 2024
d4094f8
Style page header sections
KyraAssaad Feb 26, 2024
68181a5
Update text for more consistency
KyraAssaad Feb 27, 2024
382485b
Restructure sectioning for consistency and other minor HTML updates
csarven Feb 28, 2024
4846380
Reapply intended styles
csarven Feb 28, 2024
565bf85
Added some CSS classes
megoth Mar 4, 2024
361eb89
Merge branch '2023-redesign-css-updates' into 2023-redesign-css-updates
megoth Mar 4, 2024
49f534e
Removed CSS classes that don't contribute semantics
megoth Mar 5, 2024
e9bafaf
Merge branch '2023-redesign-css-updates' of github.com:megoth/solidpr…
megoth Mar 5, 2024
49e8f97
Update about.html
megoth Mar 5, 2024
53e8517
Update about.html
megoth Mar 5, 2024
96cd8f4
Update community.html
megoth Mar 5, 2024
d13322b
Update community.html
megoth Mar 5, 2024
e6eac52
Update for-developers.html
megoth Mar 5, 2024
8e7ee56
Update for-organizations.html
megoth Mar 5, 2024
29f78e3
Update index.html
megoth Mar 5, 2024
22a11f3
Update terms.html
megoth Mar 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 10 additions & 8 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,16 +25,18 @@

<main>
<article about="" typeof="schema:Article">
<h1 property="schema:name">About Solid</h1>
<header>
<h1 property="schema:name">About Solid</h1>

<p about="#i" datatype="rdf:HTML" property="doap:shortdesc">Solid is an open standard for structuring data, digital identities, and applications on the <span about="#i" property="doap:platform">Web</span>.</p>
<p>Solid aims to support the creation of the Web as Sir Tim Berners-Lee originally envisioned it when he
<p about="#i" datatype="rdf:HTML" property="doap:shortdesc">Solid is an open standard for structuring data, digital identities, and applications on the <span about="#i" property="doap:platform">Web</span>.</p>
<p>Solid aims to support the creation of the Web as Sir Tim Berners-Lee originally envisioned it when he
invented the Web at CERN in 1989. Tim sometimes refers to Solid as “the web - take 3" — or Web3.0 —
because Solid integrates a new layer of standards into the Web we already have. The goal of Solid is
for people to have more <span about="#i" property="doap:category">agency</span> over their data.</p>
</header>

<div datatype="rdf:HTML" property="schema:description doap:description">
<section id="solid" inlist="" rel="schema:hasPart" resource="#solid">
<section id="solid-description" inlist="" rel="schema:hasPart" resource="#solid">
megoth marked this conversation as resolved.
Show resolved Hide resolved
<h2 property="schema:name">Solid</h2>
<div datatype="rdf:HTML" property="schema:description">
<img alt="" src="image/store-anything-tour.svg" />
Expand Down Expand Up @@ -105,17 +107,17 @@ <h2 property="schema:name">Features</h2>
<p><strong>Organizations Deploying Solid</strong></p>
<p>See organizations working to support the deployment of Solid technology across a range of
sectors.</p>
<a href="" rel="rdfs:seeAlso">See organizations</a>
<a href="/for-organizations.html" rel="rdfs:seeAlso">See organizations</a>
</li>
<li>
<p><strong>Develop a Solid application</strong></p>
<p>Find tutorials, repositories, libraries, and vocabularies.</p>
<a href="" rel="rdfs:seeAlso">Develop an application</a>
<a href="/for-developers.html" rel="rdfs:seeAlso">Develop an application</a>
</li>
<li>
<p><strong>Example applications</strong></p>
<p>Find examples of applications built with Solid.</p>
<a href="" rel="rdfs:seeAlso">See example applications</a>
<a href="https://forum.solidproject.org/c/applications/" rel="rdfs:seeAlso">See example applications</a>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<a href="https://forum.solidproject.org/c/applications/" rel="rdfs:seeAlso">See example applications</a>
<a href="https://solidproject.org/apps" rel="rdfs:seeAlso">See example applications</a>

What's currently on the website is most comprehensive and up to date. Any particular reason to direct people to the forum?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was not part of my update (I only removed the class button).

I agree that https://solidproject.org/apps is (probably) better, but then we should add that page to the new redesign as well.

Maybe @KyraAssaad have some thoughts on this?

</li>
</ul>
</div>
Expand All @@ -131,7 +133,7 @@ <h2 property="schema:name">Features</h2>
<li><a href="/for-developers.html" rel="rdfs:seeAlso">For Developers</a></li>
<li><a href="/for-organizations.html" rel="rdfs:seeAlso">For Organizations</a></li>
<li><a href="/community.html" rel="rdfs:seeAlso">Community</a></li>
<li><a href="/#">License</a></li>
<li><a href="https://github.com/solid/solidproject.org/blob/main/LICENSE.md/#">License</a></li>
megoth marked this conversation as resolved.
Show resolved Hide resolved
<li><a about="#i" href="https://github.com/solid/process/blob/main/code-of-conduct.md" rel="schema:ethicsPolicy">Code of Conduct</a></li>
</ul>
</nav>
Expand Down
141 changes: 73 additions & 68 deletions community.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,11 @@

<main>
<article about="" typeof="schema:Article">
<h1 property="schema:name">Community</h1>
<header>
<h1 property="schema:name">Community</h1>

<p>Discover ways to join and contribute to the Solid community.</p>
<p>Discover ways to join and contribute to the Solid community.</p>
</header>

<div datatype="rdf:HTML" property="schema:description">
<section id="where-to-collaborate" inlist="" rel="schema:hasPart" resource="#where-to-collaborate">
Expand All @@ -37,86 +39,89 @@ <h2 property="schema:name">Where to collaborate</h2>
<li>
<p><strong>Solid Project Forum</strong></p>
<p>Create and respond to comments, questions, and discussions happening in the community.</p>
<a href="" rel="rdfs:seeAlso">Go to Solid Forum</a>
<a href="https://forum.solidproject.org" rel="rdfs:seeAlso">Go to Solid Forum</a>
megoth marked this conversation as resolved.
Show resolved Hide resolved
</li>
<li>
<p><strong>Solid Matrix Chat</strong></p>
<p>The Solid Matrix Chat is a live chat where community members can connect.</p>
<a href="" rel="rdfs:seeAlso">Go to Matrix</a>
<a href="https://matrix.to/#/#solid:converser.eu" rel="rdfs:seeAlso">Go to Matrix</a>
</li>
<li>
<p><strong>Solid Community Group</strong></p>
<p>Learn and work on Solid specifications.</p>
<a href="" rel="rdfs:seeAlso">Go to Community Group</a>
<a href="https://www.w3.org/groups/cg/solid/" rel="rdfs:seeAlso">Go to Community Group</a>
</li>
</ul>
</div>
</section>

<section id="events" inlist="" rel="schema:hasPart" resource="#events">
<h2 property="schema:name">Events</h2>
<div datatype="rdf:HTML" property="schema:description">
<p>Discover Solid events taking place virtually and/or in person around the world.</p>
<header>
<h2 property="schema:name">Events</h2>
<p>Discover Solid events taking place virtually and/or in person around the world.</p>
</header>
<article>
<ul id="events-list">
<li id="events-2023" rel="schema:hasPart" resource="#events-2023">
<details open="">
<summary property="schema:name">2023 Events</summary>
<ul rel="schema:hasPart">
<li>
<dl about="#mydata-2023-conference" id="mydata-2023-conference" rel="schema:hasPart" typeof="schema:Event">
<dt>Title</dt>
<dd property="schema:name"><a href="https://2023.mydata.org/" rel="schema:url">MyData 2023 Conference</a></dd>
<dt>Organization</dt>
<dd><a href="https://mydata.org/" rel="schema:organizer">MyData</a></dd>
<dt>Date</dt>
<dd><time property="schema:startDate" datatype="xsd:date" content="2023-05-31" datetime="2023-05-31">2023-05-31</time>–<time property="schema:endDate" datatype="xsd:date" content="2023-06-02" datetime="2023-06-02">2023-06-02</time></dd>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know I included content in the original but it is not necessary if the date is always going to be yyyy-mm-dd without time. The precision is the same. Value from the text content will be used. If the precision for the machine-readable is desired, and the human gets less precise in text content, then content can be handy.

Suggested change
<dd><time property="schema:startDate" datatype="xsd:date" content="2023-05-31" datetime="2023-05-31">2023-05-31</time>–<time property="schema:endDate" datatype="xsd:date" content="2023-06-02" datetime="2023-06-02">2023-06-02</time></dd>
<dd><time property="schema:startDate" datatype="xsd:date" datetime="2023-05-31">2023-05-31</time>–<time property="schema:endDate" datatype="xsd:date" datetime="2023-06-02">2023-06-02</time></dd>

Not sure if you want to follow this pattern for the rest.

Copy link
Contributor Author

@megoth megoth Mar 5, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have no strong opinions on this, but in general I think less is better. Do you want me to remove all uses of content="[date]" in the HTML?

<dt>Location</dt>
<dd><a href="https://en.wikipedia.org/wiki/Helsinki" rel="schema:location">Helsinki</a></dd>
<dt>Description</dt>
<dd datatype="rdf:HTML" property="schema:description">There will be a dedicated workshop/panel session about the Solid project at this conference, alongside interesting people and presentations from many like-minded projects.</dd>
</dl>
</li>
<li>
<dl about="#example-2023-conference" id="example-2023-conference" typeof="schema:Event">
<dt>Title</dt>
<dd property="schema:name"><a href="https://example.org/" property="schema:url">Event Title</a></dd>
<dt>Organization</dt>
<dd><a href="" rel="schema:organizer">Organization Name</a></dd>
<dt>Date</dt>
<dd><time property="schema:startDate" datatype="xsd:date" datetime="2023-01-01">2023-01-01</time>–<time property="schema:endDate" datatype="xsd:date" datetime="2023-01-03">2023-01-03</time></dd>
<dt>Location</dt>
<dd><a href="https://en.wikipedia.org/wiki/Bern" rel="schema:location">Location</a></dd>
<dt>Description</dt>
<dd datatype="rdf:HTML" property="schema:description">Description</dd>
</dl>
</li>
</ul>
</details>
</li>

<ul>
<li id="events-2023" rel="schema:hasPart" resource="#events-2023">
<details open="">
<summary property="schema:name">2023 Events</summary>
<ul rel="schema:hasPart">
<li>
<dl about="#mydata-2023-conference" id="mydata-2023-conference" rel="schema:hasPart" typeof="schema:Event">
<dt>Title</dt>
<dd property="schema:name"><a href="https://2023.mydata.org/" rel="schema:url">MyData 2023 Conference</a></dd>
<dt>Organization</dt>
<dd><a href="https://mydata.org/" rel="schema:organizer">MyData</a></dd>
<dt>Date</dt>
<dd><time property="schema:startDate" datatype="xsd:date" content="2023-05-31" datetime="2023-05-31">2023-05-31</time>–<time property="schema:endDate" datatype="xsd:date" content="2023-06-02" datetime="2023-06-02">2023-06-02</time></dd>
<dt>Location</dt>
<dd><a href="https://en.wikipedia.org/wiki/Helsinki" rel="schema:location">Helsinki</a></dd>
<dt>Description</dt>
<dd datatype="rdf:HTML" property="schema:description">There will be a dedicated workshop/panel session about the Solid project at this conference, alongside interesting people and presentations from many like-minded projects.</dd>
</dl>
</li>
<li>
<dl about="#example-2023-conference" id="example-2023-conference" typeof="schema:Event">
<dt>Title</dt>
<dd property="schema:name"><a href="https://example.org/" property="schema:url">Event Title</a></dd>
<dt>Organization</dt>
<dd><a href="" rel="schema:organizer">Organization Name</a></dd>
<dt>Date</dt>
<dd><time property="schema:startDate" datatype="xsd:date" datetime="2023-01-01">2023-01-01</time>–<time property="schema:endDate" datatype="xsd:date" datetime="2023-01-03">2023-01-03</time></dd>
<dt>Location</dt>
<dd><a href="https://en.wikipedia.org/wiki/Bern" rel="schema:location">Location</a></dd>
<dt>Description</dt>
<dd datatype="rdf:HTML" property="schema:description">Description</dd>
</dl>
</li>
</ul>
</details>
</li>

<li id="events-2022" rel="schema:hasPart" resource="#events-2022">
<details open="">
<summary property="schema:name">2022 Events</summary>
<ul>
<li>
<dl about="#example-2022-conference" id="example-2022-conference" typeof="schema:Event">
<dt>Title</dt>
<dd property="schema:name"><a href="https://example.org/" property="schema:url">Event Title</a></dd>
<dt>Organization</dt>
<dd><a href="" rel="schema:organizer">Organization Name</a></dd>
<dt>Date</dt>
<dd><time property="schema:startDate" datatype="xsd:date" datetime="2022-01-01">2022-01-01</time>–<time property="schema:endDate" datatype="xsd:date" datetime="2022-01-03">2022-01-03</time></dd>
<dt>Location</dt>
<dd><a href="https://en.wikipedia.org/wiki/Bern" rel="schema:location">Location</a></dd>
<dt>Description</dt>
<dd datatype="rdf:HTML" property="schema:description">Description</dd>
</dl>
</li>
</ul>
</details>
</li>
</ul>
<li id="events-2022" rel="schema:hasPart" resource="#events-2022">
<details open="">
<summary property="schema:name">2022 Events</summary>
<ul>
<li>
<dl about="#example-2022-conference" id="example-2022-conference" typeof="schema:Event">
<dt>Title</dt>
<dd property="schema:name"><a href="https://example.org/" property="schema:url">Event Title</a></dd>
<dt>Organization</dt>
<dd><a href="" rel="schema:organizer">Organization Name</a></dd>
<dt>Date</dt>
<dd><time property="schema:startDate" datatype="xsd:date" datetime="2022-01-01">2022-01-01</time>–<time property="schema:endDate" datatype="xsd:date" datetime="2022-01-03">2022-01-03</time></dd>
<dt>Location</dt>
<dd><a href="https://en.wikipedia.org/wiki/Bern" rel="schema:location">Location</a></dd>
<dt>Description</dt>
<dd datatype="rdf:HTML" property="schema:description">Description</dd>
</dl>
</li>
</ul>
</details>
</li>
</ul>
</article>
</div>
</section>
</div>
Expand All @@ -130,8 +135,8 @@ <h2 property="schema:name">Events</h2>
<li><a href="/for-developers.html">For Developers</a></li>
<li><a href="/for-organizations.html">For Organizations</a></li>
<li><a href="/community.html">Community</a></li>
<li><a href="/#">License</a></li>
<li><a href="/#">Code of Conduct</a></li>
<li><a href="https://github.com/solid/solidproject.org/blob/main/LICENSE.md/#">License</a></li>
megoth marked this conversation as resolved.
Show resolved Hide resolved
<li><a href="https://github.com/solid/process/blob/main/code-of-conduct.md">Code of Conduct</a></li>
</ul>
</nav>

Expand Down
8 changes: 5 additions & 3 deletions for-developers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,9 @@

<main>
<article about="" typeof="schema:Article">
<h1 property="schema:name">For Developers</h1>
<header>
<h1 property="schema:name">For Developers</h1>
</header>

<div datatype="rdf:HTML" property="schema:description">
<section id="developer-tutorials" inlist="" rel="schema:hasPart" resource="#developer-tutorials">
Expand Down Expand Up @@ -215,8 +217,8 @@ <h2 property="schema:name">Available Solid Server implementations</h2>
<li><a href="/for-developers.html">For Developers</a></li>
<li><a href="/for-organizations.html">For Organizations</a></li>
<li><a href="/community.html">Community</a></li>
<li><a href="/#">License</a></li>
<li><a href="/#">Code of Conduct</a></li>
<li><a href="https://github.com/solid/solidproject.org/blob/main/LICENSE.md/#">License</a></li>
megoth marked this conversation as resolved.
Show resolved Hide resolved
<li><a href="https://github.com/solid/process/blob/main/code-of-conduct.md">Code of Conduct</a></li>
</ul>
</nav>

Expand Down
12 changes: 7 additions & 5 deletions for-organizations.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,10 +25,12 @@

<main>
<article about="" typeof="schema:Article">
<h1 property="schema:name">Organizations using Solid</h1>
<header>
<h1 property="schema:name">Organizations using Solid</h1>

<p>These organizations work in a range of capacities to support the deployment and research
of Solid technology.</p>
<p>These organizations work in a range of capacities to support the deployment and research
of Solid technology.</p>
</header>

<div datatype="rdf:HTML" property="schema:description">
<section id="solid-organizations" inlist="" rel="schema:hasPart" resource="#solid-organizations">
Expand Down Expand Up @@ -113,8 +115,8 @@ <h2 property="schema:name">Solutions using Solid technology</h2>
<li><a href="/for-developers.html">For Developers</a></li>
<li><a href="/for-organizations.html">For Organizations</a></li>
<li><a href="/community.html">Community</a></li>
<li><a href="/#">License</a></li>
<li><a href="/#">Code of Conduct</a></li>
<li><a href="https://github.com/solid/solidproject.org/blob/main/LICENSE.md/#">License</a></li>
megoth marked this conversation as resolved.
Show resolved Hide resolved
<li><a href="https://github.com/solid/process/blob/main/code-of-conduct.md">Code of Conduct</a></li>
</ul>
</nav>

Expand Down
18 changes: 10 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,11 +25,13 @@

<main>
<article about="" typeof="schema:Article">
<img alt="Solid Project logo" src="/image/logo.svg" width="200" />
<header>
<img alt="Solid Project logo" src="/image/logo.svg" width="200" />

<h1 property="schema:name">Solid: Your data, your choice.</h1>
<h1 property="schema:name">Solid: Your data, your choice.</h1>

<p>Advancing the Web to empower people and communities.</p>
<p>Advancing the Web to empower people and communities.</p>
</header>

<div datatype="rdf:HTML" property="schema:description">
<section id="features" inlist="" rel="schema:hasPart" resource="#features">
Expand All @@ -42,23 +44,23 @@ <h3>Read about Solid</h3>
<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 href="/about_solid.html">About Solid</a>
<a href="/about.html">About Solid</a>
</li>

<li>
<img alt="chet_cloud" class="bg-dark" src="/image/chet_cloud.png" />
<h3>Develop an app with Solid</h3>
<p>Interested in developing an app with Solid? Find technical documents, resources,
and repositories.</p>
<a href="/for_developers.html">For Developers</a>
<a href="/for-developers.html">For Developers</a>
</li>

<li>
<img alt="beg" src="/image/beg.png" />
<h3>Learn about organizations working with Solid</h3>
<p>Several organizations work in a range of capacities to support the deployment and
research of Solid technology.</p>
<a href="/for_organizations.html">See Organizations</a>
<a href="/for-organizations.html">See Organizations</a>
</li>

<li>
Expand All @@ -81,8 +83,8 @@ <h3>Explore the community</h3>
<li><a href="/for-developers.html">For Developers</a></li>
<li><a href="/for-organizations.html">For Organizations</a></li>
<li><a href="/community.html">Community</a></li>
<li><a href="/#">License</a></li>
<li><a href="/#">Code of Conduct</a></li>
<li><a href="https://github.com/solid/solidproject.org/blob/main/LICENSE.md/#">License</a></li>
megoth marked this conversation as resolved.
Show resolved Hide resolved
<li><a href="https://github.com/solid/process/blob/main/code-of-conduct.md">Code of Conduct</a></li>
</ul>
</nav>

Expand Down
Loading