beninca.link/marc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tabs

Browse source
This commit is contained in:
Marc Beninca 2022-06-10 10:26:24 +02:00
parent 9371c992c8
commit 7e2808b415
3 changed files with 111 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
cc/index.html
View file

@ -1,51 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Marc Beninca</title>
</head>
<body>
<h1><a href="https://marc.beninca.link">Marc Beninca</a></h1>
<h2>donations</h2>
<h3>crypto</h3>
<ul>
<li><a href="ont">Ontology</a></li>
<li><a href="atom">Cosmos</a></li>
<li><a href="algo">Algorand</a></li>
<li><a href="xtz">Tezos</a></li>
<li><a href="sol">Solana</a></li>
<li><a href="ada">Cardano</a></li>
<li><a href="eth">Dai</a></li>
<li><a href="vet">VeChain</a></li>
</ul><ul>
<li><a href="btc">BitCoin</a></li>
<li><a href="eth">Ethereum</a></li>
<li><a href="bnb">Binance</a></li>
<!--<li><a href="luna">Terra</a></li>-->
<li><a href="xrp">XRP</a></li>
<li><a href="dot">PolkaDot</a></li>
<li><a href="eth">Polygon</a></li>
<li><a href="trx">Tron</a></li>
<li><a href="ltc">LiteCoin</a></li>
<li><a href="bch">BitcoinCash</a></li>
<li><a href="xlm">StellarLumens</a></li>
<li><a href="hbar">Hedera</a></li>
<li><a href="fil">FileCoin</a></li>
<li><a href="egld">ElrondGold</a></li>
<li><a href="zec">Zcash</a></li>
<li><a href="theta">Theta</a></li>
<!--BitTorrent-->
<!--Neo-->
<li><a href="dash">Dash</a></li>
<li><a href="zil">Zilliqa</a></li>
<li><a href="qtum">Qtum</a></li>
<li><a href="icx">Icon</a></li>
<li><a href="dgb">DigiByte</a></li>
<li><a href="xno">Nano</a></li>
<li><a href="ark">Ark</a></li>
</ul>
</body>
</html>

11
index.css
View file

