Skip to content

Commit e0dd9f9

Browse files
committed
page, container
1 parent 78a1caf commit e0dd9f9

42 files changed

Lines changed: 1419 additions & 49 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

dashboard/assets/document.png

2.26 KB
Loading

dashboard/assets/folder.png

2.99 KB
Loading

dashboard/dashboard.html

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<body style="display:grid;grid-template-columns:382px auto;">
2+
<div>
3+
<div style="display:grid;grid-template-columns:160px auto;">
4+
<sol-time></sol-time>
5+
<sol-rdf class="button-links" source="./data/video-links.ttl" template="links" wanted="* a Bookmark"></sol-rdf>
6+
</div>
7+
<p>
8+
<sol-rdf
9+
source="./data/search.ttl" template="searchbar"
10+
form="./data/sample-form.ttl"
11+
wanted="* a Bookmark"
12+
></sol-rdf>
13+
</p>
14+
<p>
15+
<sol-rdf
16+
source="./data/news.ttl"
17+
wanted="* a Bookmark"
18+
template="rss"
19+
proxy="/proxy?uri="
20+
></sol-rdf>
21+
</p>
22+
23+
<sol-manage-button
24+
title = "manage page"
25+
label = "&#9881"
26+
></sol-manage-button>
27+
28+
<sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf>
29+
30+
</div>
31+
<div id="display">
32+
<!--
33+
<sol-rdf
34+
source="./data/news.ttl"
35+
form="./data/dashboard-forms.ttl#NewsForm"
36+
wanted="* a Bookmark"
37+
template="form"
38+
></sol-rdf>
39+
-->
40+
<sol-rdf
41+
source="./data/search.ttl"
42+
form="./data/dashboard-forms.ttl#SearchForm"
43+
wanted="* a Bookmark"
44+
template="form"
45+
></sol-rdf>
46+
<!--
47+
<iframe src="https://shacl.org/playground/"></iframe>
48+
-->
49+
</div>
50+
<style>
51+
#display iframe {
52+
width:100%;
53+
height:640px;
54+
border-radius:0.3rem;
55+
background:white;
56+
}
57+
body {
58+
background:#0f0a0a;
59+
padding:1rem;
60+
color:#B7B6B6;
61+
}
62+
#display {
63+
margin-left:1rem;
64+
}
65+
* {
66+
font-size : 16px;
67+
}
68+
.button-links a {
69+
display:inline-block !important;
70+
margin-bottom:0.25rem;
71+
}
72+
.sol-manager-button {
73+
color:white;
74+
font-size:300%;
75+
}
76+
.sol-searchbar {
77+
background:#ddaaaa !important;
78+
color:black !important;
79+
}
80+
.sol-selector-wrapper {
81+
background:darkblue;
82+
}
83+
.sol-links h1 {
84+
font-size:1rem;
85+
font-weight:normal;
86+
margin-bottom:0.3rem;
87+
}
88+
.sol-links p {
89+
margin:0;
90+
margin-bottom:0.3rem;
91+
}
92+
.sol-time * {
93+
color:black !important;
94+
}
95+
.sol-links li a {
96+
background:#aaddaa !important;
97+
display:inline-block;
98+
margin-bottom:0.1rem;
99+
}
100+
.sol-links li {
101+
margin:0;
102+
display:inline-block;
103+
}
104+
.sol-links ul {
105+
margin:0;
106+
padding:0;
107+
list-style:none;
108+
display:inline-block;
109+
}
110+
</style>
111+
112+
<link href="../sol-core.css" rel="stylesheet" />
113+
<script src="https://cdn.jsdelivr.net/npm/solid-ui@2.4.33-alpha/dist/solid-ui.min.js" type="module">
114+
</script>
115+
<script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.9/dist/purify.min.js" type="module">
116+
</script>
117+
<script src="../sol-core.js" type="module"></script>
118+
<!--
119+
<script src="../sol-full.js" type="module"></script>
120+
<sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf>
121+
-->

