gablaxy/webring
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update webring.js

Browse source
This commit is contained in:
gablaxy 2023-10-05 09:36:40 +02:00 committed by GitHub
parent 38870fa2d2
commit da10f323be
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 30 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
webring.js
View file

@ -3,26 +3,46 @@ const JSON_WEBRING = "https://raw.githubusercontent.com/gablaxy/webring/main/web
const template = document.createElement("template");
template.innerHTML = `
<style>
#webring-container{
margin-top: 10px;
border: 1px solid #9162c7;
border-radius: 5px;
padding: 5px;
display: inline-flex;
background-color: #222326;
}
#webring-title{
font-family: Title;
color: #c296f5;
margin-top: 0;
margin-bottom: 3px;
padding: 0 5px;
font-size: 0.8em;
}
#webring-inner a{
color: var(--titres);
color: #9162c7;
text-decoration: none;
padding: 0 5px;
}
#webring-inner a:hover{
color: var(--hover);
color: #c296f5;
}
#webring-inner{
color: var(--texte);
font-family: FreePixel;
color: #c296f5;
padding: 0 5px;
}
</style>
<br>
<b class="black" id="webring-inner">
<div id="webring-container">
<b class="black" id="webring-inner">
<!-- Webring content -->
</b>
<br>
</b>
</div>
`;
class Webring extends HTMLElement {
@ -52,6 +72,7 @@ class Webring extends HTMLElement {
const content = `
<h3 id="webring-title">grossomodo</h3>
<a href="${sites[previousSiteIndex].url}" rel="prev noreferrer external">&lt; avant</a>
/
<a rel="external noreferrer" href="${sites[matchedSiteIndex].url}">${sites[matchedSiteIndex].name}</a>