|
1 | | -<body style="display:grid;grid-template-columns:572px auto;"> |
2 | | - <div style="width:572px"> |
| 1 | +<body style="display:grid;grid-template-columns:472px auto;"> |
| 2 | + <div> |
3 | 3 | <div style="display:grid;grid-template-columns:160px auto;"> |
4 | 4 | <sol-time></sol-time> |
5 | | - <sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf> |
| 5 | + <sol-markdown class="button-links" source="./data/links.md" template="links"></sol-markdown> |
6 | 6 | </div> |
7 | 7 | <p> |
8 | | - <sol-rdf source="./data/search.ttl" template="searchbar"></sol-rdf> |
| 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> |
9 | 21 | </p> |
10 | | - <sol-markdown source="./data/links.md" template="links"></sol-markdown> |
| 22 | + |
| 23 | + <sol-manage-button |
| 24 | + title = "manage page" |
| 25 | + label = "⚙" |
| 26 | + ></sol-manage-button> |
| 27 | + |
| 28 | + <sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf> |
| 29 | + |
11 | 30 | </div> |
12 | | - <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 | +--> |
13 | 49 | </div> |
14 | 50 | <style> |
15 | | -.sol-links { |
16 | | -// margin-left:1rem; |
| 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 : 18px; |
| 67 | +} |
| 68 | +.sol-manager-button { |
| 69 | + color:white; |
| 70 | + font-size:300%; |
| 71 | +} |
| 72 | +.sol-searchbar { |
| 73 | + background:#ddaaaa !important; |
| 74 | + color:black !important; |
| 75 | +} |
| 76 | +.sol-selector-wrapper { |
| 77 | + background:darkblue; |
17 | 78 | } |
18 | 79 | .sol-links h1 { |
19 | 80 | font-size:1rem; |
|
24 | 85 | margin:0; |
25 | 86 | margin-bottom:0.3rem; |
26 | 87 | } |
| 88 | +.sol-time * { |
| 89 | + color:black !important; |
| 90 | +} |
| 91 | +.sol-links li a { |
| 92 | + background:#aaddaa !important; |
| 93 | + display:inline-block; |
| 94 | + margin-bottom:0.1rem; |
| 95 | +} |
27 | 96 | .sol-links li { |
28 | 97 | margin:0; |
29 | 98 | display:inline-block; |
|
34 | 103 | list-style:none; |
35 | 104 | display:inline-block; |
36 | 105 | } |
37 | | -.sol-links a { |
38 | | - display:inline-block; |
39 | | - margin-bottom:0.3rem; |
40 | | -} |
41 | 106 | </style> |
42 | 107 |
|
43 | 108 | <link href="../sol-core.css" rel="stylesheet" /> |
44 | 109 | <script src="https://cdn.jsdelivr.net/npm/solid-ui@2.4.33-alpha/dist/solid-ui.min.js" type="module"> |
45 | 110 | </script> |
46 | 111 | <script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.9/dist/purify.min.js" type="module"> |
47 | 112 | </script> |
48 | | -<script src="../sol-core.js" type="module"> |
49 | | -</script> |
50 | | -<script src="../src/time.js" type="module"> |
51 | | -</script> |
| 113 | +<script src="../sol-core.js" type="module"></script> |
52 | 114 | <!-- |
| 115 | +<script src="../sol-full.js" type="module"></script> |
53 | 116 | <sol-rdf source="./data/links.ttl" template="links" viewIn="popup"></sol-rdf> |
54 | 117 | --> |
0 commit comments