TypeRivalsWebDevelopment/blogpage.html at main · anujkamdar/TypeRivalsWebDevelopment · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blogs</title>
    <link rel="stylesheet" href="styles/headerandsidebar.css">
    <link rel="stylesheet" href="styles/blogpage.css">
    <link rel="stylesheet" href="styles/dashboard.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:wght@100;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="header">
        <div class="header-left">
            <h2>TypeRivals</h2>
        </div>
        <div class="header-right">
            <div class="public-profile">
            </div>
            <img class="logout" src="icons/arrow-right-from-bracket-solid (1).svg">
        </div>
    </div>
    <div class="flex">
        <div class="sidebar">
            <div class="side-bar-element" id="dashboard">
                <img src="icons/house-svgrepo-com (2).svg">
                <p>Dashboard</p>
            </div>
            <div class="side-bar-element" id="leaderboard">
                <img src="icons/trophy-svgrepo-com.svg">
                <p>Leaderboard</p>
            </div>
            <div class="side-bar-element" id="history">
                <img src="icons/history-svgrepo-com (1).svg">
                <p>History</p>
            </div>
            <div class="side-bar-element" id="blogs">
                <img src="icons/book-open-svgrepo-com.svg">
                <p>Blogs</p>
            </div>
            <div class="side-bar-element" id="social">
                <img src="icons/people-svgrepo-com (2).svg">
                <p>Social</p>
            </div>
        </div>
        <div class="main-content">
            <div class="progress-div">
                <progress></progress>
            </div>
            <!-- <div class="blogs">
                <div class="blogcards">
                    <div class="blogcard">
                        <div class="heading">
                            <h2>Title <span><img src="icons/edit-svgrepo-com.svg" alt=""></span> </h2>
                            <div>
                                <img src="icons/derek-muller-3.jpg" alt="">
                                <p>Username</p>
                            </div>
                        </div>
                        <div class="content"><p>A blog (a truncation of "weblog")[1] is an informational website consisting of discrete, often informal diary-style text entries (posts). Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page. In the 2000s, blogs were often the work of a single individual, occasionally of a small group, and often covered a single subject or topic. In the 2010s, "multi-author blogs" (MABs) emerged, featuring the writing of multiple authors and sometimes professionally edited. MABs from newspapers, other media outlets, universities, think tanks, advocacy groups, and similar institutions account for an increasing quantity of blog traffic. The rise of Twitter and other "microblogging" systems helps integrate MABs and single-author blogs into the news media. Blog can also be used as a verb, meaning to maintain or add content to a blog.</p></div>
                    </div>
                </div>
                <div class="new-blog">
                    <h2>Create new blog</h2>
                    <p>Share Your thoughts with the community</p>
                    <input id="title" type="text" placeholder="Type your Title Here">
                    <textarea  id="content" placeholder="Type your Content Here...."></textarea>
                     <button id="publish">Publish</button>
                </div>
            </div> -->
        </div>
    </div>
    <script type="module" src="scripts/firebaseinit.js"></script>
    <script type="module" src="scripts/headerandsidebar.js"></script>
    <script type="module" src="scripts/blogpage.js"></script>
</body>
</html>