Fix the Eggring widget

This commit is contained in:
Helen Chong 2024-07-09 19:31:02 +08:00
parent 0ab124ed8a
commit 18124b820c
1 changed files with 30 additions and 16 deletions

View File

@ -103,22 +103,36 @@ date: 2023-01-28
<link rel="stylesheet" href="https://dykewrite.neocities.org/webring/onionring.css"> <link rel="stylesheet" href="https://dykewrite.neocities.org/webring/onionring.css">
</li> </li>
<li> <li>
<script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script> <script src="https://eggring.neocities.org/js/hatring.js"></script>
<script>window.onload = function() { eggring.createLinks(); };</script> <script src="https://eggring.neocities.org/js/eggring-config.js"></script>
<nav class="webring"> <script>window.onload = function() { eggring.buildWidget(); };</script>
<p class="webring__name">🥚 <a href="https://eggring.neocities.org/">The Eggring</a> 🥚</p> <nav id="eggring"></nav>
<ul class="webring__links"> <style>
<li class="webring__link"> #eggring {
<a id="eggringPrev">Previous Site</a> background-color: white;
</li> border-radius: 5px;
<li class="webring__link"> border: 4px double #b08cdc;
<a id="eggringRand">Random Site</a> width: 20%;
</li> height: 75px;
<li class="webring__link"> display: flex;
<a id="eggringNext">Next Site</a> flex-direction: column;
</li> }
</ul> #eggring a {
</nav> color: #c8b175;
display: flex;
justify-content: center;
}
#eggring a:hover { color: #c69827; }
#eggring img {
display: flex;
width: 40px;
}
.eggringName { white-space: nowrap; }
.eggringNav {
display: flex;
justify-content: space-between;
}
</style>
</li> </li>
<li> <li>
<div id='focusfirst-webring'> <div id='focusfirst-webring'>