on a04a077 help sign in
webring/index.html
37 lines 1.1 kB history raw
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <link rel="stylesheet" type="text/css" href="links/fonts.css"/>
7 <link rel="stylesheet" type="text/css" href="links/main.css"/>
8 <script src="scripts/portal.js"></script>
9 <script src="scripts/sites.js"></script>
10 <script src="scripts/opml.js"></script>
11 <title>Webring</title>
12</head>
13<body>
14 <script>
15 const portal = new Portal(sites);
16 portal.install(document.body);
17 portal.start();
19 function toggleType( e )
20 { const navLink = e.target
21 , selectedType = navLink.dataset.type
23 document.querySelector( `nav a.current` )
24 .classList.toggle( 'current' )
25 navLink.classList.toggle( 'current' )
27 document.querySelectorAll( `main li` )
28 .forEach( el => el.style.visibility = 'visible' )
30 if( selectedType )
31 document.querySelectorAll( `main li:not([data-type='${selectedType}'])` )
32 .forEach( el => el.style.visibility = 'hidden' )
33 }
35 </script>
36</body>
37</html>