Skip to content

Commit 2ae18c7

Browse files
MathiasVDAMathiasVDA
committed
feat: improve footer information
1 parent b496502 commit 2ae18c7

3 files changed

Lines changed: 433 additions & 16 deletions

File tree

‎src/index.html‎

Lines changed: 80 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -26,17 +26,18 @@
2626
</head>
2727

2828
<body>
29+
<a href="#yasgui" class="skip-link">Skip to main content</a>
2930
<noscript>You need to enable JavaScript to run this app.</noscript>
3031

3132
<!-- YASGUI container -->
32-
<div id="yasgui"></div>
33+
<main id="yasgui" role="main" aria-label="SPARQL Query Interface"></main>
3334

3435
<!-- YASGUI JavaScript -->
3536
<script src="https://cdn.jsdelivr.net/npm/@matdata/yasgui@5.14.0/build/yasgui.min.js"></script>
3637

37-
<!-- Footer toggle button (visible on small screens) -->
38-
<button id="footer-toggle" aria-label="Toggle footer">
39-
<i class="fas fa-info-circle"></i>
38+
<!-- Footer toggle button -->
39+
<button id="footer-toggle" aria-label="Toggle footer" aria-expanded="false">
40+
<i class="fas fa-info-circle" aria-hidden="true"></i>
4041
</button>
4142

4243
<div id="footer">
@@ -68,14 +69,81 @@
6869
</g>
6970
</svg>
7071
</a>
71-
<div class="footer-center">
72-
<small>Source code available on <a href="https://github.com/Matdata-eu/yasgui">Matdata-eu/yasgui</a> with credits
73-
to <a href="https://github.com/zazuko/yasgui">Zazuko/Yasgui</a>,
74-
<a href="https://github.com/triplydb/Yasgui">TriplyDB/Yasgui</a>, <a
75-
href="https://github.com/Thib-G/yasgui-geo-tg">Thib-G/yasgui-plugin-geo</a>
76-
and <a href="https://github.com/Matdata-eu/yasgui-graph-plugin">Matdata-eu/yasgui-graph-plugin</a></small>
77-
<small>Found a bug or have a feature request? <a href="https://github.com/Matdata-eu/Yasgui/issues/new"
78-
target="_blank" rel="noopener noreferrer">Let us know!</a></small>
72+
<nav class="footer-center" aria-label="Footer navigation">
73+
<small>
74+
<a href="https://yasgui-doc.matdata.eu/docs/" target="_blank" rel="noopener noreferrer">Documentation</a>
75+
<span aria-hidden="true">|</span>
76+
<a href="https://github.com/Matdata-eu/yasgui" target="_blank" rel="noopener noreferrer">Source code</a>
77+
<span aria-hidden="true">|</span>
78+
<button id="credits-btn" type="button" class="credits-link" aria-haspopup="dialog">Credits</button>
79+
<span aria-hidden="true">|</span>
80+
<a href="https://github.com/Matdata-eu/Yasgui/issues/new" target="_blank" rel="noopener noreferrer">Bugs or feature requests</a>
81+
</small>
82+
</nav>
83+
</div>
84+
85+
<!-- Credits Modal -->
86+
<div id="credits-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="credits-title" hidden>
87+
<div class="modal-content">
88+
<div class="modal-header">
89+
<h2 id="credits-title">Credits & Acknowledgments</h2>
90+
<button id="close-modal" type="button" class="close-button" aria-label="Close credits dialog">
91+
<span aria-hidden="true">&times;</span>
92+
</button>
93+
</div>
94+
<div class="modal-body">
95+
<section>
96+
<h3>Core Dependencies</h3>
97+
<ul>
98+
<li>
99+
<strong><a href="https://github.com/Matdata-eu/yasgui" target="_blank" rel="noopener noreferrer">@matdata/yasgui</a></strong> (v5.14.0)
100+
- SPARQL editor and results visualizer, based on forks from:
101+
<ul>
102+
<li><a href="https://github.com/zazuko/yasgui" target="_blank" rel="noopener noreferrer">Zazuko/Yasgui</a></li>
103+
<li><a href="https://github.com/triplydb/Yasgui" target="_blank" rel="noopener noreferrer">TriplyDB/Yasgui</a></li>
104+
</ul>
105+
</li>
106+
<li>
107+
<strong><a href="https://fontawesome.com/" target="_blank" rel="noopener noreferrer">Font Awesome</a></strong> (v6.4.0)
108+
- Icons library
109+
</li>
110+
</ul>
111+
</section>
112+
113+
<section>
114+
<h3>YASGUI Plugins</h3>
115+
<ul>
116+
<li>
117+
<strong><a href="https://github.com/Matdata-eu/yasgui-table-plugin" target="_blank" rel="noopener noreferrer">yasgui-table-plugin</a></strong>
118+
- Table visualization plugin by Matdata
119+
</li>
120+
<li>
121+
<strong><a href="https://github.com/Thib-G/yasgui-geo-tg" target="_blank" rel="noopener noreferrer">yasgui-plugin-geo</a></strong>
122+
- Geographic data visualization plugin by Thib-G
123+
</li>
124+
<li>
125+
<strong><a href="https://github.com/Matdata-eu/yasgui-graph-plugin" target="_blank" rel="noopener noreferrer">yasgui-graph-plugin</a></strong>
126+
- Graph visualization plugin by Matdata
127+
</li>
128+
</ul>
129+
</section>
130+
131+
<section>
132+
<h3>Additional Technologies</h3>
133+
<ul>
134+
<li><strong>CodeMirror</strong> - Code editor component (used within YASGUI)</li>
135+
<li><strong>Leaflet</strong> - Interactive maps library (for geo plugin)</li>
136+
<li><strong>D3.js</strong> - Data visualization library (for graph visualizations)</li>
137+
<li><strong>SPARQL.js</strong> - SPARQL query parser</li>
138+
<li><strong>Tabulator</strong> - Table visualization library (for table plugin)</li>
139+
</ul>
140+
</section>
141+
142+
<section>
143+
<h3>License</h3>
144+
<p>This project is <a href="https://github.com/Matdata-eu/yasgui-matdata" target="_blank" rel="noopener noreferrer">open source</a>. Please refer to individual package licenses for specific terms.</p>
145+
</section>
146+
</div>
79147
</div>
80148
</div>
81149

0 commit comments

Comments
 (0)