kntupssa.github.io/knourauth.html at master · kntupssa/kntupssa.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script src="./scripts/knour.js" data-no-instant="" defer="defer"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knour | PSSA</title>
    <meta name="description" content="The official website for the KNTU Physics Students Scientific Association.">
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <header class="site-header">
        <div class="container">
            <a href="./index.html" class="logo"><img style="width: 80px; height: 80px; float: left;"
                    src="assets/logo.svg" />
                <div style="margin-left: 20px; text-align: left; float:left; height: 80px; line-height: 80px;">
                    <h5 style="float: left; margin-right: 10px;">KNTU</h5>
                    <h5 style="float: left;">PSSA</h5>
                </div>
            </a>

            <nav class="main-nav">
                <ul>

                    <li>
                        <a href="./blog.html" class="">Blog</a>
                    </li>

                    <li>
                        <a href="./news.html" class="">News</a>
                    </li>

                    <li>
                        <a href="./aboutus.html" class="">About Us</a>
                    </li>

                    <li>
                        <a href="./authors.html" class="active">Authors</a>
                    </li>

                    <li>
                        <a href="#" class="">Discover</a>
                    </li>

                </ul>
            </nav>
            <button class="nav-toggle" aria-label="Open navigation">
                <span class="hamburger"></span>
            </button>
        </div>
    </header>
    <main>
        <div class="container" style="margin-top: 30px;">

            <header class="author-profile">
                <img src="./member1.jpg" alt="Kiarash Nourafshan" class="author-profile-image">
                <div class="author-profile-info">
                    <h1>Kiarash Nourafshan</h1>
                    <p>Nostrud enim magna enim fugiat id fugiat cupidatat consectetur eu magna minim.</p>
                    <div class="author-links">
                        <a href="https://github.com/Kiarash1NfN1" target="_blank" rel="noopener">GitHub</a>

                    </div>
                </div>
            </header>
            <div class="author-posts">
                <h2
                    style="border-bottom: 1px solid var(--color-border); padding-bottom: 0.5rem; margin-bottom: 1.5rem;">
                    About me</h2>
                <p>Minim culpa voluptate exercitation velit culpa do. Ut nulla irure tempor duis cillum Lorem irure et
                    ullamco nisi ullamco officia enim. Irure cillum tempor irure officia adipisicing do. Est veniam
                    adipisicing quis cillum aute esse irure elit. Est ex ad eiusmod pariatur incididunt aute ad cillum
                    ad labore esse pariatur in minim. Qui consectetur irure ut aute ipsum culpa dolor velit aute ad
                    excepteur eiusmod dolore. Elit ipsum velit aute Lorem ipsum nisi elit consequat excepteur do sint
                    proident sunt.</p>
            </div>
            <div class="author-posts">
                <h2
                    style="border-bottom: 1px solid var(--color-border); padding-bottom: 0.5rem; margin-bottom: 1.5rem;">
                    Authored Posts</h2>
                <ul class="post-list">

                    <li class="post-item">
                        <img style="float:left; background-color: red; width: 200px;" src="./assets/thumbnail.jpg" />
                        <div style="float:left; margin-left: 20px; width: calc(100% - 220px);">
                            <h3 class="post-item-title"><a href="./Post1.html">Test Post #1</a></h3>
                            <div class="post-item-meta">
                                <span>September 15, 2025</span> | By <a href="https://github.com/Kiarash1NfN1">Kiarash
                                    Nourafshan</a> | In <a href="./blog.html">Blog</a>
                            </div>
                            <p class="post-item-description">Mollit duis esse nisi et incididunt tempor irure occaecat
                                sunt
                                labore in laboris elit exercitation.</p>
                        </div>
                    </li>

                </ul>
            </div>
        </div>

    </main>
    <footer class="site-footer">
        <div class="container">
            © 2025 PSSA | All Rights Reserved
        </div>
    </footer>

</body>

</html>