WebD-Essentials.github.io/index.html at main · WebD-Essentials/WebD-Essentials.github.io · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="icon" type="image/png" href="./S-LOGO.png" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./style.css">
        <title>WebD Essentials</title>
    </head>

    <body>
        <h1>
            WebD Essentials

            <a href="https://webdessentials.hashnode.dev/" target="_blank">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                    stroke="currentColor" class="icon">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
                </svg>
            </a>
        </h1>
        <a href="https://github.com/WebD-Essentials" target="_blank">GitHub Org</a>

        <hr>

        <h4>
            A must read blog for beginners
        </h4>
        <table>
            <tbody>
                <td data-label="Date"> Dec 25, 2022 </td>
                <td data-label="Title">The way I learned programming 🧑‍💻</td>
                <td data-label="@HASHNODE"><a href="https://webdessentials.hashnode.dev/the-way-i-learned-programming"
                        target="_blank">Read at hashnode</a></td>
                <td data-label="@GH-PAGE"><a
                        href="https://razaahmad333.github.io/hashnode-blogs/clc3erszm0g9ayfnv5sibdjze"
                        target="_blank">Read on GitHubPage</a></td>
                <td data-label="" class="desc">Answers to all the beginner's questions, that I get</td>
            </tbody>
        </table>

        <h4>
            List of all the series
        </h4>
        <table class="table">
            <thead>
                <tr>
                    <th>Started At</th>
                    <th>Series</th>
                    <th>Blogs at @hashnode</th>
                    <th>Live</th>
                    <th>Repository</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

        <script>

            const orgURL = "https://github.com/WebD-Essentials";


            fetch("./data.json")
                .then((response) => response.json())
                .then((data) => {
                    const table = document.querySelector(".table tbody");
                    data.forEach((item) => {
                        const row = document.createElement("tr");
                        row.innerHTML = `
                                <td data-label="Started At">${item.startedAt}</td>
                                <td data-label="Series">${item.repoName + " " + item.titleEmoji}</td>
                                <td data-label="Blogs at @hashnode"><a href="${item.hashnode}" target="_blank">Read</a></td>
                                <td data-label="Live"><a href="/${item.repoName}" target="_blank">Open</a></td>
                                <td data-label="Repository"><a href="${orgURL}/${item.repoName}" target="_blank">Open</a></td>
                                <td data-label="" class="desc" >${item.description}</td>
                            `;
                        table.appendChild(row);
                    });
                });
        </script>

    </body>

</html>