@ -18,8 +18,15 @@ float: left;
display: none; display: none;
} }
.tab label { .tab label {
background: rgb(128,0,128); background: linear-gradient(rgba(64,64,64,1), rgba(64,64,64,0));
border-color: rgb(128,128,128);
border-radius: .5em;
border-style: solid;
border-width: 1px 1px 0 1px;
color: rgb(128,128,0);
cursor: pointer; cursor: pointer;
font-weight: bold;
padding: .5em 1em;
text-decoration: underline; text-decoration: underline;
} }
.tab_content { .tab_content {
@ -28,7 +35,7 @@ left: 0;
position: absolute; position: absolute;
} }
input:checked ~ label { input:checked ~ label {
background: rgb(128,128,0); background: linear-gradient(rgba(128,128,128,1), rgba(128,128,128,0));
} }
input:checked ~ label ~ .tab_content { input:checked ~ label ~ .tab_content {
display: block; display: block;

154
index.html
View file

@ -15,19 +15,6 @@
<input type="radio" name="tabs" id="id" checked /> <input type="radio" name="tabs" id="id" checked />
<label for="id">Identity</label> <label for="id">Identity</label>
<div class="tab_content"> <div class="tab_content">
Content1
</div></div>
<div class="tab">
<input type="radio" name="tabs" id="tilde" />
<label for="tilde">~</label>
<div class="tab_content">
Content2
</div></div>
</div>
<br><br>
<ul> <ul>
<li><a href="https://linkedin.com/in/marc-beninca">LinkedIn</a></li> <li><a href="https://linkedin.com/in/marc-beninca">LinkedIn</a></li>
@ -113,42 +100,6 @@ Content2
</table> </table>
<ul> <ul>
<li><a href="https://gitee.com/marc_beninca">Gitee</a></li>
<li><a href="https://notabug.org/marc.beninca">NotABug</a></li>
<li><a href="https://pagure.io/user/marc-beninca">Pagure</a></li>
<li><a href="https://rocketgit.com/marc.beninca">RocketGit</a></li>
<li><a href="https://sr.ht/~marc_beninca/rwx.work/sources">SourceHut</a></li>
</ul>
<ul>
<li>Gforge</li>
</ul>
<h2>education</h2>
<ul>
<li><a href="https://cnam.marc.beninca.link">CNAM</a></li>
</ul>
<h2>wip</h2>
<ul>
<li><a href="https://beacons.ai/marc.beninca">Beacons</a></li>
<li><a href="https://marc_beninca.bio.link">Bio.Link</a></li>
<li><a href="https://campsite.bio/marc.beninca">CampSite</a></li>
<li><a href="https://feedlink.io/marcbeninca">FeedLink</a></li>
<li><a href="https://flow.page/marc.beninca">FlowPage</a></li>
<li><a href="https://hy.page/marcbeninca">HyPage</a></li>
<li><a href="https://linkfly.to/marc-beninca">LinkFly</a></li>
<li><a href="https://linkfol.io/marc_beninca">LinkFolio</a></li>
<li><a href="https://instabio.cc/marc-beninca">LinkInBio</a></li>
<li><a href="https://linksight.me/marc_beninca">LinkSight</a></li>
<li><a href="https://linktr.ee/marc.beninca">LinkTree</a></li>
<li><a href="https://lnk.bio/marc.beninca">Lnk.Bio</a></li>
<li><a href="https://marc-beninca.start.page">StartPage</a></li>
<li><a href="https://tap.bio/marc.beninca">Tap.Bio</a></li>
<li><a href="https://marc-beninca.taplink.ws">TapLink</a></li>
<li><a href="https://wlo.link/@marc_beninca">Willow</a></li>
<li><a href="https://znap.link/marc.beninca">ZnapLink</a></li>
</ul><ul>
<li><a href="https://dev.to/marc_beninca">Dev</a></li> <li><a href="https://dev.to/marc_beninca">Dev</a></li>
<li><a href="https://dlive.tv/marc.beninca">Dlive</a></li> <li><a href="https://dlive.tv/marc.beninca">Dlive</a></li>
<li><a href="https://flattr.com/@marc.beninca">Flattr</a></li> <li><a href="https://flattr.com/@marc.beninca">Flattr</a></li>
@ -163,7 +114,25 @@ Content2
<!--<li><a href="https://tipeee.com/marc.beninca">Tipeee</a></li>--> <!--<li><a href="https://tipeee.com/marc.beninca">Tipeee</a></li>-->
</ul> </ul>
<h2>~</h2> <ul>
<li><a href="https://gitee.com/marc_beninca">Gitee</a></li>
<li><a href="https://notabug.org/marc.beninca">NotABug</a></li>
<li><a href="https://pagure.io/user/marc-beninca">Pagure</a></li>
<li><a href="https://rocketgit.com/marc.beninca">RocketGit</a></li>
<li><a href="https://sr.ht/~marc_beninca/rwx.work/sources">SourceHut</a></li>
</ul>
<ul>
<li>Gforge</li>
</ul>
</div></div>
<div class="tab">
<input type="radio" name="tabs" id="tilde" />
<label for="tilde">~</label>
<div class="tab_content">
<ul> <ul>
<li><a href="https://aussies.space/~mspe">aussies.space</a></li> <li><a href="https://aussies.space/~mspe">aussies.space</a></li>
<li><a href="https://mspe.u.blinkenshell.org">blinkenshell.org</a></li> <li><a href="https://mspe.u.blinkenshell.org">blinkenshell.org</a></li>
@ -188,8 +157,89 @@ Content2
<li><a href="https://tilde.town/~mspe">tilde.town</a></li> <li><a href="https://tilde.town/~mspe">tilde.town</a></li>
</ul> </ul>
<h2>donations</h2> </div></div>
<h3><a href="cc">crypto</a></h3>
<div class="tab">
<input type="radio" name="tabs" id="ed" />
<label for="ed">Education</label>
<div class="tab_content">
<ul>
<li><a href="https://cnam.marc.beninca.link">CNAM</a></li>
</ul>
</div></div>
<div class="tab">
<input type="radio" name="tabs" id="lib" />
<label for="lib">LinkInBio</label>
<div class="tab_content">
<ul>
<li><a href="https://beacons.ai/marc.beninca">Beacons</a></li>
<li><a href="https://marc_beninca.bio.link">Bio.Link</a></li>
<li><a href="https://campsite.bio/marc.beninca">CampSite</a></li>
<li><a href="https://feedlink.io/marcbeninca">FeedLink</a></li>
<li><a href="https://flow.page/marc.beninca">FlowPage</a></li>
<li><a href="https://hy.page/marcbeninca">HyPage</a></li>
<li><a href="https://linkfly.to/marc-beninca">LinkFly</a></li>
<li><a href="https://linkfol.io/marc_beninca">LinkFolio</a></li>
<li><a href="https://instabio.cc/marc-beninca">LinkInBio</a></li>
<li><a href="https://linksight.me/marc_beninca">LinkSight</a></li>
<li><a href="https://linktr.ee/marc.beninca">LinkTree</a></li>
<li><a href="https://lnk.bio/marc.beninca">Lnk.Bio</a></li>
<li><a href="https://marc-beninca.start.page">StartPage</a></li>
<li><a href="https://tap.bio/marc.beninca">Tap.Bio</a></li>
<li><a href="https://marc-beninca.taplink.ws">TapLink</a></li>
<li><a href="https://wlo.link/@marc_beninca">Willow</a></li>
<li><a href="https://znap.link/marc.beninca">ZnapLink</a></li>
</ul>
</div></div>
<div class="tab">
<input type="radio" name="tabs" id="cc" />
<label for="cc">Crypto</label>
<div class="tab_content">
<ul>
<li><a href="cc/ont">Ontology</a></li>
<li><a href="cc/atom">Cosmos</a></li>
<li><a href="cc/algo">Algorand</a></li>
<li><a href="cc/xtz">Tezos</a></li>
<li><a href="cc/sol">Solana</a></li>
<li><a href="cc/ada">Cardano</a></li>
<li><a href="cc/eth">Dai</a></li>
<li><a href="cc/vet">VeChain</a></li>
</ul><ul>
<li><a href="cc/btc">BitCoin</a></li>
<li><a href="cc/eth">Ethereum</a></li>
<li><a href="cc/bnb">Binance</a></li>
<!--<li><a href="cc/luna">Terra</a></li>-->
<li><a href="cc/xrp">XRP</a></li>
<li><a href="cc/dot">PolkaDot</a></li>
<li><a href="cc/eth">Polygon</a></li>
<li><a href="cc/trx">Tron</a></li>
<li><a href="cc/ltc">LiteCoin</a></li>
<li><a href="cc/bch">BitcoinCash</a></li>
<li><a href="cc/xlm">StellarLumens</a></li>
<li><a href="cc/hbar">Hedera</a></li>
<li><a href="cc/fil">FileCoin</a></li>
<li><a href="cc/egld">ElrondGold</a></li>
<li><a href="cc/zec">Zcash</a></li>
<li><a href="cc/theta">Theta</a></li>
<!--BitTorrent-->
<!--Neo-->
<li><a href="cc/dash">Dash</a></li>
<li><a href="cc/zil">Zilliqa</a></li>
<li><a href="cc/qtum">Qtum</a></li>
<li><a href="cc/icx">Icon</a></li>
<li><a href="cc/dgb">DigiByte</a></li>
<li><a href="cc/xno">Nano</a></li>
<li><a href="cc/ark">Ark</a></li>
</ul>
</div></div>
</body> </body>
</html> </html>