page, container

SolidOS · Apr 19, 2024 · e0dd9f9 · e0dd9f9
1 parent 78a1caf
commit e0dd9f9
Show file tree

Hide file tree

Showing 42 changed files with 1,419 additions and 49 deletions.
diff --git a/dashboard/assets/document.png b/dashboard/assets/document.png
diff --git a/dashboard/assets/folder.png b/dashboard/assets/folder.png
diff --git a/dashboard/dashboard.html b/dashboard/dashboard.html
@@ -0,0 +1,121 @@
+<body style="display:grid;grid-template-columns:382px auto;">
+  <div>
+    <div style="display:grid;grid-template-columns:160px auto;">
+      <sol-time></sol-time>
+    <sol-rdf class="button-links" source="./data/video-links.ttl" template="links" wanted="* a Bookmark"></sol-rdf>
+    </div>
+    <p>
+    <sol-rdf
+        source="./data/search.ttl" template="searchbar"
+        form="./data/sample-form.ttl"
+        wanted="* a Bookmark"
+    ></sol-rdf>
+    </p>
+    <p>
+    <sol-rdf
+      source="./data/news.ttl"
+      wanted="* a Bookmark"
+      template="rss"
+      proxy="/proxy?uri="
+    ></sol-rdf>
+    </p>
+
+    <sol-manage-button
+        title = "manage page"
+        label = "&#9881"
+    ></sol-manage-button>
+
+    <sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf> 
+
+  </div>
+  <div id="display">
+<!--
+     <sol-rdf 
+       source="./data/news.ttl"
+       form="./data/dashboard-forms.ttl#NewsForm"
+       wanted="* a Bookmark"
+       template="form"
+     ></sol-rdf>       
+-->
+     <sol-rdf 
+       source="./data/search.ttl"
+       form="./data/dashboard-forms.ttl#SearchForm"
+       wanted="* a Bookmark"
+       template="form"
+     ></sol-rdf>       
+<!--
+     <iframe src="https://shacl.org/playground/"></iframe>
+-->
+  </div>
+<style>
+#display iframe {
+  width:100%;
+  height:640px;
+  border-radius:0.3rem;
+  background:white;
+}
+body {
+  background:#0f0a0a;
+  padding:1rem;
+  color:#B7B6B6;
+}
+#display {
+  margin-left:1rem;
+}
+* {
+  font-size : 16px;
+}
+.button-links a {
+  display:inline-block !important;
+  margin-bottom:0.25rem;
+}
+.sol-manager-button {
+  color:white;
+  font-size:300%;
+}
+.sol-searchbar {
+  background:#ddaaaa !important;
+  color:black !important;
+}
+.sol-selector-wrapper  {
+  background:darkblue;
+}
+.sol-links h1 {
+  font-size:1rem;
+  font-weight:normal;
+  margin-bottom:0.3rem;
+}
+.sol-links p {
+  margin:0;
+  margin-bottom:0.3rem;
+}
+.sol-time * {
+  color:black !important;
+}
+.sol-links li a {
+  background:#aaddaa !important;
+  display:inline-block;
+  margin-bottom:0.1rem;
+}
+.sol-links li {
+  margin:0;
+  display:inline-block;
+}
+.sol-links ul {
+  margin:0;
+  padding:0;
+  list-style:none;
+  display:inline-block;
+}
+</style>
+
+<link href="../sol-core.css" rel="stylesheet" />
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/solid-ui.min.js" type="module">
+</script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min.js" type="module">
+</script>
+<script src="../sol-core.js" type="module"></script>
+<!--
+<script src="../sol-full.js" type="module"></script>
+      <sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf> 
+-->
diff --git a/dashboard/data/dashboard-forms.ttl b/dashboard/data/dashboard-forms.ttl
@@ -0,0 +1,56 @@
+@prefix : <#> .
+@prefix solid: <http://www.w3.org/ns/solid/terms#> .
+@prefix bk: <http://www.w3.org/2002/01/bookmark#> .
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
+@prefix ui: <http://www.w3.org/ns/ui#> .
+@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
+
+###
+# FORMS
+###
+:NewsForm
+  a ui:Form ;
+  ui:defaultForNew :BookmarkType ;
+  ui:parts( :BookmarkLabel :BookmarkUrl :BookmarkTopic ) .
+
+:SearchForm
+  a ui:Form ;
+  ui:defaultForNew :BookmarkType, :SearchTopic ;
+  ui:parts( :BookmarkLabel :BookmarkUrl ) .
+
+###
+# FIELDS
+###
+:BookmarkType
+  a ui:NamedNodeURIField ;
+  ui:property rdf:type ;
+  ui:default "http://www.w3.org/2002/01/bookmark#Bookmark" .
+
+:SearchTopic
+  a ui:SingleLineTextField ;
+  ui:property bk:hasTopic ;
+  ui:default "Search Engine" .
+
+:BookmarkLabel
+  a ui:SingleLineTextField ;
+  ui:property rdfs:label ;
+  ui:label "Label"@en .
+
+:BookmarkUrl
+  a ui:NamedNodeURIField ;
+  ui:property bk:recalls ;
+  ui:label "URL"@en .
+
+:BookmarkTopic
+  a ui:SingleLineTextField ;
+  ui:property bk:hasTopic ;
+  ui:label "Topic"@en .
+
+:BookmarkDescription
+  a ui:MultiLineTextField ;
+  ui:property rdfs:comment ;
+  ui:label "Description"@en .
+
+
+
+
diff --git a/dashboard/data/links.ttl b/dashboard/data/links.ttl
@@ -0,0 +1,40 @@
+###
+# Personal Links
+###
+
+@prefix bk: <http://www.w3.org/2002/01/bookmark#> .
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
+
+:CG
+  a bk:Bookmark ;
+  bk:hasTopic "Video Call","Solid" ;
+  bk:recalls <https://meet.jit.si/solid-cg> ;
+  rdfs:label "CG" .
+
+:Practitioners
+  a bk:Bookmark ;
+  bk:hasTopic "Video Call","Solid" ;
+  bk:recalls <https://meet.jit.si/solid-practitioners> ;
+  rdfs:label "Practioners" .
+
+:Team
+  a bk:Bookmark ;
+  bk:hasTopic "Video Call","Solid" ;
+  bk:recalls <https://meet.jit.si/solid-team> ;
+  rdfs:label "Team" .
+
+:SolidOS
+  a bk:Bookmark ;
+  bk:hasTopic "Video Call","Solid" ;
+  bk:recalls <https://meet.jit.si/solid-operating-system> ;
+  rdfs:label "SolidOS" .
+
+:Sparks
+  a bk:Bookmark ;
+  bk:hasTopic "Video Call","Personal" ;
+  bk:recalls <https://meet.jit.si/sparkcentral2024> ;
+  rdfs:label "Sparks" .
+
+
+
+
diff --git a/dashboard/data/news.ttl b/dashboard/data/news.ttl
@@ -0,0 +1,105 @@
+@prefix : <#>.
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
+@prefix bk: <http://www.w3.org/2002/01/bookmark#>.
+@prefix l: <https://www.smithsonianmag.com/rss/latest_articles/>.
+@prefix rs: <http://rss.sciam.com/>.
+@prefix feed: <https://www.wired.com/feed/>.
+@prefix n0: <https://feeds.arstechnica.com/arstechnica/>.
+@prefix fee: <https://fair.org/feed/>.
+@prefix pro: <http://feeds.propublica.org/propublica/>.
+@prefix fe: <https://www.openculture.com/feed/>.
+
+<> rdfs:label "News Feeds".
+
+:001
+    a "http//www.w3.org/2002/01/bookmark#Bookmark", bk:Bookmark;
+    rdfs:label "Oregon Public Broadcasting";
+    bk:hasTopic "General News";
+    bk:recalls <https://api.opb.arcpublishing.com/feeds/rss/?website=opb>.
+:002
+    a bk:Bookmark;
+    rdfs:label "Al Jazeera";
+    bk:hasTopic "General News";
+    bk:recalls <http://www.aljazeera.com/xml/rss/all.xml>.
+:003
+    a bk:Bookmark;
+    rdfs:label "NY Times";
+    bk:hasTopic "General News";
+    bk:recalls <https://rss.nytimes.com/services/xml/rss/nyt/World.xml>.
+:004
+    a bk:Bookmark;
+    rdfs:label "Democracy Now";
+    bk:hasTopic "General News";
+    bk:recalls <https://www.democracynow.org/democracynow.rss>.
+:005
+    a bk:Bookmark;
+    rdfs:label "Smithsonian";
+    bk:hasTopic "Science News";
+    bk:recalls l:.
+:006
+    a bk:Bookmark;
+    rdfs:label "Scientific American";
+    bk:hasTopic "Science News";
+    bk:recalls rs:ScientificAmerican-Global.
+:007
+a bk:Bookmark; rdfs:label "Wired"; bk:hasTopic "Tech News"; bk:recalls feed:rss.
+:008
+    a bk:Bookmark;
+    rdfs:label "Engadget";
+    bk:hasTopic "Tech News";
+    bk:recalls <https://www.engadget.com/rss.xml>.
+:009
+    a bk:Bookmark;
+    rdfs:label "The Verge";
+    bk:hasTopic "Tech News";
+    bk:recalls <https://www.theverge.com/rss/index.xml>.
+:010
+    a bk:Bookmark;
+    rdfs:label "Ars Technica";
+    bk:hasTopic "Tech News";
+    bk:recalls n0:index.
+:011
+    a bk:Bookmark;
+    rdfs:label "Truthout";
+    bk:hasTopic "General News";
+    bk:recalls <https://www.truth-out.org/feed?format=feed>.
+:012
+    a bk:Bookmark;
+    rdfs:label "The Intercept";
+    bk:hasTopic "General News";
+    bk:recalls <https://theintercept.com/feed/?lang=en>.
+:013
+    a bk:Bookmark;
+    rdfs:label "Counterspin";
+    bk:hasTopic "General News";
+    bk:recalls fee:.
+:014
+    a bk:Bookmark;
+    rdfs:label "Vox";
+    bk:hasTopic "General News";
+    bk:recalls <https://www.vox.com/rss/index.xml>.
+:015
+    a bk:Bookmark;
+    rdfs:label "ProPublica";
+    bk:hasTopic "General News";
+    bk:recalls pro:main.
+:016
+    a bk:Bookmark;
+    rdfs:label "CNN";
+    bk:hasTopic "General News";
+    bk:recalls <http://rss.cnn.com/rss/edition.rss>.
+:017
+    a bk:Bookmark;
+    rdfs:label "Slate";
+    bk:hasTopic "General News";
+    bk:recalls <https://slate.com/feeds/all.rss>.
+:018
+    a bk:Bookmark;
+    rdfs:label "The Conversation";
+    bk:hasTopic "General News";
+    bk:recalls <https://theconversation.com/us/articles.atom>.
+:019
+    a bk:Bookmark;
+    rdfs:label "Open Culture";
+    bk:hasTopic "General News";
+    bk:recalls fe:rss2.
diff --git a/dashboard/data/notes.md$.unknown b/dashboard/data/notes.md$.unknown
@@ -0,0 +1,7 @@
+# A test
+
+* a
+* b
+* c
+* d
+
diff --git a/dashboard/data/projects.ttl b/dashboard/data/projects.ttl
@@ -0,0 +1,12 @@
+@prefix :  <#> .
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
+@prefix bk: <http://www.w3.org/2002/01/bookmark#> .
+
+<> rdfs:label "Dashboard".
+
+:1 a bk:Bookmark; bk:recalls <./news.ttl>; rdfs:label "News Feeds".
+:2 a bk:Bookmark; bk:recalls <./search.ttl>; rdfs:label "Search Engines".
+:3 a bk:Bookmark; bk:recalls <./links.ttl>; rdfs:label "Personal Links".
+:4 a bk:Bookmark; bk:recalls <./projects.ttl>; rdfs:label "Dashboard".
+
+
diff --git a/dashboard/data/search.ttl b/dashboard/data/search.ttl
@@ -0,0 +1,42 @@
+@prefix : <#>.
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
+@prefix bk: <http://www.w3.org/2002/01/bookmark#>.
+@prefix pre: <https://prefix.cc/>.
+
+<> rdfs:label "Search Engines".
+
+:001
+    a bk:Bookmark;
+    rdfs:label "google";
+    bk:hasTopic "Search Engine";
+    bk:recalls <https://google.com/search?q=>.
+:002
+    a bk:Bookmark;
+    rdfs:label "ddg";
+    bk:hasTopic "Search Engine";
+    bk:recalls <https://duckduckgo.com/q=>.
+:003
+    a bk:Bookmark;
+    rdfs:label "wikipedia";
+    bk:hasTopic "Search Engine";
+    bk:recalls <https://en.wikipedia.org/w/index.php?search=>.
+:004
+    a bk:Bookmark;
+    rdfs:label "lov";
+    bk:hasTopic "Search Engine";
+    bk:recalls <https://lov.linkeddata.es/dataset/lov/terms?q=>.
+:005
+    a bk:Bookmark;
+    rdfs:label "prefix";
+    bk:hasTopic "Search Engine";
+    bk:recalls pre:.
+:006
+    a bk:Bookmark;
+    rdfs:label "etymology";
+    bk:hasTopic "Search Engine";
+    bk:recalls <https://www.etymonline.com/search?q=>.
+:007
+    a bk:Bookmark;
+    rdfs:label "youtube";
+    bk:hasTopic "Search Engine";
+    bk:recalls <https://www.youtube.com/results?search_query=>.