mrbrainless.github.io/index.html at main · mrbrainless/mrbrainless.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MrBrainLess</title>
    <!-- favicon -->
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
    <link rel="manifest" href="site.webmanifest" />
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="theme-color" content="#ffffff" />
    <meta name="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="common.css" />
    <link rel="stylesheet" href="style.css" />
    <link rel="preload" href="fonts/SenjaSantuy.otf" />
    <meta
      name="google-site-verification"
      content="7WnFm6l8Davuts_lPfHctfaFmd4OmNePX9eG2xdgBtQ"
    />
    <link rel="canonical" href="https://mrbrainless.github.io/" />
    <script
      async
      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5082315880457032"
      crossorigin="anonymous"
    ></script>
    <meta property="og:title" content="MrBrainless" />
    <meta property="og:type" content="website" />
    <meta
      property="og:image"
      content="https://mrbrainless.github.io/icon.png"
    />
    <meta property="og:url" content="https://mrbrainless.github.io/" />
    <meta
      property="og:description"
      content="MrBrainLess, your destination for cool and fascinating facts! We are passionate about providing accurate information and knowledge to interested people around the world."
    />
    <meta property="og:site_name" content="MrBrainLess" />
    <meta name="author" content="MrBrainLess" />
  </head>
  <body>
    <header>
      <div class="logo">
        <a href="../index.html"><img src="../mrbrainless.png" alt="Logo" /></a>
      </div>
      <nav>
        <a href="../index.html" class="active">Home</a>
        <a href="../about/">About</a>
        <a href="facts/">Facts</a>
      </nav>
    </header>
    <div class="text">A tiny website by <span>Sagar Kumar</span></div>
    <main>
      <div class="container">
        <h2>FUN PROJECTS</h2>
        <div class="fun-projects">
          <a href="text-art/">
            <img
              src="images/text-art.png"
              alt="Text art"
              width="360"
              height="202"
            />
          </a>
          <a href="fun-piano/">
            <img src="images/piano.jpg" alt="Piano" width="360" height="202" />
          </a>
          <a href="coin-toss/">
            <img
              src="images/coin-toss.jpg"
              alt="Coin toss"
              width="360"
              height="202"
            />
          </a>
          <a href="clockception/">
            <img
              src="images/clockception.png"
              alt="Clockception"
              width="360"
              height="202"
            />
          </a>
        </div>
        <h2>ARTICLES</h2>
        <div class="articles">
          <a
            href="posts/why-and-how-do-male-seahorses-give-birth-to-young.html"
          >
            <img
              src="images/seahorse.jpg"
              alt="Seahorse"
              width="600"
              height="600"
            />
            <span>Why and how do male seahorses give birth to young?</span>
          </a>
          <a href="posts/how-do-antibiotics-work.html">
            <img
              src="images/antibiotics.png"
              alt="Antibiotics"
              width="720"
              height="540"
            />
            <span>How do antibiotics work?</span>
          </a>
          <a href="posts/how-do-fish-talk-to-each-other.html">
            <img
              src="images/fish-can-talk-to-each-other.jpg"
              alt="Fish talking to each other"
              width="1080"
              height="607"
            />
            <span>How do fish talk to each other?</span>
          </a>
          <a href="posts/why-do-some animals-eyes-glow-in-dark.html">
            <img
              src="images/eyes-glowing-480.jpg"
              alt="Eyes glowing in the dark"
              width="480"
              height="360"
            />
            <span>Why do some animals eyes glow in the dark?</span>
          </a>
          <a href="posts/what-is-deja-vu.html">
            <img
              src="images/deja-vu.jpg"
              alt="Deja vu"
              width="720"
              height="540"
            />
            <span>What is Deja vu?</span>
          </a>
          <a href="posts/can-you-drown-in-the-dead-sea.html">
            <img
              src="images/dead-sea-480.jpg"
              alt="Dead sea"
              width="480"
              height="360"
            />
            <span>Can you drown in the dead sea?</span>
          </a>
          <a href="posts/how-do-ants-walk-in-a-straight-line.html">
            <img
              src="images/ants-480.jpg"
              alt="Ants"
              width="480"
              height="360"
            />
            <span>How do ants walk in a straight line?</span>
          </a>
          <a href="posts/why-are-fish-eating-plastic.html">
            <img
              src="images/fish-eating-plastic-480.jpg"
              alt="Fish eating plastic"
              width="480"
              height="360"
            />
            <span>Why are fish eating plastic?</span>
          </a>
          <a href="posts/why-do-onions-make-you-cry.html">
            <img
              src="images/onions-480.jpg"
              alt="Onions"
              width="480"
              height="360"
            />
            <span>Why do onions make you cry?</span>
          </a>
          <a href="posts/why-should-we-not-overwater-potted-plants.html">
            <img
              src="images/watering-plants.jpg"
              alt="Watering the plants"
              width="480"
              height="360"
            />
            <span>Why should we not overwater the potted plants?</span>
          </a>
        </div>
        <h2>NEWS</h2>
        <div class="news">
          <div class="link">
            <span>&#128073; </span
            ><a href="news/hmpv-cases-and-kidney-complications.html"
              >HMPV Cases and Kidney Complications</a
            >
          </div>
        </div>
        <h2>SOURCE CODE AND DOCS FOR CODERS</h2>
        <div class="news source-code">
          <div class="link source-code-link">
            <span>&#128073; Create your own JavaScript Library</span
            ><a href="pdfs/our-library.pdf" download="our-library.pdf"
              >Download</a
            >
          </div>
        </div>
      </div>
      <aside></aside>
    </main>
    <footer>
      <div class="mail">
        <p>
          <a href="mailto:sagarkumarmodu@gmail.com">sagarkumarmodu@gmail.com</a>
        </p>
        <p>
          <a href="mailto:sagarkumarmodu2001@gmail.com"
            >sagarkumarmodu2001@gmail.com</a
          >
        </p>
      </div>
      <div class="copyright">
        &copy; <span class="year"></span> | Created and Designed by
        <a href="../index.html">MrBrainLess</a>
      </div>
    </footer>
    <script src="common.js" defer></script>
    <script type="module" src="app.js" defer></script>
  </body>
</html>