Skip to content

Commit

Permalink
Refactor Redesign Code (#836)
Browse files Browse the repository at this point in the history 
* WIP: refactor HTML/CSS

Co-authored-by: Sarven Capadisli <[email protected]>

* HTML corrections / alignment for index, about

* consolidate stylesheets, minor fixes

* Update homepage img alt for article

* Minor

* Remark for-developers

* Remark for-organizations

* Add contact possibilities for orgs

* Update pod-provider and research-institution blocks

* borders, minor CSS changes

* Use details for whole video figcaption

* Minor

* CSS fixes, WIP

* Add Terms

* Minor

* Update community

* Use /about

* Add redirects file

* Add some DOAP about Solid Project

* Remove unused reference

* Add ethicsPolicy to Solid CoC

* WIP styles for community page, mobile

* Minor

* CSS fixes

* Adjustments to events details margin/padding

* Padding, lists styles

* Padding

* Update hosted-pod-services listing markup

* Update events markup

* Hide dt in hosted-pod-services

* fix about page file extension, inline widths, image alt text and role

* Adjust font-size in pod providers list

* Update alt/role

* Minor

---------

Co-authored-by: Sarven Capadisli <[email protected]>
  • Loading branch information
@VirginiaBalseiro @csarven @michielbdejong
2 people authored and michielbdejong committed Jun 14, 2024
1 parent 3331c7c commit c5c8724
Show file tree
Hide file tree
Showing 23 changed files with 1,473 additions and 2,980 deletions.
15 changes: 15 additions & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 Page</title>
</head>
<body>
<div>
<h1>404</h1>
<p><strong>Page not found :(</strong></p>
<p>The requested page could not be found.</p>
</div>
</body>
</html>
154 changes: 154 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>About - Solid</title>
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link rel="stylesheet" href="style/base.css" />
</head>

<body about="" id="about" prefix="schema: http://schema.org/ doap: http://usefulinc.com/ns/doap# foaf: http://xmlns.com/foaf/0.1/">
<header>
<address about="#i" id="i" typeof="foaf:Project doap:Project">
<a href="/" rel="doap:homepage"><img alt="Solid logo" rel="foaf:img" src="/image/logo.svg" width="50" /> <span property="doap:name">Solid</span></a>
</address>

<nav>
<ul>
<li><a href="/about.html">About Solid</a></li>
<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>
</ul>
</nav>
</header>

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

<div datatype="rdf:HTML" property="schema:description doap:description">
<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>

<section id="solid" inlist="" rel="schema:hasPart" resource="#solid">
<h2 property="schema:name">Solid</h2>
<div datatype="rdf:HTML" property="schema:description">
<img alt="" src="image/store-anything-tour.svg" />
<p>Solid is a <span about="#i" rel="doap:implements" resource="https://solidproject.org/TR/">specification</span> that lets people store their data securely in <span about="#i" property="doap:category">decentralized data stores</span>
called Pods. Pods are like secure personal web servers for your data.</p>
<p>Entities control access to the data in their Pod. Entities decide what data to share and with whom
(be those <span about="#i" property="doap:audience">individuals</span>, <span about="#i" property="doap:audience">organizations</span>, <span about="#i" property="doap:audience">applications</span>, etc.), and can revoke access at any time.</p>
<p>To store and access data in a Pod, Solid-enabled <span about="#i" property="doap:category">applications</span> use standard, open, and interoperable
data formats and protocols.</p>

<section id="data" inlist="" rel="schema:hasPart" resource="#data">
<h3 property="schema:name">Data</h3>
<div datatype="rdf:HTML" property="schema:description">
<p>Any kind of data can be stored in a Solid Pod — from structured data to files that one might
store in a Google Drive or Dropbox folder.</p>
<p>What makes Solid special is the ability to store data in a way that promotes interoperability.
Specifically, Solid supports storing Linked Data. Structuring data as Linked Data means that
different applications can work with the same data.</p>
</div>
</section>

<section id="fully-interoperable-standards" inlist="" rel="schema:hasPart" resource="#fully-interoperable-standards">
<h3 property="schema:name">Fully interoperable standards</h3>
<div datatype="rdf:HTML" property="schema:description">
<img alt="interoperability-tour" src="image/interoperability-tour.svg" />
<p>All data in a Solid Pod is stored and accessed using standard, open, and interoperable data
formats and protocols. Solid uses a common, shared way of describing things and their
relationships to one another that different applications can understand. This gives Solid the
unique ability to allow different applications to work with the same data.</p>
</div>
</section>

<section id="access" inlist="" rel="schema:hasPart" resource="#access">
<h3 property="schema:name">Access</h3>
<div datatype="rdf:HTML" property="schema:description">
<img alt="interoperability-tour" src="image/solid-pod-tour.svg" />
<p>With Solid's Authentication and Authorization systems, one can determine which people and
applications can access their data. Entities can grant or revoke access to any slice of
their data as needed. Consequently, entities can do more with their data, because the
applications they decide to use can be granted access to a wider and more diverse set of
information.</p>
<p>And just as one can share their data with others, others can also share their data in return.
This creates rich and collaborative experiences across a combination of both personal and
shared data.</p>
</div>
</section>
</div>
</section>

<section id="solid-and-servers-pods" inlist="" rel="schema:hasPart" resource="#solid-and-servers-pods">
<h2 property="schema:name">Solid Servers and Pods</h2>
<div datatype="rdf:HTML" property="schema:description">
<img alt="store-anything-tour" src="image/store-anything-tour.svg" />
<p>Solid is a specification that lets people store their data securely in decentralized data stores
called Pods. Pods are like secure personal web servers for your data.</p>
<p>Entities control access to the data in their Pod. Entities decide what data to share and with whom
(be those individuals, organizations, applications, etc.), and can revoke access at any time.</p>
<p>To store and access data in a Pod, Solid-enabled applications use standard, open, and interoperable
data formats and protocols.</p>
</div>
</section>

<section id="features" inlist="" rel="schema:hasPart" resource="#features">
<h2 property="schema:name">Features</h2>
<div datatype="rdf:HTML" property="schema:description">
<ul>
<li>
<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>
</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>
</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>
</li>
</ul>
</div>
</section>
</div>
</article>
</main>

<footer>
<nav>
<ul>
<li><a href="/about.html">About</a></li>
<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 about="#i" href="https://github.com/solid/process/blob/main/code-of-conduct.md" rel="schema:ethicsPolicy">Code of Conduct</a></li>
</ul>
</nav>

<div>
<img alt="logo" src="/image/logo.svg" width="40" />
<dl id="accounts">
<dt>Accounts</dt>
<dd>
<ul about="#i">
<li><a href="mailto:[email protected]" rel="doap:mailing-list">[email protected]</a></li>
<li><a href="https://github.com/solid/" rel="doap:repository"><img src="/image/github.svg" alt="github" width="20" /></a></li>
<li><a href="https://twitter.com/project_solid"><img src="/image/twitter.svg" alt="twitter" width="20" /></a></li>
</ul>
</dd>
</dl>
</div>
</footer>
</body>
</html>
Loading

0 comments on commit c5c8724

Please sign in to comment.