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

33
webring.js
View file

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