startpage/index.html at main · amlanjlahkar/startpage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="author" content="Amlanjyoti Lahkar">
        <meta name="description" content="simple static HTML page primarily intended for using as a homepage inside of minimal web browsers like surf, qute etc.">
        <title>Home</title>
        <link id="color" rel="stylesheet" href="style_dark.css"/>
        <link rel="preconnect" type="text/css" href="https://fonts.gstatic.com"/>
        <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&family=Lato:wght@700&display=swap"/>

        <script>
            function toggleColor() {
                var color = document.getElementsByTagName('link')[0];

                if (color.getAttribute('href') == 'style_dark.css') {
                    color.setAttribute('href', 'style_light.css');
                    colorSwitch.innerHTML = "🌞";
                } else {
                    color.setAttribute('href', 'style_dark.css');
                    colorSwitch.innerHTML = "🌙";
                }
            }
        </script>
    </head>

    <body>
        <div id="btn">
            <button><div onclick="toggleColor()" id="colorSwitch">🌙</div></button>
        </div>
        <header>
            <p id="heading-icon"></p>
            <h1>Hello Amlan!</h1>
            <p>Browse through your favorites or watch a video of your interests.</p>
        </header>
        <div id="container">
            <div class="categories">
                <div class="contents">
                    <h2>Favorites</h2>
                    <hr class="separator"/>
                    <div class="links">
                        <div class="link_bg"><a class="link" href="https://github.com">github</a></div><br/>
                        <div class="link_bg"><a class="link" href="https://www.figma.com/files/drafts?fuid=784804089263037393">drafts_figma</a></div><br/>
                        <div class="link_bg"><a class="link" href="https://mail.google.com/mail/u/0/#inbox">mails</a></div><br/>
                        <div class="link_bg"><a class="link" href="https://drive.google.com/drive/my-drive">gdrive</a></div><br/>
                        <div class="link_bg"><a class="link" href="https://simplenote.com/">simplenote</a></div><br/>
                    </div>
                </div>
            </div>
            <div class="categories">
                <div class="contents">
                    <h2>Channels</h2>
                    <hr class="separator"/>
                    <div class="links">
                        <div class="link_bg"><a class="link" href="https://videos.lukesmith.xyz">luke's videos</a></div><br/>
                        <div class="link_bg"><a class="link" href="https://www.youtube.com/c/ThePrimeagen/videos">ThePrimeagen</a></div><br/>
                        <div class="link_bg"><a class="link" href="https://www.youtube.com/c/lexfridman">Lex Fridman</a></div><br/>
                    </div>
                </div>
            </div>
            <div class="categories" id="image">
                <img src="./assets/imgs/scene01.jpeg" alt="flowers"/>
            </div>
        </div>
    </body>
</html>