dashboard/data/dashboard-forms.ttl

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
@prefix : <#> .
2+
@prefix solid: <http://www.w3.org/ns/solid/terms#> .
3+
@prefix bk: <http://www.w3.org/2002/01/bookmark#> .
4+
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
5+
@prefix ui: <http://www.w3.org/ns/ui#> .
6+
@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
7+
8+
###
9+
# FORMS
10+
###
11+
:NewsForm
12+
a ui:Form ;
13+
ui:defaultForNew :BookmarkType ;
14+
ui:parts( :BookmarkLabel :BookmarkUrl :BookmarkTopic ) .
15+
16+
:SearchForm
17+
a ui:Form ;
18+
ui:defaultForNew :BookmarkType, :SearchTopic ;
19+
ui:parts( :BookmarkLabel :BookmarkUrl ) .
20+
21+
###
22+
# FIELDS
23+
###
24+
:BookmarkType
25+
a ui:NamedNodeURIField ;
26+
ui:property rdf:type ;
27+
ui:default "http://www.w3.org/2002/01/bookmark#Bookmark" .
28+
29+
:SearchTopic
30+
a ui:SingleLineTextField ;
31+
ui:property bk:hasTopic ;
32+
ui:default "Search Engine" .
33+
34+
:BookmarkLabel
35+
a ui:SingleLineTextField ;
36+
ui:property rdfs:label ;
37+
ui:label "Label"@en .
38+
39+
:BookmarkUrl
40+
a ui:NamedNodeURIField ;
41+
ui:property bk:recalls ;
42+
ui:label "URL"@en .
43+
44+
:BookmarkTopic
45+
a ui:SingleLineTextField ;
46+
ui:property bk:hasTopic ;
47+
ui:label "Topic"@en .
48+
49+
:BookmarkDescription
50+
a ui:MultiLineTextField ;
51+
ui:property rdfs:comment ;
52+
ui:label "Description"@en .
53+
54+
55+
56+

dashboard/data/links.ttl

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
###
2+
# Personal Links
3+
###
4+
5+
@prefix bk: <http://www.w3.org/2002/01/bookmark#> .
6+
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
7+
8+
:CG
9+
a bk:Bookmark ;
10+
bk:hasTopic "Video Call","Solid" ;
11+
bk:recalls <https://meet.jit.si/solid-cg> ;
12+
rdfs:label "CG" .
13+
14+
:Practitioners
15+
a bk:Bookmark ;
16+
bk:hasTopic "Video Call","Solid" ;
17+
bk:recalls <https://meet.jit.si/solid-practitioners> ;
18+
rdfs:label "Practioners" .
19+
20+
:Team
21+
a bk:Bookmark ;
22+
bk:hasTopic "Video Call","Solid" ;
23+
bk:recalls <https://meet.jit.si/solid-team> ;
24+
rdfs:label "Team" .
25+
26+
:SolidOS
27+
a bk:Bookmark ;
28+
bk:hasTopic "Video Call","Solid" ;
29+
bk:recalls <https://meet.jit.si/solid-operating-system> ;
30+
rdfs:label "SolidOS" .
31+
32+
:Sparks
33+
a bk:Bookmark ;
34+
bk:hasTopic "Video Call","Personal" ;
35+
bk:recalls <https://meet.jit.si/sparkcentral2024> ;
36+
rdfs:label "Sparks" .
37+
38+
39+
40+

dashboard/data/news.ttl

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
@prefix : <#>.
2+
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
3+
@prefix bk: <http://www.w3.org/2002/01/bookmark#>.
4+
@prefix l: <https://www.smithsonianmag.com/rss/latest_articles/>.
5+
@prefix rs: <http://rss.sciam.com/>.
6+
@prefix feed: <https://www.wired.com/feed/>.
7+
@prefix n0: <https://feeds.arstechnica.com/arstechnica/>.
8+
@prefix fee: <https://fair.org/feed/>.
9+
@prefix pro: <http://feeds.propublica.org/propublica/>.
10+
@prefix fe: <https://www.openculture.com/feed/>.
11+
12+
<> rdfs:label "News Feeds".
13+
14+
:001
15+
a "http//www.w3.org/2002/01/bookmark#Bookmark", bk:Bookmark;
16+
rdfs:label "Oregon Public Broadcasting";
17+
bk:hasTopic "General News";
18+
bk:recalls <https://api.opb.arcpublishing.com/feeds/rss/?website=opb>.
19+
:002
20+
a bk:Bookmark;
21+
rdfs:label "Al Jazeera";
22+
bk:hasTopic "General News";
23+
bk:recalls <http://www.aljazeera.com/xml/rss/all.xml>.
24+
:003
25+
a bk:Bookmark;
26+
rdfs:label "NY Times";
27+
bk:hasTopic "General News";
28+
bk:recalls <https://rss.nytimes.com/services/xml/rss/nyt/World.xml>.
29+
:004
30+
a bk:Bookmark;
31+
rdfs:label "Democracy Now";
32+
bk:hasTopic "General News";
33+
bk:recalls <https://www.democracynow.org/democracynow.rss>.
34+
:005
35+
a bk:Bookmark;
36+
rdfs:label "Smithsonian";
37+
bk:hasTopic "Science News";
38+
bk:recalls l:.
39+
:006
40+
a bk:Bookmark;
41+
rdfs:label "Scientific American";
42+
bk:hasTopic "Science News";
43+
bk:recalls rs:ScientificAmerican-Global.
44+
:007
45+
a bk:Bookmark; rdfs:label "Wired"; bk:hasTopic "Tech News"; bk:recalls feed:rss.
46+
:008
47+
a bk:Bookmark;
48+
rdfs:label "Engadget";
49+
bk:hasTopic "Tech News";
50+
bk:recalls <https://www.engadget.com/rss.xml>.
51+
:009
52+
a bk:Bookmark;
53+
rdfs:label "The Verge";
54+
bk:hasTopic "Tech News";
55+
bk:recalls <https://www.theverge.com/rss/index.xml>.
56+
:010
57+
a bk:Bookmark;
58+
rdfs:label "Ars Technica";
59+
bk:hasTopic "Tech News";
60+
bk:recalls n0:index.
61+
:011
62+
a bk:Bookmark;
63+
rdfs:label "Truthout";
64+
bk:hasTopic "General News";
65+
bk:recalls <https://www.truth-out.org/feed?format=feed>.
66+
:012
67+
a bk:Bookmark;
68+
rdfs:label "The Intercept";
69+
bk:hasTopic "General News";
70+
bk:recalls <https://theintercept.com/feed/?lang=en>.
71+
:013
72+
a bk:Bookmark;
73+
rdfs:label "Counterspin";
74+
bk:hasTopic "General News";
75+
bk:recalls fee:.
76+
:014
77+
a bk:Bookmark;
78+
rdfs:label "Vox";
79+
bk:hasTopic "General News";
80+
bk:recalls <https://www.vox.com/rss/index.xml>.
81+
:015
82+
a bk:Bookmark;
83+
rdfs:label "ProPublica";
84+
bk:hasTopic "General News";
85+
bk:recalls pro:main.
86+
:016
87+
a bk:Bookmark;
88+
rdfs:label "CNN";
89+
bk:hasTopic "General News";
90+
bk:recalls <http://rss.cnn.com/rss/edition.rss>.
91+
:017
92+
a bk:Bookmark;
93+
rdfs:label "Slate";
94+
bk:hasTopic "General News";
95+
bk:recalls <https://slate.com/feeds/all.rss>.
96+
:018
97+
a bk:Bookmark;
98+
rdfs:label "The Conversation";
99+
bk:hasTopic "General News";
100+
bk:recalls <https://theconversation.com/us/articles.atom>.
101+
:019
102+
a bk:Bookmark;
103+
rdfs:label "Open Culture";
104+
bk:hasTopic "General News";
105+
bk:recalls fe:rss2.

