https://clashbasepedia.com/

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <title>Clash Basepedia with links 2021</title>
7	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
8	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
9	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
10	<link rel="manifest" href="/site.webmanifest">
11
12    <!-- update the version number as needed -->
13    

13<script defer src="/__/firebase/6.2.4/firebase-app.js"></script>

13
14    <!-- include only the Firebase features as you need -->
15    

15<script defer src="/__/firebase/6.2.4/firebase-auth.js"></script>

15
16    

16<script defer src="/__/firebase/6.2.4/firebase-database.js"></script>

16
17    

17<script defer src="/__/firebase/6.2.4/firebase-messaging.js"></script>

17
18    

18<script defer src="/__/firebase/6.2.4/firebase-storage.js"></script>

18
19    <!-- initialize the SDK after all desired features are loaded -->
20    

20<script defer src="/__/firebase/init.js"></script>

20
21
22    <style media="screen">
23      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
24      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
25      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
26      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
27      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 13px; }
28      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
29      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
30      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
31      @media (max-width: 600px) {
32        body, #message { margin-top: 0; background: white; box-shadow: none; }
33        body { border-top: 16px solid #ffa100; }
34      }
35
36    </style>
37</head>
38<body>
39<div id="message">
40
41    <h2>Welcome Clasher!</h2>
42    <h1>Clash Basepedia with links 2020</h1>
43    <center><img src="/img/icon256.png " width="125px"/></center>
44    <p>Do you need new bases for you Clash of Clans account?<br/>
45        Do you want to store and share your existing bases with other clash players?<br/>
46        <b>Clash BasePedia is all you need!!!</b><br/>
47        It provides you with tons of new base links, updated every day and you can add your own
48        bases and share them with others!<br/>
49
50    <table width="100%">
51        <tr>
52            <td width="50%">
53                <a href="https://play.google.com/store/apps/details?id=com.clashbasepedia">Android</a>
54            </td>
55            <td>
56                <a href="https://apps.apple.com/us/app/clash-base-pedia-with-links/id1471563287?ls=1">IOS</a>
57            </td>
58        </tr>
59    </table>
60</div>
61<p id="load">©2025 Clash Basepedia</p>
62

63<script>
64      document.addEventListener('DOMContentLoaded', function() {
65        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
66        // // The Firebase SDK is initialized and available here!
67        //
68        // firebase.auth().onAuthStateChanged(user => { });
69        // firebase.database().ref('/path/to/ref').on('value', snapshot => { });
70        // firebase.messaging().requestPermission().then(() => { });
71        // firebase.storage().ref('/path/to/ref').getDownloadURL().then(() => { });
72        //
73        // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
74
75        try {
76          let app = firebase.app();
77          let features = ['auth', 'database', 'messaging', 'storage'].filter(feature => typeof app[feature] === 'function');
78          //document.getElementById('load').innerHTML = `Firebase SDK loaded with ${features.join(', ')}`;
79        } catch (e) {
80          console.error(e);
81          //document.getElementById('load').innerHTML = 'Error loading the Firebase SDK, check the console.';
82        }
83      });
84
85</script>

85
86</body>
87</html>