dashboard/data/notes.md$.unknown

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# A test
2+
3+
* a
4+
* b
5+
* c
6+
* d
7+

dashboard/data/projects.ttl

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@prefix : <#> .
2+
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
3+
@prefix bk: <http://www.w3.org/2002/01/bookmark#> .
4+
5+
<> rdfs:label "Dashboard".
6+
7+
:1 a bk:Bookmark; bk:recalls <./news.ttl>; rdfs:label "News Feeds".
8+
:2 a bk:Bookmark; bk:recalls <./search.ttl>; rdfs:label "Search Engines".
9+
:3 a bk:Bookmark; bk:recalls <./links.ttl>; rdfs:label "Personal Links".
10+
:4 a bk:Bookmark; bk:recalls <./projects.ttl>; rdfs:label "Dashboard".
11+
12+

dashboard/data/search.ttl

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
@prefix : <#>.
2+
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
3+
@prefix bk: <http://www.w3.org/2002/01/bookmark#>.
4+
@prefix pre: <https://prefix.cc/>.
5+
6+
<> rdfs:label "Search Engines".
7+
8+
:001
9+
a bk:Bookmark;
10+
rdfs:label "google";
11+
bk:hasTopic "Search Engine";
12+
bk:recalls <https://google.com/search?q=>.
13+
:002
14+
a bk:Bookmark;
15+
rdfs:label "ddg";
16+
bk:hasTopic "Search Engine";
17+
bk:recalls <https://duckduckgo.com/q=>.
18+
:003
19+
a bk:Bookmark;
20+
rdfs:label "wikipedia";
21+
bk:hasTopic "Search Engine";
22+
bk:recalls <https://en.wikipedia.org/w/index.php?search=>.
23+
:004
24+
a bk:Bookmark;
25+
rdfs:label "lov";
26+
bk:hasTopic "Search Engine";
27+
bk:recalls <https://lov.linkeddata.es/dataset/lov/terms?q=>.
28+
:005
29+
a bk:Bookmark;
30+
rdfs:label "prefix";
31+
bk:hasTopic "Search Engine";
32+
bk:recalls pre:.
33+
:006
34+
a bk:Bookmark;
35+
rdfs:label "etymology";
36+
bk:hasTopic "Search Engine";
37+
bk:recalls <https://www.etymonline.com/search?q=>.
38+
:007
39+
a bk:Bookmark;
40+
rdfs:label "youtube";
41+
bk:hasTopic "Search Engine";
42+
bk:recalls <https://www.youtube.com/results?search_query=>.

0 commit comments

Comments
 (0)